@import url(backend.css);

/* UNIVERSAL STYLES
================================================================================*/

html, body{
	padding:0;
	margin:0;
	background:#def1f7 url(../images/bg_09.jpg) repeat-x top center;
	font:12px/1.65em "Trebuchet MS";
	color:#000;
	
	overflow: inherit;
	}
	
/*fixing firefox outline*/

a:active{
	outline:none;
	}
	
a {

color:#666666;
}
	
:focus{
	outline:none;
	}
	
img, form{
	padding:0;
	margin:0;
	border:none;
	}
	
	textarea
	{
		font: normal 14px "Trebuchet MS";
	}
	
td
{
	background: #ffffff;
}
	
	
	
/* NAVIGATION STYLES
================================================================================*/

#nav_outer{
	padding:1px 0 0 0;
	width:770px;
	float:right;
	}
	
#nav_left{
	float:left;
	width:8px;
	height:40px;
	}
	
#nav{
	float:left;
	width:740px;
	background-color:#fff;
	height:40px;
	margin-top:33px;
	}
	
#nav_right{
	float:left;
	width:8px;
	height:40px;
	}
	
#nav ul{
	padding:10px 0 0 5px;
	margin:0;
	list-style:none;
	line-height:100%;
	}
	
#nav ul li{
	margin:0;
	float:left;
	line-height:100%;
	}
	
.divider{
	width:1px;
	height:20px;
	padding:2px 15px 0 14px;
	}
	
#nav ul li a:link, #nav ul li a:visited{
	text-decoration:none;
	font:normal 15px "Trebuchet MS";
	color:#666;
	}
	
#nav ul li a:hover{
	color:#e9010f;
	}	
	
/*highlighting current page*/
#homepage #home_b a{
	color:#e9010f;	
	}




	
	
	
	
/*TEXT STYLES
================================================================================*/
	
h1{
	padding:0 0 10px 0;
	margin:0;
	font:bold 21px "Trebuchet MS";
	color:#e9010f;
	line-height:100%;
	font-size:15px;
	
	}
	
h2,h2 a{
	padding:0 0 10px 0;
	margin:0;
	font:bold 19px "Trebuchet MS";
	color:#e9010f;
	line-height:100%;
	font-size:14px;
	}
	
h3{
	padding:0 4px 4px 0;
	margin:0;
	line-height:100%;
	font:normal 13px "Trebuchet MS";
	color:#EB010C;
	border-bottom:1px solid #d1d1d1;
	}
	
	
	
	
	
	
/* CMS PAGE STYLES */


.page_left_image {


float:left;
margin-right:25px;
margin-bottom:25px;

}
	
	
	
	
	
/* LAYOUT STYLES
================================================================================*/
	
#container{
	padding:0;
	margin:0 auto 0 auto;
	width:996px;
	}
	
#header{
	height:92px;
	width:996px;
	padding:0 0 8px 0;
	}
	
#logo{
	float:left;
	width:186px;
	padding:10px 0 0 13px;
	}
	
.cleardiv{
	clear:both;
	font-size:0;
	}
	
.cleardiv2{
	clear:both;
	height:0;
	font-size:0;
	}
	
#bodyarea{
	width:996px;
	}
	
#bodyarea_upper{
	width:996px;
	}
	
#leftcol{
	float:left;
	width:630px;
	}
	
#rightcol{
	float:right;
	width:346px;
	}
	
.leftbox{
	padding:0 0 20px 0;
	width:630px;
	}
	
.leftbox_top{
	background:url(../images/layout/leftbox_top.png) no-repeat 0 0;
	width:630px;
	height:19px;
	font-size:0;
	}

.logoHolder {
	
background:transparent url(../Images/layout/clientLogoBorder.png) no-repeat scroll 0 0;
float:left;
height:75px;
margin-right:6px;
margin-top:10px;
margin-bottom:0px;
padding:8px;
width:171px;

}

* html .logoHolder 
{
    background:url(../Images/layout/clientLogoBorderIE6.gif) no-repeat scroll 0 0;
}

