/*
Theme Name: Tailwind Web
Theme URI: http://tailwindweb.com
Description: Theme for the website Tailwind Web<a href="http://tailwindweb.com/">Tailwind Web</a>.
Version: 1.0
Author: Peter Hsieh, Johnny Lin, Wen Zhou
Author URI: http://tailwindweb.com
Tags: tailwind

*/

/*CSS Reset*/

html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
 padding: 0;
 margin: 0;
 font-size: 100%;
 font-weight: normal;
}
table { border-collapse: collapse; border-spacing: 0; }
td, th, caption { font-weight: normal; text-align: left; }
img, fieldset { border: 0; }
ol { padding-left: 1.4em; list-style: decimal; }
ul { padding-left: 1.4em; list-style:square; }
q:before, q:after { content:''; }
a, img { outline: none;}

/*END CSS Reset*/

body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	min-width: 800px; /* To get rid of the browser background resizing issue*/
	background: #000;
}

#headerBackground
{
	background: url(images/header-bg.png) left top repeat-x;
}

#header
{
	width: 760px;
	height: 115px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

#header #logo a
{
	background: url(/wp-content/themes/tailwind/images/tailwindlogobig.png) no-repeat scroll 0 0 transparent;
	width: 400px;
	display: block;
	height: 100px;
	position: absolute;
	right: 0;
	bottom: 0;
	text-indent: -9000px;
	z-index: 0;
}

ul#nav
{
	vertical-align: bottom;
	padding: 0;
	padding-top: 94px;
	list-style-type: none;
	overflow: hidden;
}

ul#nav li
{
	float: left;
}

ul#nav a
{
	color: #FFF;
	font-family: "Arial Black", Arial, sans-serif;
	font-size: 19px;
	text-transform: uppercase;
	text-decoration: none;
	margin-right: 27px;
	font-style: normal;
	position: relative;
	z-index: 1;
}

/*Start of the Band Section*/

#bandBackground
{
background: #C4DCEC;
}

/*Start of the Band for the Front Page Only*/
#frontBandBackground
{
	background: #C4DCEC url(/wp-content/themes/tailwind/images/whitebg.png) repeat-x;
}

#frontBand, #band
{
	text-align: center;
	clear: both;
	width: 760px;
	margin: 0 auto;
	position: relative;
}

#frontBand img
{
padding-top: 10px;
padding-bottom: 10px;
}

#frontBand #talkToUs a
{
	background: url(/wp-content/themes/tailwind/images/talkbutton.png) no-repeat scroll 0 0 transparent;
	width: 102px;
	display: block;
	height: 43px;
	position: absolute;
	left: 163px;
	top: 160px;
	text-indent: -9000px;
	outline: none;
}

#frontBand #talkToUs .talkToUsClick
{
	background-position: 0 -43px;
}

#talkPopUp
{
	display: none;
	overflow: hidden;
	width: 250px;
	height: 250px;
	position: absolute;
	background: url(/wp-content/themes/tailwind/images/talktouspopup.png) no-repeat 0 0;
	top: 200px;
	left: 92px;
	z-index: 8;
}

#talkPopUp input.styled
{
	border: 1px solid transparent;
	margin-bottom: 11px;
	width: 180px;
}

#talkPopUp textarea.styled
{
	border: 1px solid transparent;
	width: 180px;
	height: 70px;
	margin-bottom: 4px;
}

#popUpForm input.styled:focus, #popUpForm textarea.styled:focus
{
	color: #000;
	border: 1px solid black;
}

#talkPopUp p, #talkPopUpOther p
{
	color: #FFF;
}

#talkPopUp .quick-send
{
	padding-left: 18px;
}

#popUpForm
{
	margin-top: 50px;
}

#popUpForm  input.styled, #popUpForm textarea.styled
{
	font-family: Arial;
	font-size: 12px;
	color: #777777;
}

#popUpForm  input.styled.formFocus, #popUpForm  textarea.styled.formFocus
{
	color: #000;
}

/*Start of the band for other pages*/

#band
{
	background: url(/wp-content/themes/tailwind/images/bandback.png) top left no-repeat;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

#bandText
{
	text-align: left;
	padding: 20px 0 30px 25px;
	width: 550px;
}

#bandTextContact 
{
	text-align: left;
	padding: 20px 0 30px 25px;
	width: 700px;
}

#bandText h2, #bandTextContact h2
{
	color: #4E6881;
	font-weight: bold;
	font-size: 24px;
	margin-bottom: 4px;
}

#bandText p, #bandTextContact p
{
	color: #4E6881;
	font-size: 14px;
}

#band #talkToUs a
{
background: url(/wp-content/themes/tailwind/images/talkbutton.png) no-repeat scroll 0 0 transparent;
width: 102px;
display: block;
height: 43px;
position: absolute;
right: 50px;
top: 40px;
text-indent: -9000px;
}

#band #talkToUs .talkToUsClick
{
background-position: 0 -43px;
}

#talkPopUpOther
{
display: none;
overflow: hidden;
width: 250px;
height: 250px;
position: absolute;
background: url(/wp-content/themes/tailwind/images/talktouspopup.png) no-repeat 0 0;
top: 78px;
right: -24px;
z-index: 1;
}

#talkPopUpOther input.styled
{
	border: 1px solid transparent;
	margin-bottom: 11px;
	width: 180px;
}

#talkPopUpOther textarea.styled
{
	border: 1px solid transparent;
	width: 180px;
	height: 70px;
	margin-bottom: 11px;
}

#talkPopUpOther input.styled:focus, #talkPopUpOther textarea.styled:focus
{
	border: 1px solid black;
}

#talkPopUpOther .quick-send
{
	padding-left: 18px;
}

#popUpForm
{
	margin-top: 50px;
}


/*Start of Content Section*/

#contentBackground
{
	background: #C4DCEC;
}

#content
{
	width: 760px;
	margin: 0 auto;
	color: #4E6881;
	padding-top: 25px;
	padding-bottom: 25px;
	overflow:hidden;
}

/* Front Page Content */
#communication, #customization, #dropLine
{
	width: 230px;
	overflow: hidden;
	padding-top: 220px;
	text-align: left;
	line-height: 1.4em;
	float: left;
}

#dropLine
{
padding-top: 0;
}

#dropLine img
{
	margin-top: 25px;
	margin-bottom: 5px;
}

#communication
{
	background: url(images/heretolisten.png) 0 0 no-repeat;
}


#customization
{
	background: url(images/anythingyouneed.png) 0 0 no-repeat;
}


img.separator
{
	float: left;
	margin: 0 17px;
	background: url(images/separator.png);
}

#frontSlideshow
{
	margin-top: 3px;
	margin-left: 10px;
	width: 212px;
	height: 162px;
	overflow: hidden;
	background: #FFF;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#frontSlideshow img
{
	margin-left: 12px;
	margin-top: 11px;
}

/* End Front Page Content */


/*ADD*/

textarea.styled{
width:150px;
height: 50px;
background-color:white;
border: 1px solid #C4DCEC;
}

textarea.styled:focus{
width:150px;
height: 50px;
background-color:#ecefff;
border: 1px solid black;
}

textarea.styled:hover{
background-color:#ecefff;
}

input.styled{
width: 150px;
margin-bottom:10px;
background-color:white;
border: 1px solid #C4DCEC;
}

input.styled:focus{
width: 150px;
margin-bottom:10px;
background-color:#ecefff;
border: 1px solid black;
}

input.styled:hover{
background-color:#ecefff;
}

#dropLine .contact-label{
float:left;
width:66px;
text-align:right;
clear:left;
padding-right:6px;
font-weight:bold;
}

.required {
color: red;
font-weight:bold;
}

.contact-send{
float:right;
width:60px;
padding-top:10px;
padding-right:4px;
}

#quote-form, #contact-form{
width: 360px;
float:left;
padding:0 40px 0 22px;
/*background-color: #b9d0df;*/
}

#contact-side{
float:left;
width: 240px;
padding: 0 23px 0 40px;
}

