body {
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:300;
	line-height:1.7em;
	color:#164251;
	border:#00FF00 1px solid;
}


#mainContainer{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	background-color:#164251;	
	
}

#center{
	height:auto;
	width:960px;
	margin:auto;
	text-align:left;
	border: 1px solid;
	margin-top:18px;
	background-color:#FFFFFF;
}


/*---------------------------- TEXT STYLES ----------------------------*/

h2 {
	margin:0px 0px 16px 0px;
	padding-top:7px;
	font-size:21px;
	color:#2c2c2c; 
	font-family:"Myriad Pro Cond","Trebuchet MS", "Arial";
	
}

hr {

	background-color:#dddddc;
	border:#dddddc;
	height:1px;
	margin-bottom:12px;
}
small {
	padding-left:5px;
	color:#2c2c2c;
	font-size:11px;
	background:#03697f;
	display:block;
	margin-bottom:15px;
	font-weight:bold;
	width:80%;
}
a ,b {
	color:#2c2c2c;
	text-decoration:none;
}
a:hover { text-decoration:underline; }
p { margin: 0px 0px 12px 0px; }


/*---------------------------- BEGIN MENU ----------------------------*/

#menuContainer{
	width:960px;
	height:90px;
	position:relative;
	top:0px;
	left:0px;
	background-image:url(../images/menu_bg.jpg);
	border-bottom:#276875 1px solid;
}


#menu{
	float:right;
	position:absolute;
	right:0px;
	top:-5px;
	height:145px;
	width: 389px;
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 2px;
}
		
#menu ul{
	margin: 0;
	float: right;
	position:relative;
	right:0px;
	top:0px;
	padding-right:10px;
	padding-top: 22px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-position: center;
	width: 315px;
}

#menu ul li{
	display: inline;
	padding-right: 2px;
	padding-left: 6px;
	vertical-align: top;
}

#menu ul li a{
    float: left; 
	text-decoration: none;
    color: #2c2c2c;
    padding-top:0px;
	padding-left:3px;
	font-size:14px;
	font-weight:300;
	font-family:"Myriad Pro Cond","Trebuchet MS","Arial Narrow";
	position:relative;
	right:0px;
	top:0px;
	z-index:10;
	text-transform:uppercase;
	font-size:17px;	
	color:#2c2c2c;
}

#menu ul li#selected a, #menu ul li a:hover{
    color:#3b92a3;
}



/* Page navigation
------------------------------------------------------*/

#page-container .page-navigation { width: 920px; margin-left: -10px; sz-index: 200; }
.page-navigation ul { margin: 0 10px 0 10px; padding-left: 10px; }
.page-navigation ul li {
	float: left;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 12px;
}
.page-navigation ul li a {
	display: block;
	font-weight: bold;
	font-size: 1em;
	color: #111;
	text-decoration: none;
	text-transform: uppercase;
	border-right: 1px solid #bbb;
	padding-right: 13px;
}
.page-navigation ul li a:hover {
	color: #153F4E;
}
.page-navigation ul li a em {
	display: block;
	color: #000000;
	text-transform: none;
}
.page-navigation ul li.last a { border: none; }

/* dropdown */
#nav, #nav ul{
	z-index:99;
	list-style-type:none;
	list-style-position:outside;
	position:relative;
	float: right;
} 
#nav a{ display:block; float:none; } 
#nav li{ float:left; position:relative; } 
/* first dropdown */
#nav ul { position:absolute; top:3.1em; z-index:99; margin: 0 0 0 -15px; padding: 15px; background-color: #fff; border-left: 1px dotted #777; border-right: 1px dotted #777; border-bottom: 1px dotted #777; } 
.page-navigation #nav li ul li{ float: left; clear: both; height: auto; padding: 0 0 8px 0; margin: 0 0 8px 0; border-bottom: 1px dotted #ccc; } 
.page-navigation #nav li ul li.last { padding: 0; margin: 0; border: none; } 
/* drop links */
#nav li ul a{ font-size: 1.0em; width:14em; height:auto; z-index:99; border: none; } 
#nav ul ul{ top:auto; z-index:99; } 
/* second level dropdown */
#nav li ul ul { left:14em; margin:-32px 0 0 12px; z-index:99; } 
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{ display:none; z-index:99; } 
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{ display:block; z-index:99; } 

