/* ----------------- REDEFINES THE TAG SELECTORS ----------------- */

html, body, #wrap { height: 100%; }

html { background: url(../images/site_bg.jpg); }

body > #wrap { height: auto; min-height: 100%; }

body { margin: 0 auto; text-align: center; background: #086C9B url(../images/bg.jpg); font-size: 62.5%; }

p, h1, h2, h3, h4, h5, a, ul, li, ol, td { font-family: Arial, Verdana, Helvetica, sans-serif; text-align: left; color: #FFF; }

h1 { padding: 0 0 10px 0; margin: 0; height: 53px; width: 660px; }
h2 { color: #FFF; font-size: 30px; margin: 20px 10px 10px 0; padding: 0; border-bottom: 1px dotted #7AC0F1; }
h3 { width: 285px; }
body#frequently-asked-questions div#content h3 { color: #FFF; font-size: 1.9em; width: 660px; border-bottom: 1px dotted #7AC0F1; }
body#portfolio div#content h3 { color: #FFF; font-size: 1.55em; width: 200px; margin: 15px 0 0; padding: 0; }

body#welcome div#content h1 					{ background: url(../images/h1_welcome.jpg) no-repeat; }
body#about div#content h1 						{ background: url(../images/h1_about.jpg) no-repeat; }
body#services div#content h1					{ background: url(../images/h1_services.jpg) no-repeat; }
body#portfolio div#content h1 					{ background: url(../images/h1_portfolio.jpg) no-repeat; }
body#frequently-asked-questions div#content h1 	{ background: url(../images/h1_faq.jpg) no-repeat; }
body#contact div#content h1 					{ background: url(../images/h1_contact.jpg) no-repeat; }
body#foursquare div#content h1 					{ background: url(../images/h1_foursquare.jpg) no-repeat; }

body#welcome h1 span, 
body#about h1 span, 
body#portfolio h1 span, 
body#services h1 span, 
body#frequently-asked-questions h1 span, 
body#contact h1 span,
body#foursquare h1 span { display: none; }

h3#availability { background: url(../images/h3_availability.jpg) no-repeat; height: 27px; }
h3#testimonials { background: url(../images/h3_testimonials.jpg) no-repeat; height: 27px; }
h3#recentprojects { background: url(../images/h3_recentprojects.jpg) no-repeat; height: 27px; }
h3#newsletter { background: url(../images/h3_newsletter.jpg) no-repeat; height: 27px; }

div#content ul, div#content ol { font-size: 1.4em; line-height: 1.6em; }
div#content ul li { list-style-image: url(../images/bullet.gif); }
body#about div#content ol li { margin-bottom: 15px; }

/* ----------------- LINKS ----------------- */

a, a:link, a:hover, a:visited { outline: none; color: #FFF; }

/* ----------------- PAGE LAYOUT ELEMENTS ----------------- */

div#container { width: 960px; margin: 0 auto; }

div#header { 
	background: url(../images/company_name.png) 0 13px no-repeat; 
	float: right; 
	height: 111px; 
	width: 960px; 
	text-align: left;
 }
	div#header span.header { font-size: 2.4em; text-align: left; display: none; }
	div#header span.tagline { font-size: 1.8em; text-align: left; display: none; }

div#banner { text-align: center; }

div#content {
	width: 660px;
	float: left;
	clear: left;
	padding: 20px 0;
	text-align: left;
}

body#welcome div#content p a, body#about div#content p a { font-weight: bold; text-decoration: none; border-bottom: 1px dotted #CCC; }
	body#welcome div#content p a:hover, body#about div#content p a:hover { border-bottom: 1px solid #FFF; background: #0E6493; }

p { color: #FFF; font-size: 1.4em; line-height: 1.6em; display: block; margin-bottom: 15px; }

div#sidebar {
	float: right;
	clear: right;
	padding-top: 34px;
	text-align: center;
	width: 285px;
	position: relative;
	padding-bottom: 15px;
}

div#sidebar div.quote { width: 286px; margin: 0 auto 1px; text-align: left; }
	div#sidebar div.quote blockquote { 
		font-size: 1.0em; 
		margin: 0; 
		padding: 10px 15px 0; 
		background: url(../images/quote_top.jpg) no-repeat;
	 }
		div#sidebar div.quote blockquote p { background: none; color: #DDD; margin: 0; padding: 0; text-align: left; }
	div#sidebar div.quote p {
		background: url(../images/quote_bottom.jpg) no-repeat;
		color: #FFF;
		font-size: 1.2em;
		padding-top: 30px;
		text-align: right;
		margin-top: 0;
	}
		div#sidebar div.quote p strong { color: #FFF; display: block; }

