/*
Theme Name: Southern Planning Group
*/

@charset "utf-8";
/* CSS Document */

html { -webkit-text-size-adjust:none; }

*{
	margin:0px;
	padding:0px;
}

body{
	width:100%;
	margin:0px;
	padding:0px;
	min-width:975px;
	background:url("images/main-background.jpg");
	background-repeat:no-repeat;
	/*background-position:254px 0px;*/
	font-family: "museo-sans";
	background-attachment: fixed;
	-webkit-background-size: cover;
 	-moz-background-size: cover;
 	-o-background-size: cover;
	background-size: cover;
	font-weight:300;
	/*background-color:#828186;*/
	height:100%;
}

.page-template-profile-template-php, .page-template-professionals-template-php {
	background: rgba(0, 0, 0, 0) url("images/backgrounds/Cromwell_Background.jpg") no-repeat fixed 0 0 / cover;
}

.page-template-services-template-php, .page-template-contact-template-php {
	background: rgba(0, 0, 0, 0) url("images/backgrounds/Wanaka_Background.jpg") no-repeat fixed 0 0 / cover;
}

html{
	height:100%;
}

h1, h2, h3, h4{
	font-weight:700;
	margin:0px;
	padding:0px;
}

iframe{
	border:0px;
}

form{
	margin:0px;
	padding:0px;
}

.alignleft {
	float: left;
	margin: 0px 12px 0px 0px;
	margin-top:5px;
}

.alignright {
	float: right;
	margin: 0px 0px 0px 12px;
	margin-top:5px;
}

.alignnone{
	float:none;
	margin-top:5px;
	margin-bottom:5px;
}

.aligncenter{
	display:block;
	margin:auto;
}

.wp-caption-text{
	background: none repeat scroll 0% 0% #009EE1;
	text-align: center;
	padding: 4px 0px 5px;
	border: 1px solid #009EE1;
	color:#fff;
}

img{
	border:none;
	margin:0px;
	padding:0px;
}

.clear{
	clear:both;
}

a{
	text-decoration:none;
	color:#009EE1;
}

header, footer, figure, aside, nav, hgroup, article, section, summary{
	display:block;
}

::-moz-selection {
	background-color:#7FC7FF;
	color: #fff;
}

::selection {
	background-color:#7FC7FF;
	color: #fff;
}

.body-align{
	width:960px;
}

.center{	
	text-align:center;
}

.vertical-align{
	vertical-align:middle;
}

.underline{
	text-decoration:underline;
}

#left-sidebar{
	float:left;
	width:252px;
	position: fixed;
	height:100%;
}

#content-area{
	float:left;
	width:706px;
	margin-left: 252px;
	border-left:2px solid #fff;
}

.scroll-pane {
	height: auto !important;
}

.working-area{
	width:706px;
}

#logo{
	width:240px;
	height:157px;
	padding-top:67px;
	padding-left:12px;
	background-color:#fff;
	/*border-right:2px solid #fff;*/
}

#vertical-menu{
	width:252px;
	height:240px;
	background-color:#00a0de;
	padding-top:29px;
	/*border-right:2px solid #fff;*/
}

ul.vertical-menu{
	margin:0px; 
	padding:0px;
	list-style-type:none;
}

ul.vertical-menu li{
	display:block;
	margin-bottom:8px;
	
}

ul.vertical-menu li a{
	color: #ffffff; 
	font-size: 20px;  
	text-decoration: none; 
	text-transform:uppercase;
/*	border-left:3px solid #fff;*/
	 background: url('images/border-left.png') no-repeat center left;
	padding-left:6px;
	margin-left:16px;
	font-weight:300;
}

ul.vertical-menu li a:hover{
	/*border-left:19px solid #fff;*/
	margin-left:0px;
	padding-left:22px;
	font-weight:700;
	background: url('images/border-left-bold.png') no-repeat center left;
	
}

ul.vertical-menu li.current-menu-item a{
	/*border-left:19px solid #fff;*/
	margin-left:0px;
	padding-left:22px;
	font-weight:700;
	background: url('images/border-left-bold.png') no-repeat center left;
}

#contact-information p{
	font-size:16px;
	line-height:1.3;
	color: #ffffff;
	margin:0px;
	margin-bottom: 10px;
	font-weight:300; 
}

#contact-information h2{
	font-size:21px;
	line-height:1.3;
	color: #ffffff;
	margin-bottom:18px;
	font-weight:700; 
}

#contact-information strong{
	font-weight:700; 
}

#build-by{
	font-size:12px;
	margin-top:20px;
	color: #ffffff;
	font-weight:300;
}

#build-by a{
 	color: #ffffff;
}

#home{
	border-bottom:2px solid #fff;
}

#home-left{
	float:left;
	width:351px;
	border-right:2px solid #fff;
}

#home-right{
	float:left;
	width:351px;
	border-right:2px solid #fff;
}

