﻿/*Fun with media-queries*/

@media screen and (max-width: 1024px) {
	body{
		width:1060px;
		overflow-x:hidden;
	}
}
/*Font-face*/

@font-face {
	font-family: 'TrebuchetMSRegular';
	src: url('../fonts/trebuc-webfont.eot');
	src: local('☺'),
	url('../fonts/trebuc-webfont.woff') format('woff'),
	url('../fonts/trebuc-webfont.ttf') format('truetype'),
	url('../fonts/trebuc-webfont.svg#webfontNrI64sqy') format('svg');
	font-weight: normal;
	font-style: normal;
}

html, body {
	margin: 0;
	padding: 0;
	font-family: 'TrebuchetMSRegular',Verdana,sans-serif;
	font-size: 12px;
	color: #3b3b3b;
}

*{
	outline:none;
}

img{
	border:0;
}



html
{
	/*height:4686px;*/
	background:url(../gfx/html_bg_1.jpg) no-repeat center 0px;
	-webkit-background-size: 1920px 2343px;
}

body{
	border-top: 14px solid #000;
	background:url(../gfx/html_bg_2.jpg) no-repeat center 2329px;
	padding-bottom:238px;
	-webkit-background-size: 1920px 2343px;
}


body.landing
{
	background:url(../gfx/html_bg_1.jpg) no-repeat center -90px;
	line-height: 22px;
}


a {
	color: #439EDA;
	text-decoration:none;
}

a:hover{
	color:#000;
	text-decoration:underline;
}

p{
	line-height:14px;
	margin-bottom:5px;
	color:#5D5D5D;
}

input[type="text"], textarea {
	color:#646464;
	font-size:13px;
	width: 188px;
	height: 20px;
	padding:5px;
	border: 1px solid #DCDCDC;
	font-family: Verdana, Arial;
	background:url(../gfx/input_bg.png) repeat-x top left;
	-webkit-border-radius: 3px 3px 3px 3px;
	-khtml-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-o-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	behavior:url(/layout/css/pie.htc);
	position:relative;	
}

input[type="submit"]{
	color:#FFFFFF;
	background:#69BE52;
	border:none;
	font-size:14px;
	width:67px;
	height:26px;
	cursor:pointer;
	-webkit-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-o-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	behavior:url(/layout/css/pie.htc);
	position:relative;
}

textarea {
	height: 50px;
	font-family: Verdana, Arial;
	background:url(../gfx/textarea_bg.png) repeat-x top left;
	resize:none;
}

h1,h2,h3,h4,h5,h6,
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{
	color:#5D5D5D;
	text-decoration:none;
	font-weight:normal;
}

h1{
	font-size:29px;
}

h2{
	font-size:16px;
}

.main-holder {
	width: 991px;
	margin: 0 auto;
}

.main-header{
	border-bottom:4px solid #5D5D5D;
	height:76px;
}

.main-header .logo,
.content-box .logo{
	float:left;
	margin-top:15px;
	margin-left:38px;
}

.content-box .logo{
	margin-top:25px;
	margin-left:56px;
}

.main-header .main-menu,
.content-box .main-menu{
	float:left;
	margin-top:24px;
	margin-left:110px;
	position:relative;
}

.content-box .main-menu{
	margin-left:10px;
	margin-top:30px;
}

.main-header .main-menu a,
.content-box .main-menu a{
	font-size:14px;
	display:block;
	float:left;
	text-transform:uppercase;
	text-decoration:none;
	padding:12px 18px 0px;
	height:31px;
	color:#5D5D5D;
	border-top:1px solid transparent;
	border-left:1px solid transparent;
	margin-left:5px;
	position:relative;
}

.main-header .main-menu a span{
	width:100%;
	background:url(../gfx/mainpage_bullet.png) no-repeat top center;
	display:none;
	position:absolute;
	height:16px;
	top:45px;
	left:0px;
}

.main-header .main-menu a.active span,
.main-header .main-menu a:hover span{
	display:block;
}


