/* CSS Document */

/* IMPORTED STYLES */
@import url("../css/reset.css");
@import url("../css/menu.css");
@import url("../css/cms.css");

/*GLOBAL*/
html{
	width:100%;
	height:100%;
	font:62.5% Helvetica, Arial, sans-serif;
	color:#40494C;
}
body{
	width:100%;
	height:100%;
	min-width:940px;
	min-height:860px;
	text-align:center;
	background-color: #024e70;
	background-image: url(../gui/bg_gradient2.gif);
	background-repeat: repeat-x;
	background-position: top;
}
a, a:visited{text-decoration:none;}

/* MAIN LAYOUT */
#container{
	margin:auto;
	width:940px;
	min-height:860px;
	height:auto !important;
	height:860px;
	position:relative;
	text-align:left;
}
#background{
	width:345px;
	height:345px;
	display:block;
	background:url(../gui/bg_shadow.gif) no-repeat;
	position:absolute;
	top:88px;
	left:-42px;
}
#navbar{width:255px; height:736px; position:absolute; top:66px; left:0px; background:url(../gui/bg_navbar.gif) no-repeat; z-index:10;}
#logo{
	width:203px;
	height:92px;
	display:block;
	background:url(../gui/logo.gif) no-repeat;
	text-indent:-9999px;
	position:absolute;
	top:23px;
	left:48px;
}
#logo a{width:203px; height:92px; display:block; border:none;}
#tagline{color:#91CFE2; font-size:1.8em; position:absolute; top:97px; left:273px;}
#nav{width:200px; height:582px; display:block; background:url(../gui/bg_navigation.gif) no-repeat bottom; position:absolute; top:129px; left:27px;}
#menu{width:200px; display:block; position:relative; border-bottom:1px solid #a9adb0;}

#nav h4{width:170px; height:16px; display:block; margin-top:29px; padding:7px 0px 20px 30px; *padding:5px 0px 20px 30px; background:url(../gui/bg_quicklinks.gif) no-repeat 20px 0px; position:relative; text-transform:uppercase; color:#0083B5; font-size:1.2em; letter-spacing:.1em;}
#container  img  {
	margin-left: 700px;
	margin-top: 10px;
}

#section_about #nav h4{color:#10A474;}
#section_products #nav h4{color:#EA7A05;}
#section_services #nav h4{color:#B70B12;}
#section_order #nav h4{color:#C2216E;}
#section_contact #nav h4{color:#1F98BF;}
#quicklinks li{text-transform:lowercase; font-size:1.7em; font-weight:bold; padding:0px 0px 16px 29px;}
#quicklinks a{display:block; color:#7D8388; background:url(../gui/arrow.gif) no-repeat; padding:1px 0px 0px 27px !important; padding:0px 0px 0px 27px;}
#quicklinks a:hover{color:#3d8aa5; background-position:0px -20px;}
#section_about #quicklinks a:hover{color:#10A474; background-position:0px -40px;}
#section_products #quicklinks a:hover{color:#EA7A05; background-position:0px -60px;}
#section_services #quicklinks a:hover{color:#B70B12; background-position:0px -80px;}
#section_order #quicklinks a:hover{color:#C2216E; background-position:0px -100px;}
#section_contact #quicklinks a:hover{color:#1F98BF; background-position:0px -120px;}

#search{width:264px; height:30px; margin:0px; padding:0px; background:url(../gui/bg_search.gif) no-repeat left; position:absolute; top:27px; right:0px; z-index:10;}
#search_bg{display:block; width:10px; height:26px; background:#ffffff url(../gui/bg_searchbox.gif) no-repeat top left; position:absolute; top:-5px; left:30px;}
#search_box{display:block; width:144px; height:19px; color:#3d8aa5; border:none; border-top:1px solid #809ba7; border-bottom:1px solid #305b6f; padding:2px 12px 3px 3px !important; padding:3px 12px 2px 3px; position:absolute; left:40px; top:-5px; font-size:1.5em;}
#search_submit{background:url(../gui/go.gif) no-repeat; display:block; width:41px; height:27px; position:absolute; top:-5px; right:26px; text-indent:-9999px;}
#search_submit:hover, #search_submit.over{background:url(../gui/go.gif) no-repeat 0px -27px;}
#search_check{display:none;}

