html {
	background: url('/images/bg2.png') repeat-y #fff;
	background-attachment: fixed;
	height: 100%;
}
body {
	background: url('/images/bg1.png') no-repeat;
	background-attachment: fixed;
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: Verdana, Arial, sans-serif;
	font-size: small;
}
html>body {
	min-height: 100%;
	height: auto;
}


/* ----- General ----- */
a		{ color: #444; text-decoration: none; font-weight: bold;  }
a:hover	{ color: #5566dd; }
/* a:hover	{ color: #000; background-color: #c8e6ff; } */
/* a:hover	{ color: #000; background-color: #eeffcc; } */

a img	{ border: 0px; }

.center	{ text-align: center; }
.red	{ color: #f00; }
.debug	{ color: #ccc; font-size: x-small; }

/* ----- Headers ----- */
h1, h2, h3, .section_head {
	font-family: "Trebuchet MS", "Lucida Grande", Helvetica, "Lucida Sans";
	background: #eee;
	border: 1px #ccc solid;
	border-width: 1px 0px;
	padding: 5px 15px;
	margin: 15px -20px;
	text-shadow: #ccc;
}
.section_head {
	margin: 15px 0px;
	width: 290px;
}

h1 img, h2 img, h3 img, .section_head img {
	width: 32px;
	height: 32px;
	padding-right: 7px;
	vertical-align: middle;
	white-space: nowrap;
}

/* ----- Structure ----- */
#outer {
	margin: 0px;
	width: 100%;
}

#container {
	margin: 0px auto;
	width: 750px;
}

#header {
	margin: 0px auto;
	width: 750px;
	padding-top: 50px;
	height: 32px;
}

#mainbg {
	position: relative;
	top: 4px;
	background: url('/images/tr3.png');
	border: 1px #53584A solid;
}
*html #mainbg {
	top: -16px;
	/* background: url('/images/tr4.png'); */
	background: #f5f5f5;
}

#main {
	background: url('/images/logo2.gif') no-repeat;
	background-position: -1px -2px;
	padding: 10px 20px 0px 20px;
}

#content {
	padding-bottom: 10px;
}

#footer {
	margin-top: 10px;
	font-size: 80%;
	text-align: right;
	clear: both;
}
*html #footer {
	margin-top: auto;
}

#nav {
	float: right;
}

/* ----- Header & Footer ----- */
#logo {
	width: 200px;
	position: relative;
	top: 3px;
}
*html #logo {
	float: left;
}

#footer {
	padding-right: 2px;
	color: #53584A;
}

#footer ul {
	list-style-type: none;
	margin: 0px;
}
#footer ul li {
	display: inline;
	padding-left: 2px;
}

#footer a {
	text-decoration: none;
	font-weight: bold;
}

/* ----- Sliders ----- */
.section_head {
	padding-left:		2px;
	margin-top:			2px;
	border-width:		1px;
	overflow:			hidden;
	cursor:				pointer;
	height:				30px;
	line-height: 		30px;
	font-size:			large;
}
.section_head a				{ text-decoration: none; display: block; width: 100%; text-indent: 10px; color: #000; font-weight: normal; }
.section_head a:hover		{ text-decoration: none; color: #5566dd; }
.section_head a:hover span	{ color: #000; }
.section_head a span		{ float: right; font-size: x-small; text-transform: uppercase; }
.section_body, .section_active {
	background-color:	#fff;
	border:				1px #ccc solid;
	border-width:		0px 1px 1px 1px;
	height:				0px;
	left:				0px;
	top:				-15px;
	margin:				0px -20px;
	padding:			5px;
	visibility:			hidden;
	overflow:			hidden;
	position:			relative;
	text-align:			left;
}
.section_active {
	height:				auto;
	visibility: 		visible;
}
.section_body_content {
	padding:			1px;
	font-size:			x-small;
	position:			relative;
}
.section_body_content p {
	margin-top:			0px;
}
.indent {
	/* margin:				auto auto auto 20px; */
	padding:				20px;
}


/* ----- Home Page ----- */
ul#ulhome {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

ul#ulhome li {
	display: block;
	text-align: center;
	float: left;
	width: 230px;
}


/* ----- Services Page ----- */
#tblserv {
	width: 100%;
	margin: 0px;
	padding: 0px;
	border-spacing: 0px;
}
.tdleft, .tdright {
	width: 50%;
	vertical-align: top;
}
.tdleft {
	padding-right: 10px;
}
.tdright {
	padding-left: 10px;
}


/* ----- Contact Page ----- */
.msg {
	font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans";
	font-size: large;
	font-weight: bold;
}

ul#contact {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

ul#contact li {
	display: inline;
	width: 300px;
	border: 1px #000 solid;
}

.col1, .col1comment {
	font-size: 11px;
	line-height: 25px;
	color: #333;
}