/*only for ie6*/	
* html .leftbox_top{
	background:url(../images/layout/leftbox_top.gif) no-repeat 0 0;
	width:630px;
	height:19px;
	font-size:0;
	}
	
.leftbox_middle_first{
	background:url(../images/layout/leftbox_bg.png) repeat-y 0 0;
	width:630px;
	height:255px;
	}
	
/*only for ie6*/
* html .leftbox_middle_first{
	background:url(../images/layout/leftbox_bg_ie6.jpg) repeat-y 0 0;
	width:630px;
	height:255px;
	}
	
.leftbox_middle{
	background:url(../images/layout/leftbox_bg.png) repeat-y 0 0;
	width:580px;
	padding:6px 25px 0 25px;
	overflow:hidden;
	}
	
/*only for ie6*/
* html .leftbox_middle{
	background:url(../images/layout/leftbox_bg_ie6.jpg) repeat-y 0 0;
	width:580px;
	padding:6px 25px 0 25px;
	}
	
.leftbox_bottom{
	background:url(../images/layout/leftbox_bottom.png) no-repeat 0 0;
	width:630px;
	height:26px;
	font-size:0;
	}
	
/*only for ie6*/
* html .leftbox_bottom{
	background:url(../images/layout/leftbox_bottom.gif) no-repeat 0 0;
	width:630px;
	height:26px;
	font-size:0;
	}

.leftbox_toptext{
	padding:0 0 25px 0;
	margin:0;
	font:12px/1.65em "Trebuchet MS";
	}
	
.leftbox_content{
float:left;
	width:170px;
	}

.leftbox_content_left{
	float:left;
	width:575px;
	}
	
.leftbox_content_row{
	padding:17px 12px 12px 8px;
	
	width:170px;
	float:left;
	}
	
.leftbox_content_pic{
	float:left;
	width:110px;
	margin:0 17px 0 0;
	}
	
.leftbox_content_text{
	float:left;
	width:170px;
	padding:14px 0 0;
	}
	
.leftbox_content_text p{
	
	padding:0 0 10px 0;
	margin:0;
	line-height:100%;
	color:#555;
	
	}	
	
.leftbox_content_text p a:link, .leftbox_content_text p a:visited{
	color:#555;
	text-decoration:none;
	font:normal 11px "Trebuchet MS"
	}
	
.leftbox_content_text p a:hover{
	text-decoration:underline;
	}
	
.leftbox_more{
	padding:14px 0 0 0;
	margin:0;
	line-height:100%;
	clear:both;
	}
	
.leftbox_more a:link, .leftbox_more a:visited{
	color:#000;
	text-decoration:underline;
	font:12px/1.65em "Trebuchet MS";
	}
	
.leftbox_more a:hover{
	text-decoration:none;
	}
	
.leftbox_content_right{
	float:right;
	width:175px;
	}	
	
.leftbox_content_right ul{
	padding:12px 0 0 8px;
	margin:0;
	line-height:100%;
	list-style:none;
	text-align: left;
	}
	
.leftbox_content_right ul li{
	padding:0 0 12px 8px;
	margin:0;
	background:url(../images/bullet.jpg) no-repeat 0 7px;
	}
	
.rightbox{
	padding:0 0 20px 0;
	width:346px;
	}
	
	
	
.rightbox ul {
	padding:10px 20px 0 0px;
	font-size:14px;
	line-height:20px;
	
	margin-top: 0;

	
	list-style-image:url(../Images/bullet.gif)
	
	
	}
	
.rightbox li {
margin-bottom:20px;
margin-left:20px;
padding-left:10px;

}

#feeds a
{
    font-size: 13px;
}

* html .rightbox ul
{
	margin: 0;
	padding: 5px 0 0 0;
}

* html .rightbox ul li 
{
	padding-bottom: 3px;
}
	
.red {
color:#de2231;

}
	
.rightbox_top{
	background:url(../images/layout/rightbox_top.png) no-repeat 0 0;
	width:346px;
	height:15px;
	font-size:0;
	}
	
/*only for ie6*/
* html .rightbox_top{
	background:url(../images/layout/rightbox_top.gif) no-repeat 0 0;
	width:346px;
	height:15px;
	font-size:0;
	}
	
