@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900,200italic,300italic,400italic,600italic,700italic,900italic);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900);

@import url("rnav.css");
body
	{
		padding:0px; margin:0px;
		background-color:#000000;
		background-position:top center;
		background-repeat:no-repeat;
		background-attachment:fixed;
		font-family: 'Source Sans Pro', sans-serif;color: #333333; font-weight:400; font-size:18px; line-height:28px; text-align:left;
	}
	
h1	{
	font-family: 'Raleway', sans-serif; font-size:42px; line-height:46px; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px; font-weight:300; color:#0077c0;}
	
	
h2	{
	font-family: 'Raleway', sans-serif; font-size:32px; line-height:36px; margin:0px 0px 10px 0px; padding:0px; font-weight:400; text-align:left; color:#333333
	}
	

h3	{
	font-family: 'Raleway', sans-serif; font-size:22px; line-height:26px; margin: 0px; padding: 0px; font-weight:700; text-align:left}
	
A {
	color: #00588e; TEXT-DECORATION: underline
}
A:visited {

	color: #00588e; TEXT-DECORATION: underline
}
A:hover {
	color: #00588e; TEXT-DECORATION:none
}

.sidebarpadd{
		padding:0px 0px 20px 20px;
	}
	
.sidebarimg{
		background-image:url(images/homebox_accounting.jpg);
		background-position:center center;
		background-repeat:no-repeat;
		background-size:100% auto;
		height:100px
	}
	
.homebox:hover {
		border:1px solid #0077c0;
	}

.homebox {
		background-color:#ffffff;
		border:1px solid #969797;
		font-family: 'Raleway', sans-serif; 
		
		font-size:12px; line-height:18px;
	}	
.homebox h2 {
		font-size:24px; line-height:26px;
		
		
	}		
.homebox p {
		padding:0px; margin:0px;
		font-family: 'Raleway', sans-serif; 
		font-size:12px; line-height:18px;
	}
	
.servlist {
		padding:10px 0px 0px 70px;
		margin-bottom:20px;
		font-family: 'Raleway', sans-serif; 
		font-size:14px; line-height:14px;
		background-position:left top;
		background-repeat:no-repeat;
	}

.servlist h2 {
		padding:0px 0px 8px 0px !important;
		margin:0px;
		font-size:26px; line-height:26px;
		
	}
	
.servlist p {
		padding:0px; margin:0px;
		
	}
	
	
	
.bannerfull {
		border-bottom:2px solid #FFF;
	}
	
.bannermobile {
		display:none;
		border-bottom:2px solid #FFF;
	}	
	
img {
	border:none}
	



.darkrow {
		padding:60px 0px 60px 0px; 
		background-color:#003768;
		background-position:center top;
		background-repeat:no-repeat;
		color:#FFF; border-bottom:1px solid #FFF;
	}	
	
.darkrow h1 {
		 color:#FFF;padding:0px; margin:0px; 
	}
	
.darkrow h2 {
		 color:#FFF; padding:0px; margin:0px; 
	}
	
.darkrow A {
	color: #ffffff; TEXT-DECORATION: underline
}
.darkrow A:visited {

	color: #ffffff; TEXT-DECORATION: underline
}
.darkrow A:hover {
	color: #ffffff; TEXT-DECORATION:none
}
	
.lightrow {
		padding:60px 0px 60px 0px; 
		background-color:#ffffff;
		background-position:center top;
		background-repeat:no-repeat;
		border-bottom:1px solid #FFF;
	}	
	
.lightrow h1 {
		 padding:0px; margin:0px; 
	}
	
	

.contentrow {
		 text-align:left;
		background-color:#8e440b;
		background-image:url(images/bgd_woodenmaze.jpg);
		background-repeat:no-repeat;
		background-position:center top;
		padding:30px 0px 30px 0px
	}
	
.contentrow h1 {
		 color:#FFF; font-weight:200; text-align:left; padding:0px 0px 10px; margin:0px; 
	}
	
.contentrow h2 {
		 color:#FFF; font-weight:200; text-align:left; padding:0px 0px 10px; margin:0px; 
	}	
	



.wrapper1 {
	width:100%; margin:auto;
}

.border1 {
	
	border: 10px solid #ffffff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.btn:hover {
	background-color:#003768;
	border: 1px solid #003768;
	color:#FFF;
}


.btn {
	text-align:center; margin-bottom:20px; width:250px; margin:auto;
	background-color:none;
	border: 1px solid #003768;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	-webkit-transition:background-color .2s ease;
	-moz-transition:background-color .2s ease;
	-o-transition:background-color .2s ease;
	transition:background-color .2s ease;
}

.btn A {
	color: #003768; TEXT-DECORATION: none; display:block; padding:10px; 
	font-size:22px; font-weight:bold;
	
}
.btn A:visited {

	color: #003768; TEXT-DECORATION: none
}
.btn A:hover {
	color: #ffffff; TEXT-DECORATION:none;
	
}

.btnwhite:hover {
	background-color:#0077c0;
	border: 1px solid #ffffff;
	color:#FFF;
}


.btnwhite {
	text-align:center; margin-bottom:20px; width:150px; margin:auto;
	background-color:none;
	border: 1px solid #ffffff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition:background-color .2s ease;
	-moz-transition:background-color .2s ease;
	-o-transition:background-color .2s ease;
	transition:background-color .2s ease;
}

.btnwhite A {
	color: #ffffff; TEXT-DECORATION: none; display:block; padding:10px; 
}
.btnwhite A:visited {
	color: #ffffff; TEXT-DECORATION: none
}
.btnwhite A:hover {
	color: #ffffff; TEXT-DECORATION:none;
}


.wrapper2 {
	width:100%; margin:auto;
}
.topwrapper {
	background:#ffffff;  margin:auto; width:100%;
	position:fixed; z-index:20000;
	webkit-box-shadow: 0px 0px 15px 0px  rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0px 0px 15px 0px  rgba(0, 0, 0, 0.25);
	box-shadow: 0px 0px 15px 0px  rgba(0, 0, 0, 0.25); 
	
	
	background-repeat:no-repeat;
	
}

.menucontainer { 
	position:relative; margin:auto; float:right; margin:auto; margin-top:0px; width:100%;
}
.navcontainer { 
	float:right;;
}

.topsection {
	height:80px; text-align:left; margin:auto; width:100%; /*--max-width:1200px;--*/
}

.headerwrapper {
	margin:auto;  padding-top:80px;
	/*--max-width:1600px;--*/
}


.headerint {
	background-color:#0c3883;
	background-position:top center;
	background-repeat:no-repeat;
	background-image: url(images/bgd_header1.jpg);
	padding: 40px 0px 40px 0px;
}

.headerint h1 {
	color:#FFFFFF
	
}


.maxw230 {	width:90%; max-width:230px; margin:auto;}
.maxw300 {width:90%; max-width:300px; margin:auto;}
.maxw400 {width:90%; max-width:400px; margin:auto;}
.maxw600 {width:90%; max-width:600px; margin:auto;}
.maxw700 {width:90%; max-width:700px; margin:auto;}
.maxw940 {width:90%; max-width:940px; margin:auto;}
.maxw960 {width:90%; max-width:960px; margin:auto;}
.maxw980 {width:90%; max-width:980px; margin:auto;}
.maxw1200{width:90%; max-width:1200px; margin:auto;}

/*---------------------begin multifamilypage css----------------------------*/


.spacer10 {height:30px}
.spacer20 {height:20px}
.spacer30 {height:30px}
.spacer40 {height:40px}
.spacer50 {height:50px}
.spacer60 {height:60px}
.spacer70 {height:80px}
.spacer80 {height:80px}


 hr {
	border: 0px;
    height: 0px;
	padding:0px; margin-top:10px 0px 10px 0px;
    border-top: 1px solid #d1d3d4;
}




/*----------------------Begin Slider Styles-----------------------------------------*/


.headerbgd	{
	height:180px;
	border-bottom: 1px solid #ffffff
	}
.hbgd1	{
	background-image:url(images/headerimg.jpg);
	background-position: center top;
	/*background-size:100% auto;*/
	}	

.sliderbgdmobile	{
	background-position: top center;
	background-repeat:no-repeat;
	
	/*background-size:100% auto;*/
	}
.sliderbgd	{
	background-position: top center;
	background-repeat:no-repeat;
	background-size:auto 100%;
	height:450px;
	/*background-size:100% auto;*/
	}
	
.sbgd1	{
	background-image:url(images/slide1.jpg);
	background-position: center top;
	background-color:#000000
	/*background-size:100% auto;*/
	}
	
.sbgd2	{
	background-image:url(images/slide2.jpg);
	background-position: center top;
	background-color:#000000
	/*background-size:100% auto;*/
	}
	
.sbgd3	{
	background-image:url(images/slide3.jpg);
	background-position: center top;
	background-color:#000000
	/*background-size:100% auto;*/
	}	
	

	
.slidertext	{
	font-family: 'Raleway', sans-serif;
	font-size:20px; padding-top:100px;
	color:#FFFFFF;
	}
.slidertext h1	{
	color:#FFFFFF; padding:0px; margin:0px;
	font-family: 'Raleway', sans-serif;
	}
	

	
/*----------------------End Slider Styles-----------------------------------------*/	


.header1	{
	background:url(images/header.jpg) bottom left repeat-x; height:250px;
	
	}


.logo {
		width:258px; height:80px; margin-top:0px; float:left;
		
		z-index:199; overflow:visible; position:absolute;
		background-size: 100% auto;
		background-image:url(images/logo.png);
		background-repeat:no-repeat;
		background-position:centers center;
		
}

.logo a{
	display:block;
	float:left;
	text-decoration:none;
	width:258px; height:80px;
}



.navphonecontainer { 
	
	float:right; height:50px;
}



.bannermobile {
	display:none;
}

.clearfix {
	overflow:hidden;
	height:1%;
}

.span12, .span11, .span10, .span9, .span8, .span7, .span6, .span5, .span4, .span3, .span2, .span1 {
	float:left;
}
.span12 {width:100%}
.span11 {width:91.6666%}
.span10 {width:83.3333%}
.span9 {width:75%}
.span8 {width:66.6666%}
.span7 {width:58.3333%}
.span6 {width:50%}
.span5 {width:41.6666%}
.span4 {width:33.3333%}
.span3 {width:25%}
.span2 {width:16.6666%}
.span1 {width:8.3333%}


.img1  {
	height:190px; width:100%; overflow:hidden
}


.rmenu { 
	width:46px; height:60px; float:right; margin-top:10px;
	background:url(images/icon_menu.png) top right no-repeat; margin-top:-10px;
	visibility:hidden; display:none;
}
.rmenu a { 
	width:46px; height:60px; display:block; text-decoration:none;
}

.footerrow {
	color:#ffffff;
	
	font-size:16px;
	line-height:16px;
	text-transform:none;
	border-top:3px solid #ffffff;
	padding:30px;
	background: #00588e;
	background: -moz-linear-gradient(top, #00588e 0%, #0076bf 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00588e), color-stop(100%,#0076bf));
	background: -webkit-linear-gradient(top, #00588e 0%,#0076bf 100%);
	background: -o-linear-gradient(top, #00588e 0%,#0076bf 100%);
	background: -ms-linear-gradient(top, #00588e 0%,#0076bf 100%);
	background: linear-gradient(to bottom, #00588e 0%,#0076bf 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00588e', endColorstr='#0076bf',GradientType=0 );
}

.footerrow A {
	color: #ffffff; TEXT-DECORATION: none;
}
.footerrow A:visited {
	color: #ffffff; TEXT-DECORATION: none;
}
.footerrow A:hover {
	color: #ffffff; TEXT-DECORATION: underline;
	
}
.footertop {
	max-width:900px; margin:auto;
}

.footerleft {
	float:left; text-align:left; margin-bottom:20px;
}



.footerright {
	float:right; margin-bottom:20px;
}


.footerbottom {
	font-size:14px; line-height:12px; text-transform:none; text-align:left;
	max-width:900px; margin:auto; margin-top:30px; line-height:30px;
}
.footerbl {
	float:left; min-width:300px; margin-top:26px; font-size:10px;
}



.end {
	margin-right:0px;
}


.container_slides {
	width:980px; height:300px; margin:auto;
}

.socialcont {
	width:400px; margin:auto; padding:10px 0px 0px 0px
}
.socialbtn:hover {
	background-position:center -100px;
}
.socialbtn {
	background-position:center top; width:100px; height:100px; float:right;
	background-size:100%; auto;
	-webkit-transition:background-position .2s ease;
	-moz-transition:background-position .2s ease;
	-o-transition:background-position .2s ease;
	transition:background-position .2s ease;
}

.socialbtn a {
	display:block;
	text-decoration:none;
	height:100px;
	width:100px;
}

.social_t {	background-image:url(images/social_twitter.png);}
.social_i {	background-image:url(images/social_instagram.png);}
.social_f {	background-image:url(images/social_facebook.png);}
.social_li {background-image:url(images/social_linkedin.png);}
.social_g {background-image:url(images/social_googleplus.png);}
.social_tu {background-image:url(images/social_tumblr.png);}
.social_pin {background-image:url(images/social_pinterest.png);}
.social_yt {background-image:url(images/social_youtube.png);}
.social_e {background-image:url(images/social_email.png);}



.homeright li {padding-bottom:14px;}


	
/* Start Styles for forms */


.form1
	{
		text-align:left; max-width:480px; width:95%;  margin:auto;
	}
	
.form1 h2
	{
		color:#ffffff;	
	}	
	
.formcont
	{
		border-left:2px solid #464343
	}
	
	
.form1 form
	{
		padding:0px; margin-bottom:30px;
	}

.form1 input, .form1 textarea
	{
		border:1px solid #0077c0;
		webkit-box-shadow: inset 0px 0px 3px 3px rgba(0, 0, 0, 0.05);
		-moz-box-shadow: inset 0px 0px 3px 3pxrgba(0, 0, 0, 0.05);
		box-shadow: inset 0px 0px 3px 3px rgba(0, 0, 0, 0.05); 
		
		/*webkit-box-shadow: 0px 0px 8px 0px  rgba(0, 0, 0, 0.25);
		-moz-box-shadow: 0px 0px 8px 0px  rgba(0, 0, 0, 0.25);
		box-shadow: 0px 0px 8px 0px  rgba(0, 0, 0, 0.25); */
		
		-webkit-border-radius: 6px; 
		-moz-border-radius: 6px;
		border-radius: 6px;
		
		background-color:#dddddd;
		padding-top:10px;
		padding-bottom:10px;
		padding-left:4%;
		padding-right:4%;
		color: #333333;
		font-size:16px;
		width:90%;
		margin:5px 0px 5px 0px;
		font-family: 'Source Sans Pro', sans-serif; 
	}
	

.form1 .radio1
	{
		width:15px; height:15px; padding:0px; margin:0px;
		webkit-box-shadow: none;
		-moz-box-shadow:none;
		box-shadow: none;
	}

.form1 textarea
	{
		height:100px;
		width:90%;
	}
	
.form1 select
	{	
		width:100%;
		border: 1px solid #999;
	}	
	
.form1 #submit1 {
    color: #ffffff;
    background: #168d02;
	font-weight:bold;
    padding: 10px 20px 10px 20px;
	width:100px; margin:auto;
	margin-top:10px;
	
	 text-transform:uppercase;
	webkit-box-shadow: 0px 0px 8px 0px  rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0px 0px 8px 0px  rgba(0, 0, 0, 0.25);
	box-shadow: 0px 0px 8px 0px  rgba(0, 0, 0, 0.25); 
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px;
	border-radius: 6px;
	border:1px solid #ffffff;
	/*text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);*/
}
.form1 #submit1:hover {
    background:#333333;
	color: #ffffff;
}

	
/* End Styles for forms */

/*------------------------------------BEGIN MOBILE-----------------------------------------*/
/*------------------------------------BEGIN MOBILE-----------------------------------------*/
/*------------------------------------BEGIN MOBILE-----------------------------------------*/
/*------------------------------------BEGIN MOBILE-----------------------------------------*/
/*------------------------------------BEGIN MOBILE-----------------------------------------*/
/*------------------------------------BEGIN MOBILE-----------------------------------------*/
/*------------------------------------BEGIN MOBILE-----------------------------------------*/
/*------------------------------------BEGIN MOBILE-----------------------------------------*/
/*------------------------------------BEGIN MOBILE-----------------------------------------*/
/*------------------------------------BEGIN MOBILE-----------------------------------------*/
/*------------------------------------BEGIN MOBILE-----------------------------------------*/
/*------------------------------------BEGIN MOBILE-----------------------------------------*/


@media only screen and (max-width: 660px) {

	.wrapper2 {
	width:100%;
	}

	.wrapper1 {
	width:auto;
	}
	.content {
	width:auto;
	}
	#access {
	visibility:hidden
	}
	.menucontainer {
	visibility:hidden; height:1px;
	}

	.topwrapper {
		
	}
	
	.sidebarpadd{
		padding:20px 0px 20px 0px;
	}
	
	
	.bannermobile {
		display:block;
	}
	
	.bannerfull {
		
	}
	
	.headerwrapper {
		margin:auto;  padding-top:50px;
	}
	
	
	.logo a{
		width:125px; height:50px;
	}
	.topsection {
	height:50px; text-align:left;
	}
	

	.socialbtn:hover {
		background-position:center -100px;
	}
	.socialbtn {
		background-position:center top; width:100px; height:100px; float:right;
		background-size:100px auto;
	}
	
	.socialbtn a {
		height:100px;
		width:100px;
	}
	
	.socialcont {
		width:300px; margin:auto; padding:0px 0px 0px 0px
	}
	
	h1	{
	font-size:30px; line-height:40px; }

	.slidertext	{
	padding-top:90px;
	}
	
	.slidertext h2	{
		line-height:24px; font-size:17px;  margin-bottom:10px; padding:0px 5px 0px 5px;
	}
	
	.sliderbgd	{
		height:250px;
		/*background-size:100% auto;*/
	}

	
	.sbgd1	{

	}

	.rmenu {
	visibility:visible; display:inherit
	}

	.logo {
	  width:200px; height:50px;
	  background-position:center left;
	  background-size:auto 100%;

	}
	

	.sliderpic	{
	width:100%; margin:auto;
	}
	
	.bannerfull {
		
	}
	.bannermobile {
		
	}
	
	.slidertext	{
		
		font-size:16px; line-height:20px; padding-top:20px;
		}
	.slidertext h1	{
		font-size:30px;
		}
	
	.span12, .span11, .span10, .span9, .span8, .span7, .span6, .span5, .span4, .span3, .span2, .span1 {
		float:none; width:100%;
	}
	
	
	/*-------------------------------------*/
	.footerleft {
	 float:none; width:100%;  text-align:center
	}
	.footerright {
	 float:none; width:100%; padding-bottom:20px; text-align:center
	}

	
	
}


@media only screen and (min-width : 660px) and (max-width : 780px) {

	.wrapper2 {
	width:100%;
	}
	.wrapper1 {
	width:auto; 
	}
	.content {
	width:auto;
	}
	#access {
	display:none;
	}
	.menucontainer {
	display:none;
	}
	.topwrapper {
	}
	
	
	.slidertext	{
	}
	
	.slidertext h2	{
		line-height:40px; font-size:30px;  	
	}
	
	.sliderbgd	{
		height:400px;
		/*background-size:100% auto;*/
	}

	.rmenu {
		visibility:visible; display:inherit
	}
	
	.logo {
	  width:200px; height:50px;
	  background-position:center left;
	  background-size:auto 100%;

	}
	.logo a{
		width:125px; height:50px;
	}
	.topsection {
	height:50px; text-align:left;
	}
	.headerwrapper {
		margin:auto;  padding-top:50px;
	}
	
	
	.sliderpic	{
	width:100%; margin:auto;
	}
	.img1  {
		height:250px; width:100%; overflow:hidden
	}
	
	
	.bgd_secondary {
		height:250px;
	}

	.bgd_secondary img {
		margin-top:120px;
		width:90%
		}


}