/*
Theme Name: CVD
Description: This is a custom theme modified from the Starkers Theme by Elliot Jay Stocks.
Author: Creative Visual Design
Author URI: http://www.creativevisualdesign.com
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";


/* REUSABLE CLASSES BEGIN */

p {
	color:#000;
	font-size:1.2em;
	line-height:1.7em;
	margin-bottom:20px;
}

	
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 15px;
}

.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 15px;
}

.img-fltlft {
	float: left;
	margin-right: 20px;
}

.img-fltrt {
	float: right;
	margin-left: 20px;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

h1 {
	color:#D56A68; 
	font-size:2.2em; 
	font-weight:bold; 
	padding-bottom:20px;
}
  
h2 {
	color:#000;
	font-size:1.8em; 
	font-weight:bold; 
	padding-bottom:15px;
}  

h3 {
	color:#000;
	font-size:1.5em; 
	font-weight:bold; 
	padding-bottom:10px;
}
  
h4 {
	font-size:1.2em; 
	font-weight:bold; 
	padding-bottom:10px;
}  

a, input, select { outline:none; }

.button {
	border: 1px solid #000;
	background: #A03521;
	padding: 3px 8px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #fff;
	font-weight:bold;
	width:100px;
}

.button:hover { background: #000; color: white; }

a { color:#5866A3; }
a:hover, a:active { text-decoration:none; }

/*input, textarea { padding: 5px; width: 300px; }*/

img.center { margin:0 auto; text-align:center; }
img.bio { float:left; margin:0 20px 10px 0; }
img.border { border:1px solid #000C1A; margin-bottom:10px; padding:2px; }

/* REUSABLE CLASSES END */


/*
	STRUCTURE BEGIN
*/

html { overflow-y: scroll; }
html, body { height: 100% }

body {
	background:#9BA3C8;
	color: #000;
	font: 62.5% Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}

#container {
	height: auto !important;
	height: 100%;
	margin: 0 auto -100px; /* this negative bottom margin should equal the height set in the .footer .push class */
	min-height: 100%;
	text-align: left;
	width: 1000px;
}

#header {
	background: transparent url(images/bg-header.jpg) no-repeat ;
	height:300px;
	width:1000px;	
}

	#header #logo { margin:35px 200px 0 435px; }
	#header #logo-print { display: none; }


/*
	NAV BEGIN
*/

#nav { 
	background:url(images/navigation.png);
	height:75px;
	position:relative;
	width:1000px;
}

#nav li {
	display:block;
	text-align:center;
}

#nav li.last { border-right:none; }

#nav li a {
	background:url(images/navigation.png);
	display:block; 
	height:75px;
	overflow:hidden;
	position:absolute;
	text-indent:-9999px;
}

#nav li a:hover {
	color:#D56A68;
}

li#nav-about a
	{
	background-position:-450px 0px;
	left:450px;
	width:136px;
	}	

li#nav-services a
	{
	background-position:-586px 0px;
	left:586px;
	width:128px;
	}	

li#nav-joint-venture a
	{
	background-position:-714px 0px;
	left:714px;
	width:160px;
	}	

li#nav-contact a
	{
	background-position:-874px 0px;
	left:874px;
	width:126px;
	}	

li#nav-about a:hover
	{
	background-position:-450px -75px;
	left:450px;
	width:136px;
	}	

li#nav-services a:hover
	{
	background-position:-586px -75px;
	left:586px;
	width:128px;
	}	

li#nav-joint-venture a:hover
	{
	background-position:-714px -75px;
	left:714px;
	width:160px;
	}	

li#nav-contact a:hover
	{
	background-position:-874px -75px;
	left:874px;
	width:126px;
	}	

li#nav-about a:active
	{
	background-position:-450px -150px;
	left:450px;
	width:136px;
	}	

li#nav-services a:active
	{
	background-position:-586px -150px;
	left:586px;
	width:128px;
	}	

li#nav-joint-venture a:active
	{
	background-position:-714px -150px;
	left:714px;
	width:160px;
	}	

li#nav-contact a:active
	{
	background-position:-874px -150px;
	left:874px;
	width:126px;
	}	