.main-header .main-menu a.active,
.content-box .main-menu a.active{
	color:#FFF;
	background:#69BE52;
	border-top:1px solid #3F7231;
	border-left:1px solid #3F7231;
	-webkit-border-radius: 9px 9px 9px 9px;
	-khtml-border-radius: 9px 9px 9px 9px;
	-moz-border-radius: 9px 9px 9px 9px;
	-o-border-radius: 9px 9px 9px 9px;
	border-radius: 9px 9px 9px 9px;
	box-shadow:inset 0px 1px 0px #3F7231;
	behavior:url(/layout/css/pie.htc);
}

/*.content-box .main-menu a:hover,
.main-header .main-menu a:hover{
	color:#FFF;
	background:#69BE52;
	border-top:1px solid #3F7231;
	border-left:1px solid #3F7231;
	-webkit-border-radius: 9px 9px 9px 9px;
	-khtml-border-radius: 9px 9px 9px 9px;
	-moz-border-radius: 9px 9px 9px 9px;
	-o-border-radius: 9px 9px 9px 9px;
	border-radius: 9px 9px 9px 9px;
	box-shadow:inset 0px 1px 0px #3F7231;
	behavior:url(/layout/css/pie.htc);
}*/



body.landing .home-box
{
	margin-bottom: 20px;
}

.home-box
{
	width:928px;
}

.home-box img{
	margin-left: 28px;
	margin-top: 37px;
}

.home-box h1{
	width:520px;
}
.home-box h1 a{
	margin-left:54px;
	background:url(../gfx/h1_arrow.png) no-repeat right 3px;
	padding-right:40px;
	line-height:31px;
	display:block;
}

.home-box h1 a:hover{
	background:url(../gfx/h1_arrow.png) no-repeat right -65px;
	text-decoration:none;
}

.home-box h2{
	margin-left:54px;
	width:465px;
	margin-top:-10px;
	height:38px;
}

.content-holder{
	position:relative;
	margin-left:25px;
}

.home-box{
	margin-bottom:352px;
	z-index:9;
}

#cb1{
	margin-bottom:514px;
	z-index:8;
}

#cb1 .content-box-content{
	margin-left:58px;
	z-index: 1000;
}

#cb1 .content-box .content-box-content .content-box-item{
	padding-left:0px;
}

#cb2{
	margin-bottom:486px;
	z-index:7;
}
#cb3{
	margin-bottom:494px;
	z-index:6;

}
#cb4{
	margin-bottom:120px;
	z-index:5;
}



.content-box{
	width:928px;
	height:466px;
	background:#FFF;
	border:1px solid #E0E0E0;
	-webkit-border-radius: 10px 10px 10px 10px;
	-khtml-border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-o-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	box-shadow:0px 1px 1px #BCBCBB;
	behavior:url(/layout/css/pie.htc);
	z-index:3;
	position:relative;
}


body.landing .content-box
{
	height: auto;
	float: left;
}

.content-box .content-box-header{
	background:url(../gfx/box_header_bg.png) repeat-x top left;
	height:89px;
	-webkit-border-radius: 10px 10px 0px 0px;
	-khtml-border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	-o-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
	behavior:url(/layout/css/pie.htc);
	border-bottom:1px solid #E0E0E0;
}

.content-box .content-box-content{
	position:relative;
	z-index:3;
	width:700px;
}

/*References box styles*/

#cb2 .content-box-content{
	overflow:hidden;
	height:320px;
	width:833px;
	margin-left:40px;	
}

#cb2 .content-box-content .content-box-item{
	width:850px;
	height:320px;
	margin-left:-40px;
}


#cb2 .content-box-content .content-text.reference-line{
	height:60px;
	width:100%;
}

#cb2 .content-box-content .content-text.reference-line h1{
	width:190px;
	float:left;
}

h1.static-head{
	width:150px;
	float:left;
    color: #439EDA;
    font-size: 26px;
    margin-bottom: 6px;
    margin-top: 0;
	position:absolute;
	left:0px;
	top: 113px;
	padding-left:57px;
	padding-right:33px;
	background:#FFF;
	z-index:21;
	height:60px;
}



#cb2 .content-box-content .content-text.reference-line .reference-text{
	float:left;
	height:60px;
	width:580px;
	margin-left:190px;
}

#cb2 #ref-prev,
#cb2 #ref-next{
	display:block;
	position:absolute;
	width:15px;
	height:300px;
	z-index:20;
	top:130px;
}