/*---------------------------- BEGIN MENU2 ----------------------------*/


#menu2Container{
	width:960px;
	height:50px;
	position:relative;
	top:0px;
	left:0px;
	border-bottom:#276875 1px solid;
	background-color: #66919A;
	background-image: url(../images/menu2cont.png);
}


#menu2{
	float:left;
	position:absolute;
	right:0px;
	top:0px;
	height:50px;		
}
		
#menu2 ul{
   
	margin: 0; 
	padding: 0;
    float: left;
	position:relative;
	right:0px;
	top:0px;
	padding-right:31px;

}

#menu2 ul li{ 
    display: inline;
}

#menu2 ul li a{
	float: left;
	text-decoration: none;
	color: #2c2c2c;
	padding-top:16px;
	padding-left:18px;
	font-size:14px;
	font-weight:bold;
	font-family:"Myriad Pro Cond", "Trebuchet MS", "Arial Narrow";
	position:relative;
	right:0px;
	top:0px;
	z-index:10;
	text-transform:uppercase;
	font-size:14px;
	color:#000000;
	letter-spacing: 0.05em;
}

#menu2 ul li#selected a, #menu2 ul li a:hover{
	color:#FFFFFF;
}
/*---------------------------- LOGO ----------------------------*/
#logoContainer{
	position:absolute;
	top:0px;
	left:5px;
	float:left;
	width:552px;
	height:55px;
	;
	background-repeat:no-repeat;
	padding-top:25px;
	padding-left:10px;
}

/*---------------------------- BEGIN HEADER ----------------------------*/

#header{
	position:relative;
	left:0px;
	right:0px;
	width:958px !important;  /*for all non IE browsers*/
	width:960px;
	height:319px;
	background-color:#3b92a3;
	border:#48abbe 1px solid;

}
#header2{
	position:relative;
	left:0px;
	right:0px;
	width:958px !important;  /*for all non IE browsers*/
	width:960px;
	height:259px;
	background-color:#164251;
	border:#77A0A8 1px solid;
	sz-index: 200;
	background-image: url(../images/headerimage.jpg);
}

#headerPage{
	position:relative;
	left:0px;
	right:0px;
	width:958px !important;  /*for all non IE browsers*/
	width:960px;
	height:12px;
	background-color:#3b92a3;
	border:#48abbe 1px solid;

}

#fullHeaderContainer{
	width:500px;
	height:100%;
	background-repeat:no-repeat;
	position:absolute;
	left:0px;
	top:0px;
	padding:30px;
	padding-top:5px;
	padding-right:0px;
}


#leftHeaderContainer{
	width:500px;
	height:100%;
	background-repeat:no-repeat;
	position:absolute;
	left:0px;
	top:0px;
	padding:30px;
	padding-top:16px;
	padding-right:0px;
}

#rightHeaderContainer{
	width:470px;
	height:100%;
	float:left;
	position:absolute;
	right:0px;
	top:0px;
	padding:30px;
	padding-left:20px;
}


#headerText{
	margin-top:20px;
	color:#FFFFFF;

}

#hederTitle{	
 	background-image:url(../images/heder_title.jpg);
	display:block;
	height:97px;
	width:470px;
	background-repeat:no-repeat;
	}

.headerButtons{
	position:absolute;
	float:left;
	width:500px;
	height:43px;
	bottom:78px;
	left:29px;
}



.headerButton1 a{
	height:34px;
	width:153px;
background-image:url(../images/viewourproducts.png);
	display:block;
	float:left;
	padding-left: 0px;
}
.headerButton1 a:hover {
	background-image:url(../images/viewourproducts2.png);
}


.headerButton2 a{
   
    height:34px;
    width:178px;
		background-image:url(../images/awardsandcerts.png);
	display:block;
	margin-left:20px;
	float:left;

}

.headerButton2 a:hover {
	background-image:url(../images/awardsandcerts2.png);
}

#wrapper {
	position:absolute;
	top:30px;
	right:25px;
	width:366px;
	height:300px;
	
}

#headerSpacer{
	position:absolute;
	bottom:-3px;
	left:-2px;
	height:3px;
	width:962px;
	background-image:url(../images/header_space.jpg);
	border:#153F4E 1px solid;
}