/*
	NAV END
*/


#teaser {
	background:#5967A4;	
	overflow:hidden;
	padding:0 15px 15px 15px;
}

.teaser-title {
	color:#fff; 
	font-size:1.8em; 
	font-weight:bold; 
	padding-bottom:15px;
	text-align:center;
}
	
#teaser-left {
	float:left;
	width:300px;
}

#teaser-middle {
	float:left;
	padding:0 35px;
	width:300px;
}

#teaser-right {
	float:left;
	width:300px;
}

#teaser-left p, #teaser-middle p, #teaser-right p {color:#94dfff;}

#breadcrumb-container {
	background:#000C1A;
	overflow: auto;
}

#breadcrumb { 
	color: #fff;
	float: left;
	padding: 10px 0 0 10px;
	width: 500px;
}

.search-box {
	float: right;	
	padding: 5px;
}

.search-box .screen-reader-text { color: #fff; }

#sidebar {
	background: url(images/bg-sidebar.jpg) repeat-y #fff;
	float:left;
	padding:15px 15px 0 15px;
	width:250px;
}

#sidebar ul { 
	margin: 0 0 25px 0;
}

#sidebar li { 
	list-style-type: none; 
	margin: 0 0 15px 10px; 
}

.widget a {
}

#pages-5 h2 { display: none; }

.current_page_item {
	font-weight: bold;	
}

#main-content-2col ul, #main-content-full ul { margin:0 0 20px 0; }
#main-content-2col ul li, #main-content-full ul li { list-style-type:disc; margin: 0 0 10px 25px; }

#main-content-2col {
	background:#fff;
	border-right:1px solid #000;
	float:left;
	overflow:hidden;
	padding:15px 15px 0 15px;
	width:689px;
}

#main-content-full {	
	background:#fff; 
	overflow:hidden;
	padding:15px;
	width:970px;
}

	
	#main-content-full .logout a { color:red; float:right; }




/* CONTACT FORM BEGIN */

/*input, textarea { background:#E7F3E2; border:5px solid #000C1A; padding:10px; width:350px; }
select, .submit { background:#E7F3E2; border:5px solid #999; padding:10px; width:380px; }
.submit:hover { border:5px solid #94dfff; }
input:focus, textarea:focus, select:focus { background:#fff; outline:none; }
/*

/* Testimonials
------------------------------------------------------------ */

.wpcf7 {margin:60px 0 !important;}

.wpcf7-form input, .wpcf7-form textarea {
	font-size:14px;
	font-weight:bold;
	padding:10px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-color:#F2F2F2;
	border: 1px solid #81724B;
	color:#3E2F15;
}
.wpcf7-form input{
	width:320px;
}
.wpcf7-form textarea {
	width:520px;
}
.wpcf7-form input:focus, .wpcf7-form textarea:focus {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #B8AE8B;
}

.quiz-972{
	clear:both;
	display:block;
	height:44px;
}

.wpcf7-form .wpcf7-quiz{
	float:left;
	clear:right;
	display:block;
	width:125px !important;
	margin-right:250px;
}

.wpcf7-form .wpcf7-quiz-label {
	padding:10px 15px 0 0;
	float:left;
	clear:left;
}

.wpcf7-form .wpcf7-submit {
	width: 210px;
	clear:both;
	background-color: #5967A4;
	color:#fff;
	font-weight:bold;
	font-size:14px;
	
}
.wpcf7-form .wpcf7-submit:hover {
	background-color:#000C1A;
	-webkit-box-shadow: 0px 0px 2px 1px #81724B;
	-moz-box-shadow:   0px 0px 2px 1px #81724B;
	box-shadow:  0px 0px 2px 1px #81724B;
}

/* form errors */
.wpcf7-form span.wpcf7-not-valid-tip {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    clear: both;
    color: #FF0000;
    display: block;
    font-size: 10pt;
    font-weight: bold;
    left: 6px;
    margin: 0;
    padding: 6px;
    position: absolute;
    text-align: left;
    top: -8px;
}

.wpcf7-form .your-message span.wpcf7-not-valid-tip { top: -15px; }

.wpcf7-form .quiz-972 span.wpcf7-not-valid-tip {
	left:220px;
	top:3px;
}