.rightbox_middle{
	background:url(../images/layout/rightbox_bg.png) repeat-y 0 0;
	width:312px;
	padding:2px 17px 0 17px;
	overflow:hidden;
	}

/*only for ie6*/	
* html .rightbox_middle{
	background:url(../images/layout/rightbox_bg_ie6.jpg) repeat-y 0 0;
	width:312px;
	padding:2px 17px 0 17px;
	}
	
.rightbox_bottom{
	background:url(../images/layout/rightbox_bottom.png) no-repeat 0 0;
	width:346px;
	height:26px;
	font-size:0;
	}
	
/*only for ie6*/
* html .rightbox_bottom{
	background:url(../images/layout/rightbox_bottom.gif) no-repeat 0 0;
	width:346px;
	height:26px;
	font-size:0;
	}
	
.rightbox_toptext{
	padding:0 0 3px 0;
	margin:0;
	line-height:125%;
	}	
	
.rightbox_buttons{
	padding:10px 0 0 0;
	margin:0;
	line-height:100%;
	}
	
.rightbox_heading{
	border-bottom:1px solid #d1d1d1;
	width:312px;
	}
	
.rightbox_heading_left{
	float:left;
	width:125px;
	padding:0 0 0 5px;
	}
	
.rightbox_heading_right{
	float:right;
	width:175px;
	text-align:right;
	padding:0 5px 0 0;
	font-size:12px;
	}
	
.rightbox_heading_right a:link, .rightbox_heading_right a:visited{
	font:normal 12px "Trebuchet MS";
	color:#000;
	text-decoration:underline;
	}
	
.rightbox_heading_right a:hover{
	text-decoration:none;
	}
	
.rightbox_heading{
	border-bottom:1px solid #d1d1d1;
	width:312px;
	}	

.rightbox_content{
	border-bottom:1px solid #d1d1d1;
	width:300px;
	padding:8px 10px 8px 2px;
	}
	
.rightbox_content_left{
	float:left;
	width:110px;
	margin:0 12px 0 0;
	}
	
.rightbox_content_right{
	float:left;
	width:170px;
	}
	
.rightbox_content a:link, .rightbox_content a:visited{
	text-decoration:none;
	color:#000;
	line-height:140%;
	}
	
.rightbox_content a:hover{
	text-decoration:underline;
	}
	
.rightbox_more{
	padding:8px 5px 0 0;
	text-align:right;
	}
	
.rightbox_more a:link, .rightbox_more a:visited{
	font:normal 12px "Trebuchet MS";
	color:#000;
	text-decoration:underline;
	}
	
.rightbox_more a:hover{
	text-decoration:none;
	}
	
.testi{
	
	}	
	
.testi_client{
	padding:0;
	margin:0;
	line-height:100%;
	font:bold 12px "Trebuchet MS";
	color:#000;
	}

.interested_text{
	padding:12px 0 0 0;
	margin:0;
	font:normal 13px "Trebuchet MS";
	color:#000;
	}
	
.interested_text2{
	padding:0 0 0 25px;
	margin:0;
	}
	
.interested_text2 li{
	padding:15px 0 0 2px;
	margin:0;
	}
	
.interested_text2 li a:link, .interested_text2 li a:visited{
	text-decoration:underline;
	color:#000;
	}
	
.interested_text2 li a:hover{
	text-decoration:none;
	}	
	
.quick_quote{
	text-align:center;
	padding:27px 0 0 0;
	margin:0;
	}
	
.ph{
	color:#EE3F48;
	font:normal 17px "Trebuchet MS";
	}
	
#bodyarea_bottom{
	width:996px;
	}
	
#bottomarea_upper{
	padding:0;
	}
	
#bottomarea_upper_top{
	background:url(../images/layout/bottomarea_top.jpg) no-repeat 0 0;
	width:991px;
	height:19px;
	font-size:0;
	}
	
#bottomarea_upper_middle{
	background:url(../images/layout/bottomarea_bg.jpg) repeat-y 0 0;
	width:966px;
	padding:0 0 0 25px;
	}
	
