/* basic elements */
body {
	
	font: 10pt/16pt Arial, Helvetica, sans-serif;
	color: #000000;
	background: #D2D2DE;
	margin: 0;
	padding: 0;

}

/* specific divs */
#container {
	position: relative;
	background: url(../images/body_BG.jpg) repeat-x;
	width: 950px;
	padding: 0;  
	margin: 0;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

#containerOverlay {
	background: url(../images/container_BG.jpg) repeat-y;
	width: 950px;
	padding: 0;
	margin: 0;
}

#header {
	background: url(../images/header_BG.jpg) repeat-x;
	position: absolute;
	width: 950px;
	height: 187px;
	top: 0px;

}

#header h1 {
	display: none;
}



#rightColumn {
	position: absolute;
	top: 0px;
	left: 928px;
	width: 22px;
	height: 280px;
	background: #9f9b8b url(../images/right_c.jpg) no-repeat top left;
}

#Logo {
	position: absolute;
	top: 0px;
	left:75px;
	top:36px;
	width:84px; 
	height:78px;
	background: url(../images/logo.gif) no-repeat top left;
}
#Logo span {
	display: none;
}



#companyName  {
    position: absolute;
	padding: 8px 0 0 0;
	margin: 0;
	display: block;
	text-decoration: none; 
	text-align: center;
	color: #FFF;
	font: 24pt "Franklin Gothic Book";
	font-weight: bold;
	left: 223px;
	top: 33px;
}

#companyMoto  {
	position: absolute;
	padding: 8px 0 0 0;
	margin: 0;
	display: block;
	text-decoration: none;
	text-align: center;
	color: #FFF;
	font: 12pt "Franklin Gothic Book";
	font-weight: normal;
	font-style: italic;
	left: 7px;
	top: 35px;
	width: 436px;
}

/* contact Advisor Button */
#contactButton {
	
	position: absolute;
	top: 23px;
	left: 757px;
	width: 159px;
	height: 100px;
	text-align: center;
	background: #d2d2de;
	background: url(../images/contactus.gif) no-repeat;
}

#contactButton a:link, #contactButton a:visited  {
    cursor: hand;
	padding: 8px 0 0 0;
	margin: 0;
	display: block;
	text-decoration: none; 
	text-align: center;
	color: #000000;
	font: 10pt Arial, Helvetica, sans-serif;
	font-weight: bold;
	left: 685px;
}
#contactButton a:hover, #contactButton a:active {
	cursor: hand;
	padding: 8px 0 0 0;
	margin: 0;
	display: block;
	text-decoration: underline;
	text-align: center;
	font: 10pt Arial, Helvetica, sans-serif; 
	font-weight: bold;
}
#contactButton h1 {
	color: #000000;
	font: 11pt arial;
	font-weight: bold;
	text-align: center;
	margin: 0px;
	padding: 10px 0 0 0;
}


#quickLinks {
	position: absolute;
	top: 180px;
	left: 721px;
	width: 238px;
	height: 41px;
}
#quickLinks p {
	color: #4e5b87;
	font: 10pt "Franklin Gothic Book";
	text-transform: normal;
	margin: 0px;
	padding: 4px;
	
}

#quickLinks a:link {
	width: 950px;
	height: 21px;
	margin: 0;
	padding: 6px 20px 0 0;
	font: 10px "Franklin Gothic Book";
	text-decoration: none; 
	color: #1F415B;
	outline: 0;
	
}

#bookmarks {
	position: absolute;
	top: 193px;
	left: 43px;
	width: 650px;
	height: 29px;
}
#bookmarks h1 {
	color: #4e5b87;
	font: 14pt Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: normal;
	margin: 0px;
	padding: 0px;
	
}