#cb2 #ref-prev:hover,
#cb2 #ref-next:hover{
	text-decoration:none;
}


#cb2 a#ref-prev{
	background:url(../gfx/pager_arrows.png) no-repeat 0px 145px;
	left:10px;
}

#cb2 a#ref-next{
	background:url(../gfx/pager_arrows.png) no-repeat -48px 145px;
	right:10px;
}


#cb4 .content-box .addit-box{
	margin-top:20px;
}



.content-box .content-box-content .content-box-item{
	padding:23px 0 23px 58px;
	width:630px;
	float:left;
}


body.landing .content-box .content-box-content .content-box-item
{
	padding:23px 0 122px 20px;
}


.content-box .addit-box{
	background:#439EDA;
	position:absolute;
	right:-12px;
	top:115px;
	width:242px;
	padding-top:3px;
	height:282px;
	margin-top:0px;
	-webkit-border-radius: 10px 10px 10px 10px;
	-khtml-border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-o-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	box-shadow:0px 1px 1px #ECECEB;
	behavior:url(/layout/css/pie.htc);
}



body.landing .content-box .addit-box
{
	bottom:115px;
	top: auto;
	min-height: 282px;
	height: auto;
	padding-top: 10px;
	padding-bottom: 15px;
}


.content-box .addit-box input[type="submit"]{
	margin:11px 0px 0px 17px;
}

.content-image-masked{
	height:284px;
	width:189px;
	position:relative;
	float:left;
	overflow:hidden;
}

.content-image-mask{
	height:284px;
	width:189px;
	position:absolute;
	background:url(../gfx/pic_mask.png) no-repeat left top;
}


.content-box .content-text{
	float:left;
	width:377px;
	padding:0px 32px;
}

.content-box .content-text h1{
	font-size:26px;
	color:#439EDA;
	margin-top:0px;
	margin-bottom:6px;
}

.content-box .content-text h2{
	font-size:18px;
	margin-top:0px;
	margin-bottom:25px;
}


.freeconsult,.fb-connect{
	background:#439EDA;
	display:block;
	-webkit-border-radius: 0px 0px 10px 10px;
	-khtml-border-radius: 0px 0px 10px 10px;
	-moz-border-radius: 0px 0px 10px 10px;
	-o-border-radius: 0px 0px 10px 10px;
	border-radius: 0px 0px 10px 10px;
	box-shadow:0px 1px 5px #959493;
	behavior:url(/layout/css/pie.htc);
	position:absolute;
	bottom:-34px;
	left:0px;
	height:24px;
	color:#FFF;
	padding: 10px 12px 0px 12px;
	z-index:14;

}

.freeconsult:hover,
.fb-connect:hover{
	background:#69BE52;
	color:#FFF;
	text-decoration:none;
}

.freeconsult{
	left:31px;
}


.fb-connect{
	left:288px;
}

#cb3 .fb-connect{
	left:31px;
}

.inputwrap{
	display:block;
	background:#E5E5E5;
	padding:5px;
	width:200px;
	margin-left:17px;
	margin-bottom:-4px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-o-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	behavior:url(/layout/css/pie.htc);
	position:relative;
}

.inputwrap label{
	color:#646464;
	position:absolute;
	z-index:10;
	font-family: Verdana,Arial;
    font-size: 13px;
	top:14px;
	left:11px;
	cursor:pointer;
	display:none;
}

/*services Menu*/

.services-box{
	width:252px;
	height:282px;
	margin-left:-10px;
	margin-top:10px;
}

.services-box a{
	display:block;
	color:#FFF;
	text-transform:uppercase;
	height:22px;
	padding:10px 0px 0px 37px;
	position:relative;
	width:177px;
}

.services-box a span{
	display:none;
	width:39px;
	height:44px;
	position:absolute;
	background:url(../gfx/menu_side.png) no-repeat top left;
	top:-11px;
	right:-39px;

}