#bottomarea_upper_bottom{
	background:url(../images/layout/bottomarea_bottom.jpg) no-repeat 0 0;
	width:991px;
	height:14px;
	font-size:0;
	}
	
#bottomarea_left{
	float:left;
	width:158px;
	padding:12px 0 0 0;
	font:bold 19px "Trebuchet MS";
	color:#e9010f;
	}
	
#bottomarea_right{
	float:left;
	width:808px;
	}
	
#bottomarea_right ul{
	padding:0;
	margin:0;
	list-style:none;
	line-height:100%;
	}
	
#bottomarea_right ul li{
	padding:0 33px 0 0;
	margin:0;
	display:inline;
	}
	
#bottomarea_lower_outer{
	background-color:#f6f9fa;
	width:989px;
	border-left:1px solid #acbabf;
	border-right:1px solid #acbabf;
	border-bottom:1px solid #acbabf;
	padding:18px 0 18px 0;
	}
	
#bottomarea_lower{
	background:url(../images/layout/bottomarea_lower_bg.jpg) repeat-y 0 0;
	width:989px;
	}
	
#bottomarea_lower_left{
	float:left;
	width:260px;
	padding:0 20px 0 33px;
	}
	
#bottomarea_lower_middle{
	float:left;
	width:265px;
	padding:0 20px 0 44px;
	}
	
#bottomarea_lower_right{
	float:left;
	width:291px;
	padding:0 20px 0 36px;
	}
	
#bottomarea_lower p{
	padding:2px 0 12px 0;
	margin:0;
	line-height:100%;
	font:bold 14px "Trebuchet MS";
	color:#000;
	}
	
#bottomarea_lower ul{
	padding:0;
	margin:0;
	line-height:100%;
	list-style:none;
	}
	
#bottomarea_lower ul li{
	padding:0 0 10px 0;
	margin:0;
	font:normal 13px "Trebuchet MS";
	color:#000;
	line-height:100%;
	}
	
#bottomarea_lower ul li a:link, #bottomarea_lower ul li a:visited{
	text-decoration:none;
	color:#000;
	}
	
#bottomarea_lower ul li a:hover{
	text-decoration:underline;
	}
	
#footer{
	margin:1px 0 20px 1px;
	width:990px;
	background:#282828 url(../images/layout/footer_bottom.jpg) no-repeat left bottom;
	padding:26px 0 20px 0;
	text-align:center;
	}
	
#footer ul{
	padding:0;
	margin:0;
	line-height:100%;
	list-style:none;
	}
	
#footer ul li{
	padding:0;
	margin:0;
	display:inline;
	font:normal 12px "Trebuchet MS";
	color:#908F8F;
	}
	
#footer ul li em{
	padding:0 0 0 4px;
	}
	
.white_text{
	color:#fff;
	}
	

	
	
		
	
	
	
	
	
	
	
	
/* OTHER STYLES
   ======================== */

.thumbnail
{
	border: solid 1px #cccccc;
	padding: 0;
	margin: 0;
	width: 164px;
	height: 98px;
}
   
.imageBox {
	background:url(../images/project_image_top_curves.gif) no-repeat;
	padding-top:4px;
}

.imageBox div {
	width:574px;
	padding: 2px;
	border-right:solid 1px #ddd;
	border-left: solid 1px #ddd;
	margin-top: -2px;
}

.captchaTextBox
{
	width: 280px;
	margin-top: 2px;
}


.button {



float:left;
display:inline;
text-align:center;

background-image:url(../Images/button.gif);

width:147px;

height:32px;
margin-top:6px;

padding-top:5px;
margin-right:7px;

}

.button a {

font-size:14px;
color:#000000;
text-decoration:none;

}

.invisilink {
text-decoration:none;
color:#000000;
}

/* Project page styles */

.linkHolderBox {
border:1px solid #ddd;
padding:7px 7px 10px;
text-align:center;
width:564px;

}

.linkHolderBox a {

border:1px solid #ddd;
color:#555555;
font-weight:normal;
padding:4px;
text-decoration:none;
width:200px;
}

.projectDescriptionBox {

border-left:1px solid #DEDEDE;
border-right:1px solid #DEDEDE;
padding:15px;
width: auto;

}