#pageTitle {
	position: absolute;
	top: 231px;
	left: 151px;
	width: 650px;
	height: 41px;
}
#pageTitle h1 {
	color: #4e5b87;
	font: 14pt Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: normal;
	margin: 0px;
	padding: 0px;
	
}
/* Navigation */
#navBG {
	position: absolute;
	background: url(../images/menu_BG.jpg) no-repeat;
	padding: 0;
	margin: 0;
	width: 261px;
	height: 254px;
	top: 96px;
	left: 0;
}
#nav {
	position: absolute;
	padding: 0;
	margin: 0;
	font: 11px arial;
	font-weight:bold;
	text-align: left;
	width: 921px;
	top: 150px;
	left: 32px;
}
#nav a:link, #nav a:visited {
	width: 950px;
	height: 21px;
	margin: 0;
	padding: 6px 50px 0 0;
	font: 16px "Franklin Gothic Book";
	font-variant: small-caps;
	font-weight:bold;
	text-decoration: none; 
	color: #1F415B;
	outline: 0;
	
}
#nav a:hover, #nav a:active{
	width: 950px;
	height: 21px;
	margin: 0;
	padding: 6px 50px 0 0;
	font: 16px "Franklin Gothic Book";
	font-variant: small-caps;
	font-weight:bold;
	text-decoration: none; 
	color: #BA9210;
	outline: 0;
	
}
		
#nav ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	width: 950px;
}
#nav li {
	width: 950px;
	height: 27px;
	padding: 0px;
	display: inline;
}
/* adjusts for IE*/
/*\*/
* html #nav li{
	height: 26px;
}
/**/


/* Main body content */
#main {
	padding: 0;
	margin: 0px;
	min-height: 300px;
	height: auto;
}

/* adjusts min-height for IE*/
/*\*/
* html #main{
	height: 300px;
}
/**/

#content {
	
	margin: 0px;
	padding: 275px 0 35px 160px;
	text-align:left;
	width: 700px;
	min-height:202px;
	height:auto;
}

/* adjusts min-height for IE*/
/*\*/
* html #content{
	height: 202px;
}
/**/

#content h1 {
	color: #000;
	font: 12pt/14pt Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0px;
	padding: 10px 0 6px 0;
}
#content h2 {
	color: #6F7CAC;
	font: 10pt/14pt Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
#content h3 {
	color: #000;
	font: 9pt/14pt Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
#content h4 {
	color: #000;
	font: 8pt/14pt Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
#content hr {
	height: 0px;
	border: solid #4e5468 0px;
	border-top-width: 1px; 
}
#content p {
	font: 10pt Arial, Helvetica, sans-serif;
	margin-top: 0px;
}
#content li {
	font: 10pt Arial, Helvetica, sans-serif;
	margin-top: 0px;
	}

#content images {
	padding: 0 5px 0 5px;
}
#content input, #content select {
	font: 10px verdana;
}
#content a:link {
	font-weight: normal;
	text-decoration: none;
	color: #3399ff;
}
#content a:visited {
	font-weight: normal;
	text-decoration: underline;
	color: #3399ff;
}
#content a:hover, a:active {
	font-weight: normal;
	text-decoration: underline;
	color: #1F415B;
}

hr {
  border: none;
  background-color: #666666;
  height: 1px;
  width: 922px;
}


#footer {
	width: 950px;
	height: 61px;
	margin: 0;
	padding: 0;
	background: #D2D2DE url(../images/footer_BG.jpg) no-repeat top left;
}
#footer p {
	font: 10pt/10pt Arial, Helvetica, sans-serif;
	color: #D2D2DE;
	padding:0;
	text-align: center;
}

#footerNav {
	padding: 0;
	margin: 0;

}
#footerNav p {
	font: 10pt/13pt Arial, Helvetica, sans-serif;
	color: #D2D2DE;
	padding: 0;
	margin: 0;
	text-align: center;
}
#footerNav a:link, #footerNav a:visited {  
	text-decoration: none; 
	font: 10pt/13pt Arial, Helvetica, sans-serif;
	padding: 0;
	color: #D2D2DE;
}

	
#footerNav a:hover, #footerNav a:active { 
	text-decoration: underline;
	font: 10pt/13pt Arial, Helvetica, sans-serif;
	padding: 0;
	color: #BA9210;
}
#footerNav span {
	color: #FFFFFF;
}