/* 
	CONTACT FORM END 
*/
	
	
/* 
	MAP BEGIN 
*/
iframe {
	margin: 0 0 -15px;
	border:5px solid #000C1A;
	border-radius: 5px;
}

.entry small {
	font-size: 16px;
	background: #5967A4;
	padding: 10px;
	margin: 0 404px;
	border:5px solid #000C1A;
	border-radius: 5px;
}

.entry small:hover { background: #000C1A; }
.entry small a { 	color: #fff !important; }

/* 
	MAP FORM END 
*/



/* 
	FOOTER BEGIN 
*/

#footer {
	background:#000C1A;
	border-top:1px solid #E7F3E2;
	height:79px;
	overflow:hidden;
	padding:10px;
	text-align:center;	
}

#footer p {
	color:#fff; 
	font-size:.9em; 
	text-align:center;
}

#footer-nav {
	clear:both;
	float:left;
	overflow:hidden;
	width:100%;
}


#footer-nav ul {
	float:left;
	left:50%;
	margin:0 auto 10px;
	padding:0;
	position:relative;
}

#footer-nav ul li {
	float:left;
	padding:0 7px;
	position:relative;
	right:100%;
	}

#footer-nav ul li.last {
	border-right:none;
}

#footer-nav ul li a {
	color:#94dfff;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
}

#footer-nav ul li a:hover {
	color:#F2C35C;
}

/* hidden wp login link */
#footer a.wp-login  { text-decoration:none; cursor:default; }
#footer a.wp-login:hover { color:#fff; }

/* styles footer links */
#footer a { color:#E9E9E9; text-decoration:underline; }
#footer a:hover { color:#D56A68; }

/* used to display any logos */
#footer ul#footer-logos li { 
	display: inline; 
	float: left; 
	margin: 0 10px;
}

#footer ul#footer-address li {
	float: right;
}
	
/* stick footer to the bottom of the screen */
.footer, .push {
	height: 100px; /* make the height equal to the total height of your footer including border, margin and padding */
}

/* 
	FOOTER BEGIN 
*/



/* 
	COMMENTS BEGIN 
*/

/* styles for the comments section of a post */
#respond { margin-top:25px; }

#comments { margin-top:25px; }
.comment-body { min-height:100px; color:#000; }

/* makes the font size the same as the p tag and give some padding around the commentors name and date posted */
.comment-author, .comment-meta, .comment-prev-next { font-size: 1.2em; padding:5px; }

h3.comment-author { padding:0 0 5px 0; }

img.avatar {
	/*-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;*/
	border:1px solid #000C1A; 
	float:left;
	margin:0 20px 0 10px; 
	padding:2px;		
}

ol.comment_list h4 {
	margin:0 0 20px;
}

li.comment { 
	margin-bottom:15px;
	padding:10px;
}

li.even {
	background:#9BA3C8; 
	border:1px solid #000C1A; 
}

li.odd {
    background:#9BA3C8;
	border:1px solid #000C1A;
}

li.bypostauthor {
    background:#F2C35C;
	border:1px solid #000C1A;
}

form#commentform { margin:20px 0; }
form#commentform p { padding:0; }
form#commentform div { margin:20px 0; }
form#commentform div h3 { margin:0 0 0 165px; }
form#commentform div input { width:620px; margin:0 0 0 165px; border:none; }
form#commentform input#submit { background:#9BA3C8; border:1px solid #000C1A; color:#fff; cursor:pointer; margin-top:10px; padding:10px; width:200px } /* Putting those background / border roles back in */
form#commentform input#submit:active { background:#F2C35C; border:1px solid #000C1A; } /* Putting those background / border roles back in */
form#commentform input#submit:hover { background:#F2C35C; border:1px solid #000C1A; } /* Putting those background / border roles back in */
form#commentform textarea { border:none; width:666px; height:200px; background:#9BA3C8; border:1px solid #000C1A; margin-bottom:10px; padding:10px; }
form#commentform textarea:focus { background:#fff; }
/* 
	COMMENTS END 
*/


#pwbox-23 { margin: 10px 0; padding: 5px }