/* CSS Document */


*{ margin:0; padding:0;font-family:"Lucida Grande", Verdana, Helvetica, sans-serif;}
a{ text-decoration:underline; margin:0 4px 0 4px; color:#0c5da6; background-color:transparent;}
a:hover{ background-color:#0c5da6; text-decoration:none; color:#fff}
h2{ font-size:11px; font-weight:bold; display:inline}
h1{ font-size:11px; font-weight:normal; display:inline}
body{ border-top:4px solid #3357CB}
#layout {width:780px; margin:12px auto 0 auto; position:relative}
#header{width:780px; font-size:12px;}
#anchor{
	position:absolute;
	width:200px;
	height:25px;
	z-index:1;
	left: 581px;
	top: 1px;
	font-size:12px
}
#anchor img{ margin-top:50px;}
#header img{ float:left; border:0}
#header p{ float:right}
#header p a{ text-decoration:underline; margin:0; color:#0c5da6;background-color:transparent}
#header p a:hover{ background-color:#0c5da6; text-decoration:none; color:#fff}
#header .bread_crumbs{float:left; width:780px; text-transform:lowercase; font-size:12px; padding:18px 0 2px 0}
#header .bread_crumbs h1{font-size:12px; color:#333333; padding:0; margin:0;text-transform: lowercase;}

#top_content_container{width:780px; float:left; border-top:1px #cecece solid; padding:20px 0 0 0; margin:2px 0 0 0; }
#top_content_container .portfolio_catch_line{ width:600px}
#top_content_container h1{ font-size:27px;}
#top_content_container p{ float:left; width:430px; padding:20px 0 0 0;font-size: 14px; line-height:18px}



#portfolio_cotent{float:left;width:780px;}
#portfolio_cotent p{ float:left;  padding:10px 0 0 0; font-size: 14px; line-height:18px}
#top_content_container img{ float:right; border:0}
#top_content_container span{ text-align:center; font-size:28px; font-weight:bold; display:block; width:430px; letter-spacing: -1px; font-family:"Lucida Grande", Arial, Helvetica, sans-serif}
#mid_container #sitemap {float:left; width:500px; font-size:12px}
#mid_container #sitemap  h3{border-bottom:solid 1px #eee;font-size:14px;font-weight:700;
padding:7px 5px 5px 10px;;text-transform:capitalize;width:100%;background-color: transparent; background-image:url(../../images/misc/left-top-corner-box.jpg);background-repeat: no-repeat;background-attachment: scroll;margin:25px 0 0 0; color:#333}


#mid_container{width:780px; float:left; margin:10px 0 0 0;}
#mid_container #container_left .view_all{ text-align:right; font-size:12px; padding-right:5px; width:495px;}
#mid_container #container_left .start_quote{font-size:22px;line-height:20px; padding:10px 0 0 0; margin:0;font-family:Arial, Helvetica, sans-serif ;}
#mid_container #container_left .end_quote{font-size:22px;line-height:20px; padding:0; margin:0; font-family:Arial, Helvetica, sans-serif ;}
#mid_container #container_left .case{ width:500px}
#mid_container #container_left .case ul{ margin:10px 0 0 30px; padding:0}
#mid_container #container_left .case li{font-size:13px;color:#333;line-height:18px}
#mid_container #container_left .case li a{ text-align:left;}
#mid_container #container_left .value{padding-left:20px; text-align:center; font-weight:bold; font-size:13px; color:#993300; padding-top:10px}
#mid_container #container_left .top{float:left; width:500px; font-size:12px; text-align:right}

.clientele{float:left; width:500px; margin:10px 0 10px 0}
.seprator{float:left; width:500px; text-align:left; font-size:11px; color:#ccc}
.seprator strong{ color:#ccc}
.up_curv{float:left; width:500px; background-image:url(../../images/misc/up_curv.jpg); background-position:bottom; background-repeat:no-repeat}
.mid_bg{float:left; width:500px; background-image:url(../../images/misc/mid_curv_bg.jpg); background-repeat:repeat-y; background-position:top}
.mid_bg p{ margin-top:0; margin-bottom:0; padding-bottom:0; padding-top:0}
.bot_bg{float:left; width:500px; background-image:url(../../images/misc/bot_curv.jpg); background-position:top; background-repeat:no-repeat}

#mid_container #container_left{ float:left; width:500px;}
#mid_container #container_left h3{border-bottom:solid 1px #eee;font-size:14px;font-weight:700;
padding:7px 5px 5px 10px;;text-transform:capitalize;width:100%;background-color: transparent; background-image:url(../../images/misc/left-top-corner-box.jpg);background-repeat: no-repeat;background-attachment: scroll; margin:25px 0 0 0; color:#333}
#mid_container #container_left ul{ margin:10px 0 0 30px; padding:0}
#mid_container #container_left li{font-size:13px;color:#333; margin:0 0 5px 0;line-height:18px}

#mid_container #container_left p{ font-size:12px; color:#333; padding:10px 0 10px 20px;line-height:18px}






#mid_container #container_left p span{ text-align:right; font-weight:bold; display:block;}
#mid_container #container_left p span a{ text-decoration:underline; font-weight:normal; float:right; margin:7px 0 0 0;color:#0c5da6;background-color:transparent}
#mid_container #container_left p span a:hover{font-weight:normal; background-color:#0c5da6; text-decoration:none; color:#fff}

#mid_container #container_left .walkin_link a{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color:#000000; text-decoration:underline; 	background-color:#029EE9; padding: 5px; }
#mid_container #container_left .walkin_link a:hover{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color:#FFFFFF; text-decoration:underline; 	background-color: #000000; padding: 5px; }

#mid_container #container_right{ float:right; width:245px;}

#mid_container #container_right h3{border-bottom:solid 1px #eee;font-size:14px;font-weight:700;
padding:7px 5px 5px 10px;;text-transform:capitalize;width:100%;background-color: transparent; background-image:url(../../images/misc/left-top-corner-box.jpg);background-repeat: no-repeat;background-attachment: scroll;margin:25px 0 0 0; color:#333}
#mid_container #container_right .testimonials { font-size:12px; color:#333; padding-top:10px;; padding-left:10px; line-height:18px;}
#mid_container #container_right .testimonials span{display:block; padding-top:15px; text-align:right}
#mid_container #container_right ul{ margin:0; padding:0}
#mid_container #container_right  li{ list-style:none;font-size:12px;color:#333;list-style:none; padding:7px 0 7px 15px; border-bottom:1px #cecece dotted; background-image:url(../../images/icons/list.gif); background-position:left center; background-repeat:no-repeat; margin:0 0 0 20px; }

#mid_container #container_right .client{ padding-left:15px; width:245px; padding-bottom:10px; margin-top:10px; border-bottom:#dedede dotted 1px}

.error_message {
font-size: 13px;
background-color: #FFCC66;
border: solid 1px #CC0000;
padding: 3px
}

.success_message {
font-size: 13px;
background-color: #66CC66;
border: solid 1px #336600;
padding: 3px
}
.heading_careers {
border-bottom:solid 1px #eee;
font-size:14px;
font-weight:700;
padding:5px;
text-transform:capitalize;
width:100%;
background-color: transparent;
background-image: url(../../images/misc/left-top-corner-box.jpg);
background-repeat: no-repeat;
background-attachment: scroll;
}
.carrers{ margin:10px 0 10px 0}
.heading_careers .heading_text{font-size:14px;text-transform:capitalize;width:100%; display:inline}
.content_design{ background-color:#f8f8f8; border:1px #e5e5e5 solid; padding:10px; margin-top:2px; width:488px;}
.content_design span{color:#666; font-size:12px; font-weight:bold}
.content_design span a{ font-weight:normal}
.heading_careers img{ display:block; padding-top:3px; float:left; margin-right:10px}
.heading_careers  a{ color:#333; text-decoration:none; font-size:15px;}
.heading_careers  a:hover{ background-color:#ffffff; color:#000000; }
.heading_careers ul{ margin:0; padding:0}
.heading_careers  li{ display:inline}
.heading_careers  li img{ margin:0; padding:0; vertical-align:middle}
.e_development_feature_container{
float:left; width:500px;
}
.clear{clear:both}
.e_development_feature_box{float:left; width:250px;  font-size:12px;}

.professional{list-style-image:url(../../images/misc/p.jpg)}
.standard{list-style-image:url(../../images/misc/s.jpg)}
.auto_width{ width:auto}
.portfolio{float:left; width:500px; font-size:12px; margin:15px 0 15px 0}
.portfolio img{float:left; border:0}

.portfolio p{ float:left; color:#000; line-height:18px; width:200px;background-color:transparent}
.portfolio p strong{color:#5d6c7f}
.portfolio p a{text-decoration:none; display:block}


.free_quote a {font-size:15px; display:block;width: 100%;padding: 5px;background-color: #E6F2FE;border-bottom:#333 solid 1px;border-top:#333 solid 1px;margin-bottom:20px;margin-top:30px;padding-bottom:5px;padding-top:5px;text-align:center;}

.free_quote a:hover{font-size:15px; display:block;width: 100%;padding: 5px;background-color: #0c5da6;border-bottom:#333 solid 1px;border-top:#333 solid 1px;margin-bottom:20px;margin-top:30px;padding-bottom:5px;padding-top:5px;text-align:center;}

#footer{border-top:solid 1px #ccc;clear: both;display:block;font-size:11px;margin:auto;padding-top:5px;text-align:right;text-transform:lowercase;width:780px;margin-bottom: 5px}
#footer p{float:left;width:150px;text-align:left;text-transform: capitalize;}
#footer p a{ text-decoration:underline; color:#333; font-size:11px }
#footer p a:hover{ text-decoration:none; color:#333; background-color:transparent;}
#footer p img{display:block; float:left; margin-right:5px; margin-top:1px;border:0;}