#contact-links{
	margin: 0;
	padding: 0;
	list-style: none;
}

#contact-links a{
	font-weight: bold;
	color: #4E6881;
	text-decoration: none;
	display:block;
	padding: 3px 2px 3px 10px;
}

#contact-links li{
	padding-top: 4px;
}

/*put these in style sheets on the page*/
.selected-tab a{
	color: white;
	background-color: black;
}

#quote-tab a{
	/*color: #4E6881;*/
	/*background-color: #C4DCEC;*/
}

#contact-tab a:hover{
	background-color: black;
}

#quote-tab a:hover{
	color: white;
	background-color: black;
}
/*end put these in page style sheets*/

#contact-info{
	margin-top: 40px;
	background: #FFF;
	padding: 10px 14px 12px 14px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 7px solid #E2ECF2;
	color: #000;
	overflow: hidden;
	zoom: 1;
}

#contact-info h2
{
	border-bottom: 1px solid #B8B8B8;
	margin-bottom: 10px;
}

#contact-info .contact-info-header{
	font-size: 20px;
	font-weight: bold;
	font-variant: small-caps;
}

#contact-info .phone{
	font-family:Arial,Helvetica,sans-serif;
}

#contact-info .email a{
	font-family:Arial,Helvetica,sans-serif;
	text-decoration: none;
	color: #4E6881;
}

