/*###### GENERAL ######*/

body{
	margin:0;
	color:#1a1a1a;
	background:#D2EFFB;
}

.clr{
	clear:both;
	margin:0;
	padding:0;
}

a:link, a:active, a:visited{
	color:#0054A6;
	font:normal 13px arial, helvetica, sans-serif;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

/*###### TOP ######*/

.topbg{
	margin:0;
	padding:0;
	height:23px;
	background:#363636;
}

.top{
	margin:0 auto;
	padding:0;
	width:845px;
	height:23px;
	color:#FFF;
	text-align:right;
	font:normal 11px arial, sans-serif;
	line-height:23px;
}

/*###### TOP MENU ######*/

a.topmenu:link, a.topmenu:visited, a.topmenu:active{
	color:#FFF;
	font:normal 11px arial, sans-serif;
	text-decoration:none;
	line-height:23px;
}

a.topmenu:hover{
	color:#FFF;
	font:normal 11px arial, sans-serif;
	text-decoration:underline;
	line-height:23px;
}

/*###### HEADER ######*/

.headbg{
	margin:0;
	padding:0;
	height:101px;
	background:url(../images/head_bg.gif) repeat-x;
}

.header{
	margin:0 auto;
	padding:0;
	width:845px;
	height:101px;
}

.header_logo{
	float:left;
	width:403px;
	height:101px;
	margin:0;
	padding:0;
}

.header_right{
	float:right;
	width:442px;
	height:101px;
	margin:0;
	padding:0;
}

.header_tagline{
	margin:0;
	padding:0;
	width:442px;
	height:61px;
	background:url(../images/header_tagline.jpg) no-repeat;
}

/*###### HEADER MENU ######*/

.header_menu{
	margin:0;
	padding:0;
	width:442px;
	height:40px;
	background:url(../images/head_menu_bg.gif) repeat-x;
}

.header_menu ul{
	margin:0;
	padding:0;
	list-style:none;
}

.header_menu li{
	float:left;
	margin:0;
	padding:0;
}

.header_menu li a.home{
	margin:0;
	padding:0;
	width:66px;
	height:40px;
	display:block;
	background:url(../images/home.gif) top;
}

.header_menu li a.home:hover{
	margin:0;
	padding:0;
	width:66px;
	height:40px;
	display:block;
	background:url(../images/home.gif) no-repeat bottom;
}

.header_menu li a.services{
	margin:0;
	padding:0;
	width:78px;
	height:40px;
	display:block;
	background:url(../images/services.gif) top;
}

.header_menu li a.services:hover{
	margin:0;
	padding:0;
	width:78px;
	height:40px;
	display:block;
	background:url(../images/services.gif) no-repeat bottom;
}

.header_menu li a.portfolio{
	margin:0;
	padding:0;
	width:73px;
	height:40px;
	display:block;
	background:url(../images/portfolio.gif) top;
}

.header_menu li a.portfolio:hover{
	margin:0;
	padding:0;
	width:73px;
	height:40px;
	display:block;
	background:url(../images/portfolio.gif) no-repeat bottom;
}

.header_menu li a.testimonial{
	margin:0;
	padding:0;
	width:102px;
	height:40px;
	display:block;
	background:url(../images/testimonial.gif) top;
}

.header_menu li a.testimonial:hover{
	margin:0;
	padding:0;
	width:102px;
	height:40px;
	display:block;
	background:url(../images/testimonial.gif) no-repeat bottom;
}

.header_menu li a.faq{
	margin:0;
	padding:0;
	width:43px;
	height:40px;
	display:block;
	background:url(../images/faq.gif) top;
}

.header_menu li a.faq:hover{
	margin:0;
	padding:0;
	width:43px;
	height:40px;
	display:block;
	background:url(../images/faq.gif) no-repeat bottom;
}

.header_menu li a.contact{
	margin:0;
	padding:0;
	width:80px;
	height:40px;
	display:block;
	background:url(../images/contact.gif) top;
}

.header_menu li a.contact:hover{
	margin:0;
	padding:0;
	width:80px;
	height:40px;
	display:block;
	background:url(../images/contact.gif) no-repeat bottom;
}

/*###### INFO BAR ######*/

.infobarbg{
	margin:0;
	padding:0;
	height:213px;
	background:url(../images/infobar_bg.gif) repeat-x;
}

.infobar{
	margin:0 auto;
	padding:0;
	width:845px;
	height:213px;
}

.infobar_left{
	float:left;
	width:403px;
	height:213px;
	margin:0;
	padding:0;
	
}

.infobar_right{
	float:right;
	width:442px;
	height:213px;
	margin:0;
	padding:0;
	
}

/*###### INFO BAR - RECENT PROJECTS ######*/

.infobar_project_title{
	width:403px;
	height:50px;
	margin:0;
	padding:0;
	background:url(../images/recent.gif) no-repeat;
}

.infobar_project_wrapper{
	background:url(../images/p_body.gif) repeat-y;
}

.infobar_project_head{
	width:403px;
	height:15px;
	background:url(../images/p_head.gif) no-repeat;
}

.infobar_project_foot{
	width:403px;
	height:18px;
	background:url(../images/p_foot.gif) no-repeat;
}

.infobar_project_content{
	text_align:left;
	margin-left:45px;
	margin-right:10px;
}

.project_thumb{
	float:left;
	margin-right:10px;

}

.project_thumb a{
	width:86px;
	height:86px;
	display:block;
	border:5px solid #0054A6;
}

.project_thumb a:hover{
	width:86px;
	height:86px;
	display:block;
	border:5px solid #cc0000;
}

.more_project{
	position:relative;
	margin:0;
	padding:0;
	width:403px;
	height:31px;
	text-align:right;
	background:url(../images/p_more_bg.gif) repeat-y;
}

.more_project a{
	position:absolute;
	top:0;
	right:0;
	margin:0;
	padding:0;
	width:156px;
	height:22px;
	display:block;
	background:url(../images/p_more.gif) top;
}

.more_project a:hover{
	position:absolute;
	top:0;
	right:0;
	margin:0;
	padding:0;
	width:156px;
	height:22px;
	display:block;
	background:url(../images/p_more.gif) no-repeat bottom;
}

/*###### INFO BAR - OPTIN FORM ######*/

.infobar_optin_title{
	width:442px;
	height:42px;
	margin:0;
	padding:0;
	background:url(../images/freegraphics.gif) no-repeat;
}

.infobar_optin_cover{
	float:left;
	margin:0;
	padding:0;
	width:139px;
	height:169px;
	background:url(../images/o_cover.gif) no-repeat;
}

.infobar_optin_form{
	float:right;
	margin:0;
	padding:0;
	width:303px;
	height:169px;
}

.optin_desc{
	margin:0;
	padding:0;
	width:303px;
	height:36px;
	background:url(../images/optin_desc.gif) no-repeat;
}

.optin_fname{
	margin:0;
	padding:0;
	width:303px;
	height:34px;
}

label.fname{
	float:left;
	margin:0;
	padding:0;
	width:86px;
	height:34px;
	background:url(../images/optin_fname.gif) no-repeat;
}

.fname_field{
	float:left;
	margin:0;
	padding:0;
	width:217px;
	height:34px;
	background:url(../images/fname_bg.gif) no-repeat;
}

.optin_email{
	margin:0;
	padding:0;
	width:303px;
	height:33px;
}

label.email{
	float:left;
	margin:0;
	padding:0;
	width:86px;
	height:33px;
	background:url(../images/optin_email.gif) no-repeat;
}

.email_field{
	float:left;
	margin:0;
	padding:0;
	width:217px;
	height:33px;
	background:url(../images/email_bg.gif) no-repeat;
}

.optin_btn_bg{
	margin:0;
	padding:0;
	width:303px;
	height:37px;
	text-align:center;
	background:url(../images/optin_btn_bg.gif) no-repeat;
}

.optin_btn{
	cursor:pointer;
  	width:191px;
  	height:37px;
  	background-image:url(../images/optin_btn.jpg);
	background-position:top;
  	background-color:transparent;
  	border-style:none;
}

.optin_btn_over{
	cursor:pointer;
 	width:191px;
  	height:37px;
  	background-image:url(../images/optin_btn.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
  	background-color:transparent;
  	border-style:none;
}

.optin_privacy{
	margin:0;
	padding:0;
	width:303px;
	height:29px;
	background:url(../images/optin_privacy.gif) no-repeat;
}

input.text_field{
	padding:6px;
	width:195px;
	font:normal 12px 'Lucida Grande', Helvetica, Arial, sans-serif;
	color:#222;
	background:#fff;
	outline:0;
	margin:0px;
	border:solid 1px #0054A6;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}

input.text_field:focus{
	border:solid 1px #cc0000;
}


/*###### PRE BODY ######*/


.prebodybg{
	margin:0;
	padding:0;
	height:33px;
	background:url(../images/pre_body.gif) repeat-x;
}

.prebody{
	margin:0 auto;
	padding:0;
	width:845px;
	height:33px;
}

/*###### MAIN BODY ######*/

.bgwrap{
	margin:0;
	padding:0;
	height:100%;
	background:#FFF;
}

.wrapper{
	margin:0 auto;
	width:845px;
	background:#FFF;
	color:#666;
	font:normal 13px arial, helvetica, sans-serif;
	line-height:16px;

}

.mainbody{
	float:left;
	width:597px;
	height:100%;
	background:url(../images/v_line.gif) repeat-y;
}

.mainbody2{
	margin:0;
	padding:0;
	width:845px;
	background:#FFF;
}

.copy{
	margin-right:15px;
}

.copy2{
	margin:0 5px;
}

.sidebar{
	float:right;
	width:248px;
	
}

/*###### PACKAGE ######*/

.package{
	position:relative;
	width:100%;
	margin:0 20px;
}

.pack_img{
	position:absolute;
	top:0;
	right:30px;
}

.package p.pack_title{
	margin:0;
	padding-left:38px;
	color:#1a1a1a;
	font:bold 14px arial, helvetica, sans-serif;
	background:url(../images/arrow.jpg) no-repeat;
	line-height:25px;
}

.package p.pack_title a:link, .package p.pack_title a:visited, .package p.pack_title a:active{ 
	color:#0054A6;
	font:bold 14px arial, helvetica, sans-serif;
	text-decoration:underline;
	line-height:25px;
}

.package p.pack_title a:hover{
	text-decoration:none;
}



.orderfull{
	width:299px;
	margin:15px auto;
}

.order{
	width:299px;
	margin:15px auto;
}

.order a{
	width:299px;
	height:77px;
	background:url(../images/order_btn.jpg) top;
	display:block;
}

.order a:hover{
	width:299px;
	height:77px;
	background:url(../images/order_btn.jpg) no-repeat bottom;
	display:block;
}

/*###### POST BODY ######*/


.postbodybg{
	margin:0;
	padding:0;
	height:33px;
	background:url(../images/post_body.gif) repeat-x;
}

.postbody{
	margin:0 auto;
	padding:0;
	width:845px;
	height:29px;
}

.botbg{
	margin:0;
	padding:0;
	height:29px;
	background:url(../images/bot_bg.gif) repeat-x;
}

.botbody{
	margin:0 auto;
	padding:5px 0 0 0;
	width:845px;
	height:29px;
	color:#0054A6;
	font:normal 13px arial, helvetica, sans-serif;
}


/*###### TESTIMONIALS ######*/

.tsTxt2{
	margin:10px 20px;
	background:#FFF;
	color:#666;
	font:normal 11px arial, helvetica, sans-serif;
	text-align:left;
	line-height:16px;
}

.tsTxt{
	margin:10px 20px;
	background:#FFF;
	color:#666;
	font:normal 11px arial, helvetica, sans-serif;
	text-align:left;
	line-height:16px;
}

.tsTxt img{
	float:left;
	margin-right:10px;
	border:3px solid #DFF2FA;
	clear:left;
}

.thebox{
	float:left;
	width:405px;
	height:321px;
	margin-right:5px;
	background:url(../images/testi_box.gif) no-repeat;
}

.thebox_txt{
	margin:35px 15px;

}

.thebox_txt p{
	color:#0054A6;
	font:normal 13px arial, helvetica, sans-serif;
}

.thebox_txt p img{
	float:left;
	margin-right:10px;
	border:3px solid #DFF2FA;
	clear:left;
}

/*###### PAGE TITLE ######*/

.ptitle{
	margin:10px 0;
}

.ptitle h2{
	color:#1a1a1a;
	font:normal 18px arial, helvetica, sans-serif;
}



/*###### PORTFOLIO ######*/

.thumb{
	float:left;
	margin:0 10px 10px 0;
}

a.portNav{
	border:3px solid #0054A6;
	display:block;
}

a.portNav:hover{
	border:3px solid #cc0000;
	display:block;
}

.ready{
	margin:10px 0;
	color:#666;
	font:bold 16px tahoma, helvetica, sans-serif;
	text-align:center;
}

.big_button{
	margin:0px;
	border:solid 1px #ccc;
	border-top:solid 1px #ddd;
	border-left:solid 1px #ddd;
	font-size:22px;color:#fff;
	cursor:pointer;
	line-height:42px;
	height:42px;
	padding:0px 15px;
	overflow:visible;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background:#87b500 url('../images/big_red_button_bg.png') top repeat-x;
	border-width:0px;
	border-right:solid 1px #689300;
	border-bottom:solid 1px #689300;
	text-shadow:#719e03 1px 1px;
}

.big_button:active{
	background:#87b500;
	color:#ECF5DE;
	line-height:44px;
}

.validation-advice {
	width:100%;
	margin: 5px 0;
	background-color: #FFF;
	color: #cc0000;
}