/*---------------------------- END HEADER ----------------------------*/

/*---------------------------- header images ----------------------------*/
#headerimagecontainer{
	position:absolute;
	top:0px;
	left:5px;
	float:left;
	width:958px;
	height:261px;
	background-repeat:no-repeat;
	padding-top:25px;
	padding-left:10px;
}
/*---------------------------- BEGIN image container ----------------------------*/

#imageContainer{
	width:960px;
	height:261px;
	position:relative;
	top:0px;
	left:0px;
	}

#menuimage{
	float:left;
	position:absolute;
	right:0px;
	top:-5px;
	height:261px;
	width: 318px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
		
#menuimage ul{
	margin: 0;
	float: right;
	position:relative;
	height:259px;
	width: 318px;
	right:0px;
	top:0px;
	padding-right:0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-position: center;
}

#menuimage ul li{
	display: inline;
	padding-right: 0px;
	padding-left: 0px;
	vertical-align: top;

}



/*---------------------------- BEGIN CONTENT ----------------------------*/

#content{
	height:auto;
	min-height:200px;
	max-height:none;
	background-image:url(../images/content_shadow.jpg);
	background-repeat:repeat-x;
	background-color:#fff;
	position:relative;
	top:3px;
	left:0px;
	padding-bottom:30px;
	overflow:auto !important;
	overflow:inherit;
}

#contentContainer{
	width:550px;
	height:100%;
	min-height:244px;
	float:left;
	overflow:auto !important;
	overflow:inherit;
	padding:30px;
	padding-bottom:25px;
	

}

.contentText{
	padding-top:7px;


}

.postInfo{
	background-color:#3b92a3;
	border: 1px solid #297994;
	height:27px;
	width:100%;
	margin-top:12px;
}

.postInfo p{
	color:#FFFFFF;
	font-size:12px;
	padding-left:15px;
	line-height:27px;

}

.postInfo a{
	color:#FFFFFF;

}
.pages{

	margin-top:12px;
	float:left;
	position:relative;
	left:-10px;
	top:0px;
	height:26px;
	width:100%;
}


.pages a{
	margin-left:10px;
	background-color:#e6e6e6;
	border: 1px solid #c3cbcd;
	height:25px;
	width:25px;
	line-height:25px;
	text-align:center;
	display:block;
	float:left;
}

.currentPage a{
	margin-left:10px;
	background-color:#c7e4ea;
	border: 1px solid #92c3d3;
	height:25px;
	width:25px;
	line-height:25px;
	text-align:center;
	display:block;
	float:left;
}


/*---------------------------- SIDEBAR CONTENT ----------------------------*/

#sidebar{
	height:auto;
	width:310px;
	margin-right:30px;
	margin-top:30px;
	background-color:#f1f1f1;
	border: #e4e4e4 1px solid;
	float:right;
	margin-bottom:25px;
}

.sidebarTitle{
	border:#d4d2d2 1px solid;
	height:43px;
	width:100%;
	margin-left:-1px;
	margin-top:-1px;
	background-image:url(../images/sidebar_title_bg.jpg);

}

.sidebarTitle p{	
	text-transform:uppercase;
	font-size:17px;	
	padding-top:10px;
	padding-left:12px;
	font-family:"Myriad Pro Cond","Trebuchet MS","Arial";
	font-weight:bold;
	color:#4d4c48;
}

.sidebarMenu{
	font-size:13px;
	padding:13px;
	position:relative;
	padding-bottom:14px;
}

.sidebarMenu ul{ 
	text-decoration: none;
    color: #2c2c2c;
	font-size:14px;
	font-weight:300;
	font-family:Arial;
	position:relative;
	left:-39px;
	top:-13px;
	list-style:none;
	margin-bottom:-13px;
	
}
.sidebarMenu ul li a{
	display:block;
	height:14px;
	width:258px;;
	background-color:#f8f8f8;
	border-bottom:#f1f1f1 1px solid;
	padding:7px;
	text-decoration: none;
	list-style:none;

}

.sidebarMenu ul li a:hover{
	background-color:#d6edfb;

}



#bubble{

	background-image:url(../images/bubble_bg.jpg);
	background-repeat:repeat-y;
	position:relative;
	height:100%;

}