#quote-form .contact-label, #contact-form .contact-label{
	width:66px;
	text-align:right;
	padding-right:6px;
	font-weight:bold;
}

#quote-form input.styled, #contact-form input.styled{
	margin-bottom: 10px;
	width: 308px;
}

#quote-form textarea.styled, #contact-form textarea.styled{
	width: 310px;
	height:170px;
}

#quote-form input#submit, #contact-form input#submit{
	margin-top: 10px;
	margin-left: 260px;
	width: 54px;
}

#quote-form input.styled, #contact-form input.styled{
background-color:white;
border: 1px solid #C4DCEC;
}

#quote-form input.styled:focus, #contact-form input.styled:focus{
background-color:#ecefff;
border: 1px solid black;
}

#quote-form textarea.styled, #contact-form textarea.styled{
background-color:white;
border: 1px solid #C4DCEC;
}

#quote-form textarea.styled:focus, #contact-form textarea.styled:focus{
background-color:#ecefff;
border: 1px solid black;
}

#quote-form textarea.styled:hover, #contact-form textarea.styled:hover{
background-color:#ecefff;
}

#quote-form input.styled:hover, #contact-form input.styled:hover{
background-color:#ecefff;
}

/*temp..delete*/
.wpcf7-form{

}
.wpcf7-checkbox label{
	display:block;
}
/*end temp...delete*/

#quote-form h2, #contact-form h2{
	color: black;
	font-size:15px;
	padding:30px 14px 14px 0;
	font-weight: bold;
}

#quote-form.header-description, #contact-form .header-description{
	font-style: italic;
}

#quote-form h2#first, #contact-form h2#first{
	padding-top:0;
}

#quote-form.wpcf7-checkbox *, #contact-form .wpcf7-checkbox *{
	vertical-align:middle;
}

#quote-form.contact-send, #contact-form .contact-send{
	margin-right:38px;
}

.wpcf7-response-output{
	width: 274px;
}

.wpcf7-not-valid-tip{
	margin-left: -36px;
	margin-top: -10px;
}

#dropLine .wpcf7-response-output{
	width: 180px;
	margin-top: 60px;
}

/* Start Footer */

#footerBackground {
    background: url(images/footer-bg.png) repeat-x;
    border-top: 6px solid #888888;
}

#footer {

    width: 760px;
    margin: 0 auto;
	text-align: center;
	color: white;    
}

.site-map {
	margin: 0;
	padding: 0;	
	padding-top: 10px;
	padding-left: 158px;
	padding-right: 158px;
	list-style:none;
}