#flash2{width:657px; height:338px; position:absolute; top:130px; left:271px; background:url(../gui/flashX.html) no-repeat; border:1px #000000 solid; z-index:10;}
#flash{width:661px; height:338px; position:absolute; top:130px; left:271px; background:url(../gui/flashX.html) no-repeat;  z-index:10;}
#content{
	width:662px;
	position:relative;
	padding-top: 89px;
	padding-right: 0px;
	padding-bottom: 40px;
	padding-left: 272px;
}

#box{width:550px; background-color:#FFFFFF; border:1px solid #061a21; position:relative; padding:242px 70px 40px 40px;}
#box img {
	margin-left: 0px;
	padding-left: 0px;
}

#box h3{color:#ffffff; font-size:2em; display:block; position:absolute; top:0px; left:0px; width:642px; height:28px; padding:12px 0px 0px 18px; background:url(../gui/bg_title_green.gif) repeat-x top; border-bottom:1px solid #074e3e;}
#section_home #content{
	width:662px;
	padding-top: 455px;
	padding-right: 0px;
	padding-bottom: 40px;
	padding-left: 278px;
}
#section_about #box h3{background:url(../gui/bg_title_green.gif) repeat-x top; border-bottom:1px solid #074e3e;}
#section_products #box h3{background:url(../gui/bg_title_orange.gif) repeat-x top; border-bottom:1px solid #794a08;}
#section_services #box h3{background:url(../gui/bg_title_red.gif) repeat-x top; border-bottom:1px solid #794a08;}
#section_order #box h3{background:url(../gui/bg_title_purple.gif) repeat-x top; border-bottom:1px solid #640c38;}
#section_contact #box h3{background:url(../gui/bg_title_blue.gif) repeat-x top; border-bottom:1px solid #114c60;}
#box p{font-size:1.4em; line-height:1.6em; padding-bottom:18px;}
#box ol, #box ul{display:inline; font-size:14px; line-height:22px;}
#box ol{ list-style-type:decimal; list-style-position:inside;}
#box ul{ list-style-type:circle; list-style-position:inside;}
#box li{display:list-item; padding-left:30px;}
#box li:last-child {padding-bottom:20px;}

#section_about #header {background:url(../gui/header_about.jpg) no-repeat; width:660px; height:166px; position:absolute; top:41px; left:0px; }
#section_contact #header {
	width:660px;
	height:166px;
	position:absolute;
	top:41px;
	left:0px;
	background-repeat: no-repeat;
}
#section_order #header {background:url(../gui/header_order.jpg) no-repeat; width:660px; height:166px; position:absolute; top:41px; left:0px; }
#section_products #header {background:url(../gui/header_products.jpg) no-repeat; width:660px; height:166px; position:absolute; top:41px; left:0px; }
#section_products .overview {background:url(../gui/header_products.jpg) no-repeat; width:660px; height:166px; position:absolute; top:41px; left:0px; }
#section_products .green {background:url(../gui/header_products.jpg) no-repeat; width:660px; height:166px; position:absolute; top:41px; left:0px; }

#header-food {background:url(../gui/header_food.jpg) no-repeat; width:660px; height:166px; position:absolute; top:41px; left:0px; }
#header-gsd {background:url(../gui/header_gsd.jpg) no-repeat; width:660px; height:166px; position:absolute; top:41px; left:0px; }
#header-operational {background:url(../gui/header_operational.jpg) no-repeat; width:660px; height:166px; position:absolute; top:41px; left:0px; }
#header-marketing {background:url(../gui/header_marketing.jpg) no-repeat; width:660px; height:166px; position:absolute; top:41px; left:0px; }
#section_services #header {background:url(../gui/header_services.jpg) no-repeat; width:660px; height:166px; position:absolute; top:41px; left:0px; }
#header img {
	margin-left: 0px;
	padding-left: 0px;
}


#section_about h3 .thin_title{color:#b2f0db;}
#section_about .subtitle, #section_about #box a{color:#03865E;}
#section_about #box a:hover{border-bottom:1px dashed #03865E;}