.full-size-empty-box{
	width:351px;
	height:442px;
	border-bottom:2px solid #fff;
}

.full-size-empty-box-bottom{
	width:351px;
	height:112px;
}

.full-size-empty-box-top{
	width:351px;
	height:222px;
	border-bottom:2px solid #fff;
}

#home-content-box{
	width:351px;
	height:442px;
	border-bottom:2px solid #fff;
	background-color:#828186;
}

#home-content{
	padding-top:60px;
	padding-left:20px;
	padding-right:15px;
}

#home-content h1{
	font-size:31px;
	font-weight:700;
	color:#fff;
	text-transform:uppercase;
}

#home-content p{
	padding-top:60px;
	font-size:18px;
	font-weight:700;
	color:#fff;
}

.full-size-empty-box-bottom-2{
	width:351px;
	height:332px;	
}

#page{
	padding-top:73px;
	width:666px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom: 30px;
}

#page h2{
	font-weight:700;
	color:#00a0de;
	font-size:18px;
	margin-bottom:20px;
}

#page p{
	padding-bottom:27px;
	color:#000;
	font-size:14px;
	font-weight:300;
	
}

#page strong{
	color:#000;
	margin-bottom:20px;
	font-size:14px;
	font-weight:700;
}

#page ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
}

#page ul li{
	color:#000;
	font-size:14px;
	list-style-position:inside;
	list-style-image:url("images/list-style.png");
	line-height:1.3;
	font-weight:300;
}

#page ul li a{
	color:#00a0de;
}

#map{
	margin-bottom:30px;
}

#contact-information a {
	color: #e1e1e1;
}

.service-box{
	border:1px solid #00a0de;
	padding-left:10px;
	padding-right:10px;
	margin-bottom:10px;
	
}

.service-title{
	font-size:14px;
	font-weight:700;
	color:#00a0de;
	padding-top:10px;
	padding-bottom:10px;
}

.service-details ul{
	margin-bottom:10px !important;
}

.service-details{
}

.service-details p{
	padding-bottom:20px !important;
}

.title-left{
	float:left;
	padding-top:3px;
}

.title-right{
	float:right;
	font-size:18px;
	/*padding-bottom:5px;*/
}

.member{
	margin-bottom:10px;
}

.member-image{
	float:left;
	width:140px;
	margin-right:20px;
	margin-top:5px;
}

.member-detail{
	float:left;
	width:506px;
}

.member-name h2{
	margin-bottom:10px !important;
}

.member-details p{
	padding-bottom:10px !important;
}

.work-examples-box{
	border:1px solid #00a0de;
	padding-left:10px;
	padding-right:10px;
	margin-bottom:30px;	
}

.work-examples-title{
	font-size:14px;
	font-weight:700;
	color:#00a0de;
	padding-top:10px;
	padding-bottom:10px;	
}

.work-examples-details ul{
	margin-bottom:10px !important;
}

.work-examples-details p{
	padding-bottom:20px !important;
}

#project-image{
	margin-bottom:30px;
	width:706px;
	height:445px;
}

#back-to-projects a{
	font-weight:700;
	color:#000;
	font-size:14px;
	margin-bottom:25px;
}

#gallery-images{
	margin-top:30px;
}

.gallery-thumbnail{
	width:352px;
	height:220px;
	float:left;
	margin-bottom:2px;
}

.gallery-thumbnail-2{
	width:352px;
	height:220px;
	float:right;
	margin-bottom:2px;
}

#projects-images{
	padding-bottom:2px;
}

.project-thumbnail{
	width:352px;
	height:220px;
	float:left;
	margin-bottom:2px;
}

.gray{
	width:352px;
	height:220px;
}

.project-title{
	font-size:26px;
	color:#ffffff;
	padding-top:90px;
	text-align:center;
	text-transform:uppercase;
	font-weight:700;
}

.gray:hover{
	display:block;
	background-image:url('images/title-background-2.png');
	background-repeat:repeat;
	/*background-color:#707780;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	-moz-opacity:0.60;
	-khtml-opacity: 0.60;
	opacity: 0.60;*/
}

.project-thumbnail-2{
	width:352px;
	height:220px;
	float:right;
	margin-bottom:2px;
}

/*.jspTrack{
	background: #d3dde9 !important;
	position: relative;
}

.jspDrag{
	background: #acb5c0 !important;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
	height:26px !important;
}*/



#page-background{
	background:url('images/transparent-background.png');
	background-repeat:repeat;
	min-height: 1002px;
	width:706px;
}
/*@media (min-width: 769px) and (max-width: 2000px) {
	#contact-information{
		position:absolute;
		height:100%;
	}
}*/

/*@media (min-width: 1px) and (max-width: 768px) {
	#contact-information{
		position: inherit !important;
		height: auto !important;
	}
}*/

.page-template-projects-template #content-area {
	border-top: 2px solid #FFF;
}
#mobile-sidebar {
	display: none;
}