.services-box a:hover,
.services-box a.current{
	background:#69BE52;
	text-decoration:none;
	-webkit-border-radius: 10px 0px 0px 10px;
	-khtml-border-radius: 10px 0px 0px 10px;
	-moz-border-radius: 10px 0px 0px 10px;
	-o-border-radius: 10px 0px 0px 10px;
	border-radius: 10px 0px 0px 10px;
	box-shadow: 0px 0px 0px 1px #3276A3;
	behavior:url(/layout/css/pie.htc);
}

.services-box a:hover span,
.services-box a.current span{
	display:block;
}

/*Threads*/

.thread-1,
.thread-2,
.thread-3,
.thread-4,
.thread-5,
.thread-6,
.thread-7,
.thread-8{
	display:block;
	position:absolute;
}



.thread-1{
	width:36px;
	height:76px;
	background:url(../gfx/thread_1.png) no-repeat top left;
	top:10px;
	left:10px;
}

.thread-2{
	width:909px;
	height:602px;
	background:url(../gfx/thread_2.png) no-repeat top left;
	top:418px;
	right:10px;
	z-index:17;
}

.thread-3{
	width:870px;
	height:574px;
	background:url(../gfx/thread_3.png) no-repeat top left;
	top:420px;
	right:50px;
}

.thread-4{
	width:36px;
	height:77px;
	background:url(../gfx/thread_4.png) no-repeat top left;
	bottom:11px;
	left:8px;
	
}

.thread-5{
	width:320px;
	height:368px;
	background:url(../gfx/thread_5.png) no-repeat top left;
	top:-245px;
	right:-72px;
}

body.landing .thread-5 
{
	width: 320px;
	background: url(../gfx/thread_1.png) no-repeat top left;
	top: 30px;
	right: -266px;
}

.thread-6{
	width:88px;
	height:339px;
	background:url(../gfx/thread_6.png) no-repeat top left;
	z-index:11;
	bottom:-254px;
	left:15px;
}

body.landing .thread-6
{
	top: 638px;
}

.thread-7{
	width:77px;
	height:45px;
	background:url(../gfx/thread_7.png) no-repeat top left;
	bottom:-4px;
	right:-34px;
}



.thread-8{
	width:38px;
	height:160px;
	background:url(../gfx/thread_8.png) no-repeat top left;
	z-index:8;
	bottom:-75px;
	right:50px;
}

body.landing .thread-8
{
	top: 648px;
	right: -215px;
}


/*/Threads END*/


.footer-copy{
	margin-left:360px;
	font-weight:bold;
	color:#5D5D5D;
	width:250px;
}

.reflink{
	position:relative;
	display:block;
	float:left;
}

.refpic-mask{
	display:block;
	width:803px;
	height:214px;
	background:url(../gfx/refpic_mask.png) no-repeat top left;
	position:absolute;
	top:0px;
	left:0px;
}

.msg-success{
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    margin-top: 110px;
    text-align: center;
    width: 245px;
}	


body.landing .msg-success
{
	margin-top: 112px;
}

.gmap-link{
	display:block;
	width:189px;
	height:284px;
	text-decoration:none;
	position:absolute;
	z-index:4;
}

.gmap-link:hover{
	text-decoration:none;
}

.placeholder{
	color:#646464;
}

.display-none
{
	display: none;
}

.color-blue
{
	color: #439EDA;
}

.color-gray
{
	color: gray;
}

.color-white
{
	color: white;
}


.align-center
{
	text-align: center;
}

.left
{
	float: left;
}

.wfull
{
	width: 100%;
}

body.landing ul
{
	float: left;
	margin-bottom: 0px;
}

body.landing ul li
{
	list-style-type: none;
	padding-left: 30px;
	background: url(/layout/gfx/ulli.png) left 5px no-repeat;
}

body.landing .main-footer
{
	float: left;
	margin-top: 25px;
}

.clearer
{
	clear: both;
}

.f14
{
	font-size: 14px;
}

.mt10
{
	margin-top: 10px;
}

.mb15
{
	margin-bottom: 15px;
}

p.privacy
{
	padding-bottom: 14px;
}

p.privacy label
{
	display: block;
	float: right;
	position: static;
	width: 167px;
	font-size: 11px;
}

/*
.privacy-text
{
	background: red;
	color: white;
	position: relative;
	margin-bottom: -25px;
}
*/

.f16
{
	font-size: 16px;
}

.f18
{
	font-size: 18px;
}