#section_products h3 .thin_title{color:#fae1c5;}
#section_products .subtitle, #section_products #box a{color:#e07805;}
#section_products #box a:hover{border-bottom:1px dashed #e07805;}

#section_services h3 .thin_title{color:#fdc0c5;}
#section_services .subtitle, #section_services #box a{color:#b8002c;}
#section_services #box a:hover{border-bottom:1px dashed #b8002c;}

#section_order h3 .thin_title{color:#fac8e3;}
#section_order .subtitle, #section_order #box a{color:#bb1866;}
#section_order #box a:hover{border-bottom:1px dashed #bb1866;}

#section_contact h3 .thin_title{color:#c2ebf4;}
#section_contact .subtitle, #section_contact #box a{color:#138fb8;}
#section_contact #box a:hover{border-bottom:1px dashed #138fb8;}


#welcome{
	float:left;
	width:344px;
	color:#D0F9CD;
	font-size:1.5em;
	line-height:1.8em;
	text-align: justify;
}
#welcome h3{color:#A0E096; font-size:2em; font-weight:normal; display:block; padding-bottom:8px;}
#welcome em{
	color:#A0E096;
	font-size: 20px;
}
#welcome a{display:block; margin:20px 0px 0px -2px; width:110px; height:28px; text-indent:-9999px; background:url(../gui/btn_more.gif) no-repeat;}
#welcome a:hover{background:url(../gui/btn_more.gif) no-repeat 0px -28px;}
#highlight{float:left; width:282px; padding-left:36px; color:#A5E4F2; font-size:1.5em; line-height:1.8em;}
#highlight h3{color:#5AC8E2; font-size:2em; font-weight:normal; display:block; padding-bottom:8px;}
#highlight em{color:#5AC8E2;}
#highlight a{display:block; text-indent:-9999px;}

#highlight_text{display:block; width:282px; height:275px; position:relative; clear:both;}
#highlight_text li{position:absolute; top:0px; left:0px; display:none;}
#highlight_text #highlight1{display:block;}

#highlight_numbers{display:block; width:128px; height:25px;}
#highlight_numbers li{position:relative; float:left; margin:0px; padding:0px; display:block; height:25px; text-indent:-9999px; cursor:pointer;}
#one{width:32px; background-image:url(../gui/numbers.gif); background-position:0px -30px; background-repeat:no-repeat;}
#two{width:32px; background-image:url(../gui/numbers.gif); background-position:-32px 0px; background-repeat:no-repeat;}
#three{width:32px; background-image:url(../gui/numbers.gif); background-position:-64px 0px; background-repeat:no-repeat;}
#four{width:32px; background-image:url(../gui/numbers.gif); background-position:-96px 0px; background-repeat:no-repeat;}


#footer{
	width:100%;
	min-width:940px;
	height:120px;
	position:relative;
	background:#024968 url(../gui/bg_footer.gif) repeat-x top;
}
#footer_content{margin:auto; width:940px; position:relative; text-align:left;}
a#fsc{
	display:block;
	width:75px;
	height:67px;
	background:url(../gui/fsc.gif) no-repeat;
	position:absolute;
	top:24px;
	left:240px;
	text-indent:-9999px;
}
#copyright{position:absolute; top:24px; left:330px; color:#001a2e; font-size:1.4em; line-height:1.6em;}
#copyright a{color:#001a2e;}
#copyright a:hover{border-bottom:1px dashed #001a2e;}

/* FORM */
#commcard TR TD, #commcard2 TR TD, #commcard3 TR TD {font-size:12px; font-family:Helvetica, Arial, sans-serif; color:#40494C;}
#commcard FORM, #commcard2 FORM, #commcard3 FORM {font-size:12px; font-family:Helvetica, Arial, sans-serif; color:#40494C;}
.commintro {font-size:14px !important;}
#commcard3 TR {height:25px;}
#commcard textarea, #commcard2 textarea, #commcard3 textarea {font-size:16px; font-family:Helvetica, Arial, sans-serif; color:#40494C;}

			
/* HIDDEN ELEMENTS */
hr{display:none;}
.clear{clear:both; height:0px;}