div#main { padding-bottom: 50px; }  /* must be same height as the footer */

div#footer { position: relative; margin-top: -50px; height: 50px; clear: both; background: url(../images/footer_bg.jpg); } 
div#footer-wrap { width: 960px; text-align: left; margin: 0 auto; color: #CCC; padding-top: 15px; position: relative; }
	div#footer-wrap a {
		font: 1.3em Helvetica, Arial, sans-serif;
		color: #CCC;
		margin-right: 10px;
		margin-left: 10px;
		text-decoration: none;
		}
	div#footer-wrap a.first { margin-left: 0; }
		div#footer-wrap a:hover { text-decoration: underline; }

/* CLEAR FIX*/
.clearfix:after { content: "."; display: block;	height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

div#copyright {
	text-align: right;
	background: url(../images/copyright.jpg) no-repeat;
	height: 20px;
	width: 428px;
	position: absolute;
	top: 15px;
	right: 0;
	}
	div#copyright span { display: none; }

body#frequently-asked-questions p.top, body#portfolio p.top { background: #FFF; padding: 5px; }
body#frequently-asked-questions p.top a, body#portfolio p.top a { color: #096E9C; font-weight: bold; text-decoration: none; }

div.card { height: 300px; width: 200px; float: left; display: inline; }
	div.card p { font-size: 1.2em; }
div.first, div.middle { margin-right: 25px; }
div.last { }

div.list { float: left; display: inline; }
	div.one { margin-right: 15px; }
	div.two { }
		div.list ul li a { font-weight: bold; }

/* ----------------- NAVIGATION ----------------- */

div#navcontainer { float: right; clear: both; height: 70px; width: 456px; position: relative; }

ul#navlist { margin: 0; padding: 0; position: absolute; top: 25px; list-style-type: none; overflow: hidden; }

body#welcome ul#navlist,  
body#about ul#navlist, 
body#services ul#navlist, 
body#portfolio ul#navlist, 
body#frequently-asked-questions ul#navlist, 
body#contact ul#navlist { background: transparent url(../images/nav.png) no-repeat 0 0; }

ul#navlist li { display: inline; float: left; padding: 0; list-style: none; }

ul#navlist li a {
		text-indent: -9999px;
		display: block;
		padding: 5px;
		width: 65px;
		overflow: hidden;
		height: 0px !important; 
		padding: 33px 0 0 0;
		height /**/:33px; /* IE5/Win */
		background: transparent url(../images/nav.png) no-repeat;
}

body#welcome li#wel a 			{ background-position: 0 0; width: 65px; left: 0; }
body#welcome li#wel a:hover, 
body#welcome li#wel a.current	{ background-position: 0 -36px; }
body#welcome li#abt a 			{ background-position: -65px 0; width: 70px; left: 65px; }
body#welcome li#abt a:hover		{ background-position: -65px -36px; }
body#welcome li#srv a 			{ background-position: -135px 0; width: 95px; left: 135px; }
body#welcome li#srv a:hover		{ background-position: -135px -36px; }
body#welcome li#prt a 			{ background-position: -230px 0; width: 95px; left: 230px; }
body#welcome li#prt a:hover		{ background-position: -230px -36px; }
body#welcome li#faq a 			{ background-position: -325px 0; width: 50px; left: 325px; }
body#welcome li#faq a:hover		{ background-position: -325px -36px; }
body#welcome li#ctc a 			{ background-position: -375px 0; width: 81px; left: 375px; }
body#welcome li#ctc a:hover		{ background-position: -375px -36px; }