/*** Services **************************/
/************************************/
#services { width: 100%; padding: 14px 0px 0px 0px; }
#services h3 {
display: block; 
	float: left;
	padding: 0px 4px; 
	background: #e8e8e8;; 
	margin: -24px 0px 0px -4px;
	color: #4e5b87;
}
#services p { font-size: 10pt; line-height: 14px;  }
#services p a { text-decoration: none; }
.border, #details { padding: 12px; border: 1px solid #989694; margin-bottom: 29px; }
.moreDetails { color: #7f0001; border: 1px solid #989694; padding: 5px; display: block; margin-bottom: -12px; }



/*** Support Services **************************/
/************************************/
#sservices { width: 100%; padding: 14px 0px 0px 0px; }
#sservices h3 {
	display: block; 
	float: left;
	padding: 0px 4px; 
	background: #e8e8e8; 
	margin: -15px 0px 0px -4px;
	color: #4e5b87;
}
#sservices p { font-size: 10pt; line-height: 14px;  }
#sservices p a { text-decoration: none; }
#sservices img { margin: 0px; padding: 0px; display: block; }
.border, #sdetails { padding: 12px; border: 1px solid #989694; margin-bottom: 29px; width: inherit; background-color: #C4CACF; }
.moreDetails { color: #7f0001; border: 1px solid #989694; padding: 5px; display: block; margin-bottom: -12px; }



/* delivery */
#delivery {
	
	position: absolute;
	top: 250px;
	left: 700px;
	width: 200px;
	height: 160px;
	text-align: center;
	background: #d2d2de;
	background: url(../images/delivery_truck.gif) no-repeat;
}

#delivery p {
	color: #000000;
	font: 11pt Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 0px;
	padding: 120px 0 0 0;
}
/********* Styles for contact form page ****/
fieldset {  
float: left;  
clear: left;  
width: 100%;  
margin: 0 0 1.2em 0;  
padding: 0;
}

legend {  
margin-left: 1em;  
color: #000000;  
font-weight: bold;
}
fieldset ol {  
padding: 0.1em 1em 0 1em;  
list-style: none;
}
fieldset li {  
padding-bottom: 0.2em;
}
fieldset.submit {  
float: none;  
width: auto;  
border: 0 none #FFF;  
padding-left: 12em;
}

label {  
display: block;
}


/*** Quote **************************/
/************************************/
#quote { float:right;  width: 260px; padding: 0px 0px 0px 0px; }
#quote h3 {
	display: block; 
	float: left;
	padding: 0px 4px; 
	background: #e8e8e8; 
	margin: 0px 0px 0px -4px;
	color: #4e5b87;
}
#quote p { font-size: 10pt; line-height: 14px;  }
#quote p a { text-decoration: none; }
#quote li { margin: 0px; padding: 0px; font:Arial, Helvetica, sans-serif; font-size:10pt; }
.border, #qdetails { padding: 12px; border: 1px solid #989694; margin-bottom: 29px; width: inherit; background-color: #C4CACF; }
.moreDetails { color: #7f0001; border: 1px solid #989694; padding: 5px; display: block; margin-bottom: -12px; }





/* SIDEBAR */
/*-----------------------------------------------*/
/* Because of IE float-rendering bug, the width  */
/* must be reduced by 6px, otherwise it will     */
/* duplicate characters after the last float     */
/* Reason: IE may not alwys allow nested floats  */
/* have identical widths, but inside float must  */
/* be smaller than outside float. This IE-bug is */
/* somewhat unpredictable. See Section 5 header  */
/* for more details on this topic.               */
/*-----------------------------------------------*/

.sidebar {position: absolute;
	top: 265px; width: 155px; margin: 0px ; padding: 1em 0px 0px 0px; background-color: rgb(232,232,232); text-align: left;  color: rgb(75,75,75);} /* Actual width should be: 175px, but because of IE-bug we reduce with 6px so that container has some free space) */
.sidebarbox-noborder {width: 140px; margin: 0px 0px 1.0em 9px; padding: 0px;}
.sidebarbox-border {width: 130px; margin: 0px 0px 1.0em 9px; padding: 4px 4px 4px 4px; border: solid 1px rgb(200,200,200);}
.sidebarbox-title-noshading {display: block; margin: 0px 0px 2px 0px; padding: 0px; background-color: transparent; font-weight: bold; font-size: 90%;}
.sidebarbox-title-shading {display: block; margin: 0px 0px 2px 0px; padding: 2px 5px 3px 5px; background-color: rgb(225,225,225); font-weight: bold; font-size: 90%;}
.sidebarbox-noborder p {margin: 0px 5px 0.4em 5px; padding: 0px; background-color: transparent; line-height: 1.2em; font-size: 90%;}
.sidebarbox-border p {margin: 0px 0px 0.4em 0px; padding: 0px; background-color: transparent; line-height: 1.2em; font-size: 90%;}
.bg-blue02 {background-color: rgb(201,206,224;}
.bg-blue05 {background-color: rgb(123,136,179);}