#bubble p{

	padding:12px;


}
#bubbleClient{
	margin-bottom:-4px;

	font-weight:300;
	color:#3b92a3;
	font-weight:bold;
	text-align:center;

}


/*---------------------------- END SIDEBAR  ----------------------------*/

/*---------------------------- SERVICES BLOCK  ----------------------------*/

.servicesBlock{
	width:550px;
	height:100%;
	border:#d4d2d2 1px solid;
	display:block;
	margin-top:20px;
}

.servicesBlockTitle{	
	height:44px;
	float:left;
	background-color:#f9f7f7;
	line-height:44px;
	border-bottom:#d4d2d2 1px solid;
	padding-left:12px;
	font-weight:bold;
	font-size:19px;
	float:none;
	font-family:"Myriad Pro Cond","Trebuchet MS","Arial";

}

 

.servicesText{
	padding:12px;
	padding-bottom:0px;

}

.servicesText img{
	margin-right:12px;
	float:left;
}

.servicesText p{
	margin-left:12px;
}

.servicesText b{
	color:#3b92a3;
	font-size:14px;
	font-weight:300;

}

.servicesButtons{
	position:relative;
	left:-1px;
	float:left;
	width:500px;
	height:60px;
	margin-top:10px;
	margin-bottom:4px;
}


/*---------------------------- END SERVICESBLOCK  ----------------------------*/


/*---------------------------- FOOTER  ----------------------------*/

#footer{
	background-image:url(../images/footer_shadow.jpg);
	background-repeat:repeat-x;
	width:962px;
	height:60px;
	position:relative;
	bottom:0px;
	left:-1px;
	text-align:center;
	margin-top:0px;
	background-color:#164251;
	border: 1px solid #164251;
}

#footerText{
	position:absolute;
	top:15px;
	right:30px;
	color:#ffffff;
	font-size:13px;
}

#footerMenu ul{
	position:absolute;
	top:3px;
	left:-20px;
	font-size:11px;
	float:left;
	text-decoration: none;
	color:#fff;
	width: 645px;
}

#footerMenu ul li{
	float:left;
	text-decoration: none;
	padding-left:10px;
	text-transform:uppercase;
	list-style:none;
}

#footerMenu ul li a{
	color:#fff;
	font-weight:bold;
}


/*---------------------------- END FOOTER  ----------------------------*/

/*---------------------------- SLIDER  ----------------------------*/

div.fadeWrapper {
	position: relative;
	top:0px;
	left:0px;
	width:347px;
	height:223px;
	overflow:hidden;
	padding:6px;
	background-color:#fff;
	border:1px solid #cfcfd1;
}

.imageHolder{
	width:347px;
	height:223px;
	position:absolute;
	top:6px;
	left:6px;
}

#featured{
	width:86px;
	height:87px;
	background-image:url(../images/featured.png);
	position:absolute;
	top:-5px;
	right:0px;
}

/*---------------------------- END SLIDER  ----------------------------*/



/*---------------------------- BEGIN EMAIL FORM ----------------------------*/
.input{
	width:300px;
	height:24px;
	border:1px solid #b0a4a4;
	background-color:#fff;
	padding-top:8px;
}

.textArea{
	height:205px;
	padding-top:0px;
}

#sendButton{
	color:#fff;
	background-color:#363636;
	width:73px;
	height:26px;
	border:1px solid #b0a4a4;
	margin-bottom:-5px;
}

.errorMessage{
	color:red;
}

/*---------------------------- END EMAIL FORM ----------------------------*/


/*---------------------------- SEARCH AND OTHERS ----------------------------*/

.imgBorder{
	border:1px solid #b9b9b9;
}

.search{
	width:190px;
	height:20px;
	padding-top:5px;
	margin-top:14px;
	margin-left:2px;
	margin-right:2px;
}

#searchButton{
	color:#fff;
	background-color:#363636;
	width:73px;
	height:27px;
	border:1px solid #b0a4a4;
}

.leftFloated{
	float:left;
	position:relative;
	top:0px;
	left:0px;
}

.blueLink{ 
	color:#3b92a3;

}

a img{
	border:none;
}

a img:hover{
	border:none;
	text-decoration:none;
}