body#about li#wel a 			{ background-position: 0 0; width: 65px; left: 0; }
body#about li#wel a:hover		{ background-position: 0 -36px; }
body#about li#abt a 			{ background-position: -65px 0; width: 70px; left: 65px; }
body#about li#abt a:hover, 
body#about li#abt a.current		{ background-position: -65px -36px; }
body#about li#srv a 			{ background-position: -135px 0; width: 95px; left: 135px; }
body#about li#srv a:hover		{ background-position: -135px -36px; }
body#about li#prt a 			{ background-position: -230px 0; width: 95px; left: 230px; }
body#about li#prt a:hover		{ background-position: -230px -36px; }
body#about li#faq a 			{ background-position: -325px 0; width: 50px; left: 325px; }
body#about li#faq a:hover		{ background-position: -325px -36px; }
body#about li#ctc a 			{ background-position: -375px 0; width: 81px; left: 375px; }
body#about li#ctc a:hover		{ background-position: -375px -36px; }

body#services li#wel a 			{ background-position: 0 0; width: 65px; left: 0; }
body#services li#wel a:hover	{ background-position: 0 -36px; }
body#services li#abt a 			{ background-position: -65px 0; width: 70px; left: 65px; }
body#services li#abt a:hover	{ background-position: -65px -36px; }
body#services li#srv a 			{ background-position: -135px 0; width: 95px; left: 135px; }
body#services li#srv a:hover, 
body#services li#srv a.current	{ background-position: -135px -36px; }
body#services li#prt a 			{ background-position: -230px 0; width: 95px; left: 230px; }
body#services li#prt a:hover	{ background-position: -230px -36px; }
body#services li#faq a 			{ background-position: -325px 0; width: 50px; left: 325px; }
body#services li#faq a:hover	{ background-position: -325px -36px; }
body#services li#ctc a 			{ background-position: -375px 0; width: 81px; left: 375px; }
body#services li#ctc a:hover	{ background-position: -375px -36px; }

body#portfolio li#wel a 			{ background-position: 0 0; width: 65px; left: 0; }
body#portfolio li#wel a:hover		{ background-position: 0 -36px; }
body#portfolio li#abt a 			{ background-position: -65px 0; width: 70px; left: 65px; }
body#portfolio li#abt a:hover		{ background-position: -65px -36px; }
body#portfolio li#srv a 			{ background-position: -135px 0; width: 95px; left: 135px; }
body#portfolio li#srv a:hover		{ background-position: -135px -36px; }
body#portfolio li#prt a 			{ background-position: -230px 0; width: 95px; left: 230px; }
body#portfolio li#prt a:hover, 
body#portfolio li#prt a.current		{ background-position: -230px -36px; }
body#portfolio li#faq a 			{ background-position: -325px 0; width: 50px; left: 325px; }
body#portfolio li#faq a:hover		{ background-position: -325px -36px; }
body#portfolio li#ctc a 			{ background-position: -375px 0; width: 81px; left: 375px; }
body#portfolio li#ctc a:hover		{ background-position: -375px -36px; }