.site-map a {
	color: White;
	text-decoration: none;
}

.site-map a:hover {
	color: #C4DCEC;
	text-decoration: underline;

}

.site-map li {
	display: inline;
	padding: 0 40px 0 0;
}

.site-map li.last {
	display: inline;
	padding: 0 0 0 0;
}

#contact-number{
	width: 230px;
	margin: 20px 20px 0px 0px;
	float: left;
}
#contact-email{
	width: 230px;
	margin: 30px 10px 0px 10px;
	float: left;
}

#contact-number .phone{
	font-weight: bold;
	font-family:Arial,Helvetica,sans-serif;
	font-size: 30px;
	color:#FFF;
}

#contact-email .email a{
	font-weight: bold;
	font-family:Arial,Helvetica,sans-serif;
	font-size: 14px;
	color:#C4DCEC;
	text-decoration: none;
}

#contact-email .email a:hover{
	font-weight: bold;
	font-family:Arial,Helvetica,sans-serif;
	font-size: 14px;
	color:#C4DCEC;
	text-decoration: underline;
}

#faq-image {
	width: 230px;
	margin: 0px -46px 0px 46px;
	float: left;
	overflow:hidden;
	margin-bottom: 16px; /*places copyright closer to the bottom*/
}

.copyright {
	font-size: 10px;
}

/* End Footer */

/* Start Work Content (Portfolio) */

.portfolioItem
{
padding: 18px 25px 22px 25px;
background: #FFF;
width: 710px;
-moz-border-radius: 10px;
border-radius: 10px;
overflow: hidden;
color: #000;
margin-bottom: 20px;
font-size: 14px;
position: relative;
}

.portfolioText
{
width: 380px;
height: 250px;
float: left;

}

.portfolioText h2
{
font-size: 24px;
font-weight: bold;
color: #648499;
padding-bottom: 4px;
border-bottom: 1px solid #D5DDE2;
margin-bottom: 15px;
}

.portfolioDescription
{
margin-bottom: 16px;
}

p.portfolioDescription
{
line-height: 1.4em;
color: #000;
}

.portfolioLink
{
margin-bottom: 20px;
}

p.portfolioLink
{
font-weight: bold;
}

.portfolioLink a
{
color: #4489B8;
}

.portfolioFeatures
{
	font-style: italic;
	position: absolute;
	top: 298px;
	left: 25px;
}

.portfolioImage
{

float: right;
margin-top: 5px;
padding: 8px;
padding-bottom: 40px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: #C3DAE9;
}

.portfolioImage img
{
	width: 260px;
}




.technologies{
	clear:both;
	padding-top: 18px;
}

#inheritance-portfolio {
	width:260px;
	height: 260px;
}

#inheritance-portfolio img{
	width: 260px;
	height: 260px;
}

.more
{
	position: absolute;
	top: 315px;
	left: 25px;
}

/* End Work (Portfolio) Content */

/* Services */
#services
{
	margin-top: -20px;
}

/*End Services*/

/* Start About Content */
.person
{

width: 240px;
float: left;
margin-right: 20px;
padding-bottom: 50px;
position: relative;
}


.person img
{
width: 225px;
border: 7px solid #FFF;
-moz-border-radius: 5px;
border-radius: 5px;
margin-bottom: 10px;
}

.person h2
{
text-align: center;
font-size: 24px;
font-weight: bold;
padding-bottom: 4px;
border-bottom: 1px solid #B5CEDC;
margin-bottom: 14px;
}

.person p
{
font-size: 14px;
}

.personEmail
{
font-size: 14px;
display: block;
margin-top: 10px;
font-weight: bold;
color: #000;
position: absolute;
top: 420px;
}

.personEmail a
{
color: #4489B8;
}

.wen
{
margin-right: 0px;
}

/* End About Content */

/* Hides the quote form on the contact page */
.contact-page #quote-form {
	display: none;
}

/* Hides the contact form on the quote page */
.quote-page #contact-form {
	display: none;
}