@charset "utf-8";

/* CSS Document */



body {font-family:helvetica, sans-serif, arial; background-color:#282828;}

i {font-style:italic;}

.yellow {background-color:#fac300;}

#outer_wrapper {width: 1024px; margin:0 auto 0 auto; position:relative;}

#contact_stripe {width: 100%; height: 30px;}
#contact_stripe .contact-info {  line-height:30px; float:right; padding-right:40px; font-size:16px;  color: #204c8e; font-weight:bold; display:block; }
#contact_stripe .social {display:block; float:left; padding-left:35px; padding-top: 1px;}
#contact_stripe .social img {height: 26px;}
#contact_stripe .social img:hover {opacity: .6}


#logo_stripe {text-align:center; background-color: #fff; height:90px;}

#logo_stripe img { padding-top:13px;}

#header_wrap {position:relative;}

.nav_curve { height:55px; background-image:url(images/top_curve_thin.png); background-repeat: none; padding-top:12px; text-align: center; z-index: 99; 

				position:absolute; width:1024px;}

#bottom_nav .nav_curve { background: none; position:relative; }

.nav_curve ul li {line-height:22px; text-align:center; border-right: solid  2px #3cb4f1; display:inline-block;}

.nav_curve ul li.last	{ border-right: none;}

.nav_curve ul li a { padding-right:20px; padding-left: 20px; font-size:13px; text-transform:uppercase; text-decoration: none; color:#fff;}

#bottom_nav .nav_curve ul li a {font-size: 12px; padding-right:18px; padding-left: 18px;}

.nav_curve ul li a:hover {color: #fac300;}

.nav_curve a.active {color: #fac300;}

#top_image { z-index:1; position:absolute; top: 46px; border-bottom: 1px solid #17417f; background-color: #fff; margin-top: -26px;}

.pg-home #top_image { margin-top: -342px}

#columns_wrapper { height:135px; background-color:#fff;  margin-top: -50px; position:relative; 

					padding-top: 50px; padding-bottom:30px; padding-left:20px; }



.column_info {width:200px; text-align:center; display:block; float:left; padding-right: 30px; padding-left:20px; color: #414042; font-size: 12px;}

.column_info h1 { font-size: 15px; color: #17417f; font-weight: bold; text-transform:uppercase; padding-bottom: 10px;}

.column_info a { color:  #17417f; text-decoration:none;  line-height: 18px;}

.column_info a:hover { color: #3399cd}

#circle_wrap {position:relative; z-index:10; margin-top: 440px; padding-left:43px;}

.circle_col { width:120px; display:inline-block;  padding-left: 55px;  padding-right:70px;}

.circle_col.last { padding-right:0px;}

.circle { background-color: #fac300; height:86px; width:86px; border-radius: 50px; }

.circle:hover { background-color: #3399cd; }

.circle img {margin-top:-1px; margin-left: -1px;}



.small-circle { background-color: #fac300; height:41px; width:41px; border-radius: 50px; }

.small-circle img {margin-top:-1px; margin-left: -1px;}



#cta_stripe {  font-size:24px; line-height: 50px; color: #204c8e; height:50px; text-align:center;font-weight: bold; 

				border-top: solid 0px  #204c8e;  border-bottom: solid 1px  #204c8e;}

#bottom_quote {height: 250px; background-image: url(images/bottom_curve.png); background-position:bottom; background-repeat:no-repeat; background-color: #a1a1a1; }

#bottom_quote .quote {  text-align:center; font-size:23px; font-family: "Times New Roman", Times, serif; line-height:25px; padding: 30px 110px; 0px; 110px; color: #17417f; letter-spacing: 1px;}

#bottom_quote.no-quote { background-color: #fac300; height: 180px; border-top: 1px solid #204c8e;}

#bottom_quote.no-quote .quote { font-size:24px;  color: #204c8e; font-weight: bold; font-family:Arial, Helvetica, sans-serif}

#footer { padding-top:20px; background-color: #fff; padding-bottom: 40px; text-align:center; font-size: 14px; color:#555555;  }

#inner-wrapper { background-color:#fff;  padding-top: 40px; color:#555555; font-size: 14px; 

height:550px; position:relative; width:1024px; display:inline-block;}

.pg-services #inner-wrapper { background-color: #fffdf5; padding-top: 60px; text-align:center; margin-top: 15px; height: auto;

											 width:1024px;}

.pg-gallery #inner-wrapper {background-color: #e6e7e8;  margin-top: -10px; height: auto;  }

.pg-about #inner-wrapper {margin-top: 110px;  }

.pg-testimonial #inner-wrapper { margin-top: 0px;}

.pg-gallery #inner-wrapper #gallery {padding: 50px 40px 0 40px;  width:944px;}

#content-wrapper { padding: 205px 40px 0 40px;  width: 944px; display: inline-block; height: 530px; background-color: #fff;}

.pg-about #content-wrapper { height: 590px;}

.pg-testimonial #content-wrapper { padding-top: 180px; font-size: 15px; height: auto; padding-bottom: 20px; line-height: 20px;}

.test-spacer { width: 85%; height: 2px; background-color: #fac300; margin: 15px auto 15px auto;}

#inner-wrapper #about_story {

	padding-left: 25px;

	width: 660px;

	padding-right: 40px;

	display: block;

	float:left;

}



#inner-wrapper #about_story.pg-contact {  padding-left: 50px; width: 635px}



#inner-wrapper #right-sidebar {

	padding-left: 45px;

	display: block;

	float:left;

	text-align:center;

}

#inner-wrapper #right-sidebar .circle { z-index:20;}

#inner-wrapper #right-sidebar #question { margin-left:auto; margin-right:auto; position:relative}

#inner-wrapper #right-sidebar #question-text { border: solid #999 1px; margin:-40px; z-index:0; padding: 50px 10px 0 10px; width:200px;  position:relative}

#inner-wrapper h2 {

	color: #faa807;

	font-size: 25px;

	font-weight: bold;

	text-transform: uppercase;

	padding-top: 5px;

	padding-bottom: 18px;



}

.pg-services #inner-wrapper h2 {text-transform: none; }

#inner-wrapper h3 {

	color: #204c8e;

	font-size: 17px;

	font-weight: bold;

	padding-bottom: 20px;

}

#inner-wrapper #right-sidebar #question-text h3 {padding-bottom: 0;}

#inner-wrapper h4 {

	color: #287eaa;

	font-size: 16px;

	font-weight: bold;

	padding-top: 15px;

	padding-bottom: 15px;

}

#inner-wrapper #right-sidebar #question-text a {text-decoration:none; color:inherit;}

#inner-wrapper #right-sidebar #question-text a:hover {color:  #fac300;}

#inner-wrapper form .col1 { width: 200px; text-align:right; padding-right: 30px; display:block; float:left;  height:30px;}

#inner-wrapper form .col2 { display:block; float:left; line-height: 30px; height:30px;}

#inner-wrapper form .buttons {margin-top: 30px; width: 375px; text-align:right;}

#inner-wrapper form .buttons .submit { border-right: 1px solid #555555; padding-right: 12px;}

#inner-wrapper form .buttons .reset:hover { color: #fac300;}

#inner-wrapper form .buttons .reset {  padding-left: 12px;}

#inner-wrapper form .buttons .submit:hover { color: #fac300;}

#inner-wrapper form input { width:370px; font-size: 14px; height: 18px;}

#inner-wrapper form textarea { width:370px; font-size: 14px; }

strong { font-weight: bold;}

#svc-wrapper {height: 1110px; position:relative; padding-left: 40px; padding-right: 40px; padding-top: 5px;}

#bottom_nav {  margin-top: 35px;}

#half-width {width:462px; border-right: solid 14px #fac300; position:absolute; z-index:1; height:100%;}

#full-width { z-index:5; position:absolute}

#process-text { padding-left: 80px; padding-right:80px; color: #555555}

.svc-section {height: 180px; width: 425px; border: solid #aaa 1px; margin-top: -25px; background-color: #fff; padding: 10px;}

.svc-section.first { margin-top: 0;}

.svc-section.right {margin-left: 490px; padding-left:40px; width: 395px}

#inner-wrapper #svc-wrapper #full-width .svc-section h2 { color:  #204c8e; text-transform: uppercase; font-size: 16px; line-height: 18px; text-align:left;}

.svc-section .col1,.svc-section .col2 {height: 120px; display:block; float:left; width: 175px; padding-right: 15px; text-align:left }

.svc-section .col1 {width: 190px;}

#inner-wrapper #svc-wrapper #full-width .svc-section h4 { text-align:right; clear:both; padding-top: 0; }

#svc-wrapper a {color: inherit; text-decoration: none; }

#svc-wrapper a:hover { color: #fac300;}

.col1 ul,.col2 ul {list-style:disc; padding-left: 15px;}

#svc-wrapper .circle {position: absolute; z-index: 10;}

#icon1 {left: 430px; top: 35px;}

#icon2 {left: 430px; top: 210px;}

#icon3 {left: 430px; top: 385px;}

#icon4 {left: 430px; top: 560px;}

#icon5 {left: 430px; top: 735px;}

#icon6 {left: 430px; top: 910px;}



#spacer { width: 1024px; height: 20px; display:block}

.gal_section {

	width: 1024px;

	height: auto;

	padding-bottom: 5px;

	background-image: url(images/yellow_bar.png);

	background-repeat: repeat-y;

	background-position: 15px;

	display:inline-block;

	position:relative;

	margin-bottom: 20px;

}



.gal-project { 

  width: 920px;

  border-bottom: solid #333 1px;

  position: relative;

  display:inline-block;

  margin-bottom: 15px;

  height: 390px;

 margin-left: 24px;



}

.gal-project.p14

{height: 500px;}

.gal-project.p2 

{   height: 600px; margin-top: 32px; }



.gal-project.p3,.gal-project.p13

{  height: 480px;}



.gal-project.p4

{ height: 600px; }



.gal-project.p5

{  padding-top: 35px; }



.gal-project.p10,.gal-project.p11

{

	padding-top: 55px;

	height: 470px;

}

.gal-project.last 

{

	border-bottom: none;

}



.gal-thumbnails

{

	width: 250px;

	height: 200px;

	display: block;

	position:absolute;

	left: 40px;

	margin-top: -30px;

	

}

 

.gal-details

{

	width: 550px;

	left: 315px;

	position:absolute;

	margin-top: -40px;

}

.p12 .gal-thumbnails,.p13 .gal-thumbnails,.p15 .gal-thumbnails,.p14 .gal-thumbnails { margin-top: 0;} 

.p12 .gal-details,.p13 .gal-details,p14 .gal-details,.p15 .gal-details,.p14 .gal-details { margin-top: 0;} 



.gal-large-image { 

	

	text-align: center;

	display:block;

	position:relative;

}



.gal-large-image img {

	border: 8px solid #fff;

	-moz-box-shadow: 0 0 15px #666;

	-webkit-box-shadow: 0 0 15px #666;

	box-shadow: 0px 0px 15px #666;

}



.gal-project-info 

{

	display: block;

	position:relative;

	padding-bottom: 20px;

}



#inner-wrapper .gal-project-info h2 {

	font-size: 20px;

	color:  #3399cd;

	padding-bottom:5px;

	margin-bottom: 0;

}



#inner-wrapper .gal-project-info h2 .small { font-size: 19px;font-style:italic;font-weight: normal; text-transform:none}

#inner-wrapper .gal-project-info h3 {

	font-size: 16px;

	color:  #3399cd;

	font-style:italic;

	font-weight: normal;

	padding-bottom: 10px;

}





.gal-divider {

  width: 900px;

  border-bottom: solid #333 1px;

  display:block;

  position:absolute;

  top: 250px;

  left: 24px;

}



.gal-tn { 

	width: 115px;

	height: 115px;

	margin-right: 5px;

	margin-bottom: 5px;

	box-sizing:border-box;

	overflow:hidden;

	display:inline-block;

	border: solid 4px #e6e7e8;

	z-index: 1;

}



.gal-tn.onecol { display:block;}







.gal-tn img {height:110px;}

.gal-tn.tall img  { width: 110px; 

}

.gal-tn  img.gal-before-tn { position: absolute; z-index: 10; width:55px; height: 55px;}



.gal-tn:hover { 

	border: solid 4px #3399cd;

}

.gal-tn.active{ 

	border: solid 4px #3399cd;

}



.gal-large-image .gal-before  { z-index:10; position:absolute; display:none; }

.gal-large-image .gal-before img {

	border: none;

	-moz-box-shadow: none;

	-webkit-box-shadow: none;

	box-shadow: none;



}

#outer_wrapper { position: relative;}

#fixed-on-top { position:fixed; top: 0;  width:1024px; z-index: 100; margin-left:auto; margin-right:auto}

#fixed-on-top .nav_curve { background-repeat: none; background-size:cover}

#inner-wrapper.fixed { position:absolute; top: 120px; }



.read-more { width: 85px;  height: 25px; line-height: 25px; padding: 0 3px 0 3px; background-color: #3399cd; border-radius: 4px; color: #ddd;

						font-size:14px; font-family:Arial, Helvetica, sans-serif; border: solid 1px #204c8e; margin: 15px auto 0 auto;}

.read-more:hover {color: #3399cd; }

.read-more a{ color: #ddd; text-decoration:none}

.read-more a:hover { color: #204c8e;}