body#frequently-asked-questions li#wel a 			{ background-position: 0 0; width: 65px; left: 0; }
body#frequently-asked-questions li#wel a:hover		{ background-position: 0 -36px; }
body#frequently-asked-questions li#abt a 			{ background-position: -65px 0; width: 70px; left: 65px; }
body#frequently-asked-questions li#abt a:hover		{ background-position: -65px -36px; }
body#frequently-asked-questions li#srv a 			{ background-position: -135px 0; width: 95px; left: 135px; }
body#frequently-asked-questions li#srv a:hover		{ background-position: -135px -36px; }
body#frequently-asked-questions li#prt a 			{ background-position: -230px 0; width: 95px; left: 230px; }
body#frequently-asked-questions li#prt a:hover		{ background-position: -230px -36px; }
body#frequently-asked-questions li#faq a 			{ background-position: -325px 0; width: 50px; left: 325px; }
body#frequently-asked-questions li#faq a:hover, 
body#frequently-asked-questions li#faq a.current	{ background-position: -325px -36px; }
body#frequently-asked-questions li#ctc a 			{ background-position: -375px 0; width: 81px; left: 375px; }
body#frequently-asked-questions li#ctc a:hover		{ background-position: -375px -36px; }

body#contact li#wel a 			{ background-position: 0 0; width: 65px; left: 0; }
body#contact li#wel a:hover		{ background-position: 0 -36px; }
body#contact li#abt a 			{ background-position: -65px 0; width: 70px; left: 65px; }
body#contact li#abt a:hover		{ background-position: -65px -36px; }
body#contact li#srv a 			{ background-position: -135px 0; width: 95px; left: 135px; }
body#contact li#srv a:hover		{ background-position: -135px -36px; }
body#contact li#prt a 			{ background-position: -230px 0; width: 95px; left: 230px; }
body#contact li#prt a:hover		{ background-position: -230px -36px; }
body#contact li#faq a 			{ background-position: -325px 0; width: 50px; left: 325px; }
body#contact li#faq a:hover		{ background-position: -325px -36px; }
body#contact li#ctc a 			{ background-position: -375px 0; width: 81px; left: 375px; }
body#contact li#ctc a:hover, 
body#contact li#ctc a.current	{ background-position: -375px -36px; }

body#foursquare li#wel a 			{ background-position: 0 0; width: 65px; left: 0; }
body#foursquare li#wel a:hover		{ background-position: 0 -36px; }
body#foursquare li#abt a 			{ background-position: -65px 0; width: 70px; left: 65px; }
body#foursquare li#abt a:hover		{ background-position: -65px -36px; }
body#foursquare li#srv a 			{ background-position: -135px 0; width: 95px; left: 135px; }
body#foursquare li#srv a:hover		{ background-position: -135px -36px; }
body#foursquare li#prt a 			{ background-position: -230px 0; width: 95px; left: 230px; }
body#foursquare li#prt a:hover		{ background-position: -230px -36px; }
body#foursquare li#faq a 			{ background-position: -325px 0; width: 50px; left: 325px; }
body#foursquare li#faq a:hover		{ background-position: -325px -36px; }
body#foursquare li#ctc a 			{ background-position: -375px 0; width: 81px; left: 375px; }
body#foursquare li#ctc a:hover		{ background-position: -375px -36px; }

/* ----------------- IMAGE ELEMENTS ----------------- */

img.left { float: left; }

img.right { float: right; margin: 10px 10px 5px 10px; clear: both; }

/* ----------------- CUSTOM CLASSES ----------------- */	

.border { border: 1px solid #222; }

.right { float: right; }

.left { float: left; }

.clear { clear: both; }

.center { text-align: center; }

.uppercase { text-transform: uppercase; }

/* ----------------- NEWSLETTER SIGNUP ----------------- */	

div.mc-field-group { margin-bottom: 5px; }

label.mce-EMAIL, label.mce-FNAME, label.mce-LNAME { font: bold 12px Arial, Helvetica, sans-serif; color: #FFF; }

div.indicate-required { font: italic 10px Arial, Helvetica, sans-serif; color: #FFF; text-align: right; }

div.response { font: italic 10px Arial, Helvetica, sans-serif; color: #FFF; text-align: left; }

p.mailchimp { font-size: 9px; font-style: italic; }