﻿/* the styles are laid out as follows:
- general
- site layout (header, body, footer, etc.)
- custom pages (anything that is specific to an individual page or section) */

/***********/
/* general */
/***********/
body {
	background-image: url(images/body_bg.gif);
	background-color: #FFFFFF;
	background-position:left top;
	background-repeat:repeat-x;
	font:11px arial,verdana,sans-serif;
	color: #000000;
}

body, table, td, ul, ol, h1, h2, h3, h4, h5, h6, div, img {
	border:0;
	padding:0;
	margin:0;
}

.clear {
	clear:both;
}

.floatL {
	float:left;
}

.floatR {
	float:right;
}

h1 {
	padding:16px 0 0 26px;
	float:left;
}

h2 {
	display:none;
}

h3 {
	font:16px "Univers",arial,verdana,sans-serif;
	color:#333333;
	text-transform:uppercase;
}

h4 {
	font:bold 14px "Univers",arial,verdana,sans-serif;
	color:#333333;
	padding:0 20px 0 0;
	background-image:url(images/body_arrow.gif);
	background-position:right center;
	background-repeat:no-repeat;
	display:inline;
}

h5 {
	color:#333;
	font:bold 12px arial,verdana,sans-serif;
}

/***************/
/* site layout */
/***************/
#header {
	height:90px;
	border-bottom:15px solid #000;
	width:100%;
	margin:0 0 1px 0;
}

ul#mainNav {
	padding:23px 0 0 210px;
}

ul#mainNav li {
	display:inline;
	float:left;
	margin:0 4px 0 0;
}

a.mainNavLink, a.mainNavLink:hover, a.mainNavLinkAct, a.mainNavLinkAct:hover {
	display:block;
	text-decoration:none;
	color:black;
	border-bottom:3px solid #666;
	font:12px arial,verdana,sans-serif;
}

a.mainNavLinkAct, a.mainNavLinkAct:hover {
	color:#F0861B;
	border-bottom:3px solid #F0861B;
}

a.mainNavLink:hover {
	color:#F0861B;
	border-bottom:3px solid #F0861B;
}

a#home, a#home:hover {
	width:54px;
}

a#about, a#about:hover {
	width:78px;
} 

a#solutions, a#solutions:hover {
	width:73px;
}

a#products, a#products:hover {
	width:71px;
} 

a#employ, a#employ:hover {
	width:90px;
} 

a#contact, a#contact:hover {
	width:82px;
} 

#bodyStructure {
	width:770px;
}

#indexLayout {
	width:800px;
	margin:0 0 1px 0;
}

#titleCell1 {
	background-image:url(images/title_bg.gif);
	width:422px;
	height:54px;
	float:left;
}

#titleCell2 {
	background-image:url(images/title2_bg.gif);
	background-position:left top;
	background-repeat:no-repeat;
	width:348px;
	float:left;
}

#indexImage {
	width:244px;
	vertical-align:top;
}

#indexContent {
	width:275px;
	vertical-align:top;
	text-align:left;
	padding:10px 0 0 0;
	background-image:url(images/index_content_bg.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}

#indexText {
	width:275px;
	height:250px;
	overflow:auto;
}

body {
	scrollbar-face-color:#ffffff; 
	scrollbar-arrow-color:#000000; 
	scrollbar-track-color:#ffffff; 
	scrollbar-shadow-color:#000000; 
	scrollbar-highlight-color:#000000; 
	scrollbar-3dlight-color:#ffffff; 
	scrollbar-darkshadow-Color:#ffffff;
}

#indexContent p {
	margin:0;
	padding:0 5px 6px 0;
}

#indexDot {
	width:7px;
}

#indexDot #dotLine {
	height:233px;
	width:3px;
	border-right:1px dotted #000;
}

#indexFeat {
	width:264px;
	padding:15px 0 0 5px;
	vertical-align:top;
}

img.featImg {
	float:left;
	margin:0 10px 0 0;
	border:1px solid #999;
}

img.learnMoreFeat {
	margin:0;
	padding:2px 0 0 0;
}

img.learnMore {
	margin:0;
	padding:12px 0 0 0;
	float:left;
}

.featScroll {
	margin:0 0 4px 0;
	padding:0;
}

.featScroll p {
	margin:0;
	padding:0;
}

#addContentBox1 {
	width:270px;
	border-right:1px solid white;
	background-color:#E2DED8;
	padding:25px 0 15px 15px;
	vertical-align:top;
}

#addContentBox1 #mainImg {
	border:1px solid white;
	float:left;
	margin:0 10px 0 0;
}

#addContentBox1 .text {
	float:right;
	width:170px;
	height:80px;
	vertical-align:top;
	padding:0 5px 0 0;
}

#addContentBox1 .text p {
	margin:0;
	padding:0 0 8px 0;
}

#addContentBox2 {
	width:499px;
	background-color:#F3EFEA;
	padding:25px 0 15px 15px;
	vertical-align:top;
}

#addContentBox2 p {
	margin:0;
	padding:0 0 8px 0;
}

#addContentBox2 p.learnMore {
	padding:0 0 14px 0;
}

#sideNav {
	width:165px;
	background-color:#FFFFFF;
	background-image:url(images/side_nav_bg.gif);
	background-position:right top;
	background-repeat:repeat-y;
	border-top:1px solid #fff;
	padding:35px 0 0 20px;
	vertical-align:top;
	font:bold 11px "Univers",arial,verdana,sans-serif;
}

#sideNav ul {
	list-style-type:none;
	padding:8px 0 15px 0;
}

#sideNav li {
	padding:3px 0;
}

#sideNav a, #sideNav a:hover {
	color:black;
	text-decoration:none;
} 

#sideNav a:hover {
	color:#C30;
} 

p#requestInfo {
	margin:0 0 25px 0;
}

#mainContent {
	border-top:1px solid #fff;
	width:591px;
	padding:34px 0 0 32px;
	vertical-align:top;
	text-align:left;
}

#footer {
	padding:25px 0 30px 15px;
}

#footer, #gotech {
	font:10px arial,verdana,sans-serif;
}

#gotech, #gotech a, #gotech a:hover {
	color:#999999;
}

#gotech a:hover {
	text-decoration:none;
} 

/**********************/
/* custom page styles */
/**********************/

/* products */
ul.products {
	margin:0 0 0 30px;
}

ul.products li {
	padding:3px 0;
}