.col1 {
	text-align: right;
	width: 135px;
	height: 31px;
	margin: 0;
	float: left;
	margin-right: 2px;
	background: url('/images/bg_label.gif') no-repeat;
}

.col2 {
	width: 195px;
	height: 31px;
	display: block;
	float: left;
	margin: 0;
	background: url('/images/bg_textfield.gif') no-repeat;
	text-align: left;
}

.col2comment {
	width: 195px;
	height: 98px;
	margin: 0;
	display: block;
	float: left;
	background: url('/images/bg_textarea.gif') no-repeat;
	text-align: left;
}

.col1comment {
	text-align: right;
	width: 135px;
	height: 98px;
	float: left;
	display: block;
	margin-right: 2px;
	background: url('/images/bg_label_comment.gif') no-repeat;
}

div.row {
	clear: both;
	width: 335px;
}

.submit, .captcha {
	height: 29px;
	width: 330px;
	background: url('/images/bg_submit.gif') no-repeat;
	padding-top: 5px;
	clear: both;
	text-align: center;
}

.input {
	background-color: #fff;
	font: 11px/14px Verdana, Arial, sans-serif;
	color: #666;
	margin: 4px 0 5px 8px;
	padding: 1px;
	border: 1px solid #53584A;
}

.textarea {
	border: 1px solid #53584A;
	background-color: #fff;
	font: 11px/14px Verdana, Arial, sans-serif;
	color: #666;
	margin: 4px 0 5px 8px;
}

.captcha {
	background: none;
	height: 130px;
	min-height: 130px;
	padding-bottom: 5px;
}

.clearfix, h1 {
	clear: both;
}


/* ----- CSS Corners ----- */
 /* set background images for corners */
.rbc, .rbcontent	{ background: url(images/cr_bg.gif) repeat; }
.rbtl		{ background: url(images/cr_tl.gif) no-repeat top left; }
.rbtr		{ background: url(images/cr_tr.gif) no-repeat top right; }
.rbbl		{ background: url(images/cr_bl.gif) no-repeat bottom left; }
.rbbr		{ background: url(images/cr_br.gif) no-repeat bottom right; }

 /* height and width details */
.rbtl, .rbtr, .rbbl, .rbbr		{ width: 12px; }
.rbtl, .rbtr, .rbbl, .rbbr, .rbc{
	height: 12px;
	font-size: 1px;
	float: left;
}
.rbc			{ width: 176px; }
.rbtr, .rbbr	{ float: right; }
.rbcontent		{ width: 200px; float: left; }
.rbbody			{ width: 100%; padding: 0px 10px; }
.rbroundbox		{ width: 200px; }
.rbcontent h2	{ font-size: 1em; font-weight: bold; margin: 0px; background: none; border: 0px; }

#rbboxes		{ list-style: none; width: 100%; margin: 0px 0px 0px 20px; padding: 0px; }
#rbboxes li		{ list-style: none; display: block; float: left; margin: 10px 0px; width: 33%; }
.variable		{ height: auto; }

/* ----- CSS Tabs ----- */
ul#tabnav { /* general settings */
text-align: right; /* set to left, right or center */
font: bold 11px verdana, arial, sans-serif; /* set font as desired */
border-bottom: 1px solid #53584A; /* set border COLOR as desired */
list-style-type: none;
margin: 0em 0 1em 0; /* set margins as desired */
padding: 17px 0px 6px 10px; /* THIRD number must change with respect to padding-top (X) below */
}
*html ul#tabnav { /* general settings */
padding-top: 0px;
}

ul#tabnav li { /* do not change */
display: inline;
}

body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4, body#tab5 li.tab5 { /* settings for selected tab */
}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a, body#tab5 li.tab5 a { /* settings for selected tab */
background: none; /* set selected tab background color as desired */
background: url('/images/tr3.png'); /* set selected tab background color as desired */
}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a, body#tab5 li.tab5 a { /* settings for selected tab */
border-top-width: 2px;
/* background: url('/images/tr4.png'); */
background: #f5f5f5;
}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a, body#tab5 li.tab5 a { /* settings for selected tab link */
color: #000; /* set selected tab link color as desired */
padding-top: 6px; /* must change with respect to padding (X) above and below */
position: relative;
top: 1px;
}

ul#tabnav li a { /* settings for all tab links */
background: #ddd; /* set selected tab background color as desired */
padding: 6px 9px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #53584A; /* set border COLOR as desired; usually matches border color specified in #tabnav */
color: #444; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}

ul#tabnav a:hover { /* settings for hover effect */
background: #f5f5f5; /* set desired hover color */
}

body#tab1 li.tab1 a:hover { /* settings for hover effect */
/*background: url('/images/tr3.png'); / * set desired hover color */
}