body {
	margin:0px; 
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 80%;
	line-height: 20px;
	color: #333333;
	border:#00FF00 1px solid;
	background-color: #203049;
	
}
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

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

#center{
	height:auto;
	width:960px;
	margin:auto;
	text-align:left;
 	margin-top:35px;

	
}


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

h1 {

		font-size:32px;
		color:#2c2c2c; 
		font-family:"Myriad Pro Cond","Trebuchet MS", "Arial";
		}

h2 {
	margin:20px 0px 8px 0px;
	padding:0;
	font-size:25px;
	color:#125E92; 
	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 {
	color:#125E92;
}
a:hover { text-decoration:underline; }
p { margin: 0px 0px 12px 0px; }


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

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


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

}

#menu ul li{ 
    display: inline;
}

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

#menu ul li#selected a, #menu ul li a:hover{
    color:#125E92;
}
#menu ul li#signup a{
    color: #990000;
	font-weight: bold;
}

/*---------------------------- LOGO ----------------------------*/
#logoContainer{
	position:absolute;
	top:0px;
	left:0px;
	float:left;
	width:383px;
	height:23px;;
	background-repeat:no-repeat;
	padding-top:13px;
	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:#2480A5;
	border:#49A5CA 1px solid;

}

#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;

}



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

#rightHeaderContainer{
	width:420px;
	height:100%;
	float:left;
	position:absolute;
	right:0px;
	top:0px;
	padding:30px;
	padding-left:20px;
}
UL.tick li{
	background: url(assets/tick.png) no-repeat 2px;
	padding: 3px 0 3px 24px;
	list-style: none;
	margin: 0;
	}
UL#bigtick {
	margin: 0 0 5px 0;
	padding: 0;
}	
	
UL#bigtick li{
	background: url(assets/tick.png) no-repeat 2px;
	padding: 3px 0 3px 24px;
	font-size:135%;
	list-style: none;
	margin: 0;
	}
#headerText{
	margin-top:10px;
	color:#FFFFFF;
	text-shadow: 0 1px 0 #1C464F;

}
#headerText h1{
	color: #FFFFFF;
}

#headerText p{
	font-size:17px;
}
#hederTitle{	
 	background-image:url(assets/heder_title.jpg);
	display:block;
	height:97px;
	width:470px;
	background-repeat:no-repeat;
	}

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



.headerButton1 a{
   
    height:43px;
    width:198px;
	background-image:url(assets/button_view_service.png);
	display:block;
	margin: 0 20px 10px 0;
	float:left;

}
.headerButton1 a:hover {
	background-image:url(assets/button_view_service_over.png);
}


.headerButton2 a{
   
    height:43px;
    width:197px;
	background-image:url(assets/button_view_portfolio.png);
	display:block;
	margin: 0 0 10px 0;
	float:left;

}

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

#wrapper {
	position:absolute;
	top:20px;
	right:25px;
	width:420px;
	height:300px;
	
}

#headerSpacer{
	position:absolute;
	bottom:-24px;
	left:-2px;
	height:24px;
	width:960px;
	background-image:url(assets/header_space.jpg);
	border:#203049 1px solid;
}

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

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

#content{

	height:auto;
	min-height:200px;
	max-height:none;
	background-image:url(assets/content_shadow.jpg);
	background-repeat:repeat-x;
	background-color:#fff;
	position:relative;
	top:24px;
	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:300px;
	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(assets/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:14px;
	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(assets/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(assets/footer_shadow.jpg);
	background-repeat:repeat-x;
	width:962px;
	height:60px;
	position:relative;
	bottom:0px;
	left:-1px;
	text-align:center;
	margin-top:0px;
}

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

#footerMenu ul{
	position:absolute;
	top:3px;
	left:-15px;
	font-size:11px;
	float:left;
	text-decoration: none;
	color:#ccc;
}

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

#footerMenu ul li a{
	color:#ccc;
}


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

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

div.fadeWrapper {

	overflow:hidden;
}

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

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

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



/*---------------------------- BEGIN EMAIL FORM ----------------------------*/
.input, .button{
	padding: 4px;
}
.input:hover {
	background: #f1f1f1;
	}

.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;
}
#rounded-corner
{
	width: 465px;
	text-align: left;
	border-collapse: collapse;
	margin: 10px 0 10px 0;
}
#rounded-corner thead th.rounded-company
{
	background: #3B92A3 url('assets/left.png') left -1px no-repeat;
}
#rounded-corner thead th.rounded-q4
{
	background: #3B92A3 url('assets/right.png') right -1px no-repeat;
}
#rounded-corner th
{
	padding: 8px;
	font-weight: normal;
	font-weight: bold;
	color: #fff;
	background: #3B92A3;
	text-align: left;
}
#rounded-corner td
{
	padding: 8px;
	background: #D3D3D3;
	border-top: 1px solid #fff;
	color: #000;
}
#rounded-corner tfoot td.rounded-foot-left
{
	background: #D3D3D3 url('assets/botleft.png') left bottom no-repeat;
}
#rounded-corner tfoot td.rounded-foot-right
{
	background: #D3D3D3 url('assets/botright.png') right bottom no-repeat;
}
#rounded-corner tbody tr:hover td
{
	background: #D3D3D3;
}
.feature {
border: 4px solid #CCCCCC;
padding: 1px;
}
#msg {display:none; position:absolute; z-index:200; background:url(../validation/images/msg_arrow.gif) left center no-repeat; padding-left:7px}
#msgcontent {display:block; background:#f3e6e6; border:2px solid #924949; border-left:none; padding:5px; min-width:150px; max-width:250px}

#quotef, #otherf {
	height: auto;
	background: #F3F3F3;
	padding: 4px;
	margin: 4px;
	border: 1px solid #666666;
	width: 500px;
	}
a.demo{
	display:block;
	padding: 10px 15px;
	background: #D5FFCF;
	border: 1px solid #97FF88;
	font-weight: bold;
	font-size:24px;
	color: #000000;
	text-decoration: none;
	font-family:"Myriad Pro Cond","Trebuchet MS", "Arial";
	text-align: center;
	}
a.demo:hover {
	background: #C9FFC1;
}