/*
Theme Name: Insync
Theme URI: http://wordpress.org/
Description: Your new blogging best friend.
Version: 1.0
Author: Blake Snow, Robert Bradford
Author URI: http://griffio.com/
Tags: blue


Colors
--------------------------------
blue:					#007fd9
green:				#00af2b


*/

a {
	color:#00af2b;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

body {
	background:#ffffff;
	background-repeat:no-repeat;
	background-position:top center;
	font-family:Arial, sans-serif;
}
body.ginormous {
	background-image:url('images/bg_ginormous.jpg');
}
body.not_ginormous {
	background-image:url('images/bg_not_ginormous.png');
}
fieldset {
	border:0px;
	padding:0px;
}

img {
	border:0px;
}

input, textarea, select {
	font-size:17px;
	padding:4px;
	font-family:Arial, sans-serif;
}

ul.horizontal_nav {
	list-style-type:none;
	padding:0px;
}
ul.horizontal_nav li {
	float:left;
}
ul.horizontal_nav li a {
	display:block;
}
ul.no_bullets {
	list-style-type:none;
	padding:0px;
}
ul.padded li {
	padding:4px;
}
/* Main structures
--------------------------------------*/
#main_container {
	margin:0px auto;
	width:913px;
}
#content {
	clear:both;
}




/* Header
--------------------------------------*/
#header {
	height:125px;
}
#logo {
	float:left;
	padding:6px 0px 0px 0px;
}

#tagline {
	float:left;
	color:#bbbbbb;
	margin:53px 0px 0px 13px;
	text-transform:lowercase;
}

#phone_number {
	clear:right;
	float:right;
	color:#007fd9;
	font-size:36px;
	margin:20px 0px 0px 0px;
	letter-spacing:-1px
}


/* Footer
--------------------------------------*/
#footer {
	clear:both;
	padding:10px 30px 10px 0px;
	font-size:15px;
}




/* Promo Section
--------------------------------------*/
#promo_section {
	height:350px;
	padding:100px 30px 0px 30px;
	color:#ffffff;
	font-family:"Myriad Pro", Arial, sans-serif;
}
#promo_section h1 {
	letter-spacing:1px;
}
#promo_section .note {
	color:#c7c7c7;
	font-family:Arial, sans-serif;
	font-size:12px;
}

#learn_more {
	float:right;
	background-image: url('images/check_box.png');
	background-position: top right;
	height:60px;
	width:200px;
	color:#ffffff;
	display:block;
	font-weight:bold;
	font-size:24px;
	line-height:80px;
	position:relative;
	top:150px;
}
#learn_more:hover {
  background-position:100% 100%;
}




/* RFQ Form 
---------------------------------------*/
#rfq {
	float:left;
}
#rfq div.field {
	padding:11px 0px;
}
#rfq input[type="text"], #rfq textarea {
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border:1px solid gray;
	padding:4px 10px;
	outline:none;
	color:#00af2b;
}
#rfq #submit_button {
	background-image: url('images/get_quote.png');
	height:42px;
	width:178px;
	color:#ffffff;
	display:block;
}
#rfq input[type="text"].validation-failed {
	border:1px solid red;
}
.validation-advice {
	padding:0px 0px 0px 10px;
	color:#FC9999;
	margin:0px;
	font-size:14px;
	height:0px;
}








/* Navigation
--------------------------------------*/
#main_nav {
	clear:left;
	float:left;
	margin:10px 0px 0px 0px;
	font-family:Georgia, Times, serif;
	font-size:15px;
}
#main_nav li {
	float:left;
	padding:0px 20px 0px 0px;
}
#main_nav a {
	color:#2f2f2f;
}
#main_nav a:hover {
	color:#007fd9;
}
#main_nav .pronounced {
	color:#ff0000;
	font-weight:bold;
	font-size:17px;
	text-transform:lowercase;
	font-variant:small-caps;
}
#main_nav .pronounced:hover {
	color:#ff0000;
}

#site_nav {
	color:#888888;
	float:right;
	font-size:15px;
}
	#site_nav .dynamic-chat-icon {
		padding-left: 15px;
	}
	#site_nav .dynamic-chat-icon img {
		position: relative;
		top: 9px;
	}
	#site_nav .dynamic-chat-icon a {
		color: #f00;
		font-size: 17px;
		font-variant: small-caps;
		font-weight: bold;
		text-transform: lowercase;
	}
#site_nav a {
	color:#888888;
}

#sector_buttons {
	margin:30px -20px 30px 0px;
	height:94px;
}
#sector_buttons li {
	width:213px;
	padding-right:20px;
	text-align:center;
}
#sector_buttons a {
	background:#dddddd;
	padding:45px 0px;
	font-size:24px;
	color:#007fd9;
	font-weight:bold;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
#sector_buttons a:hover {
	text-decoration:none;
	color:#ffffff;
	background:#007fd9;
}



/* Search form
--------------------------------------*/
#search_form {
	clear:right;
	float:right;
	padding:15px 0px 0px 0px;
}
#search_form input {
	width:276px;
	height:22px;
	padding:0px 0px 0px 24px;
	background-image:url('images/search.png');
	background-repeat:no-repeat;
	background-position:4px 4px;
	border:1px solid #cccccc;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}




/* Sector section
-------------------------------------*/
#sector_section {
	margin:0px 0px 50px 0px;
}



/* Intro section
-------------------------------------*/
#intro_section {
	float:left;
	width:600px;
	font-family:Georgia, Times, serif;
	color:#2f2f2f;
	line-height:1.4em;
}

/* Popular pages section
-------------------------------------*/
#section_holder {
	float:right;
	width:230px;
}

#faq_section {
	float:right;
	width:230px;
	background:#007fd9;
	margin:20px 0px;
	color:#ffffff;
}
#faq_section h1 {
	font-size:16px;
	color:#ffffff;
}
#faq_section a {
	color:#dddddd;
	font-size: 90%;
	text-decoration: underline;
}
#faq_section ol {
	padding:0px 0px 0px 20px;
}
#faq_section input[type="text"], #free_quote_section textarea {
	width: 222px;
	font-size: 11px;
	padding: 2px 4px;
}

#faq_section textarea {
	height: 75px;
}
/* Popular pages section
-------------------------------------*/
#free_quote_section {
	float:right;
	width:230px;
	background:#007fd9;
	margin:20px 0px;
	color:#ffffff;
}
#free_quote_section h1 {
	font-size:16px;
	color:#ffffff;
}
#free_quote_section a {
	color:#dddddd;
}
#free_quote_section ol {
	padding:0px 0px 0px 20px;
}
#free_quote_section input[type="text"], #free_quote_section textarea {
	width: 222px;
	font-size: 11px;
	padding: 2px 4px;
}

#free_quote_section textarea {
	height: 75px;
}
/* Free Quote Section
-------------------------------------*/
#popular_pages_section {
	float:right;
	width:230px;
	background:#007fd9;
	margin:20px 0px;
	color:#ffffff;
}
#popular_pages_section h1 {
	font-size:16px;
	color:#ffffff;
}
#popular_pages_section a {
	color:#dddddd;
}
#popular_pages_section ol {
	padding:0px 0px 0px 20px;
}


/* Popular posts section
-------------------------------------*/
#popular_posts_section {
	clear:both;
	float:right;
	width:230px;
	background:#dddddd;
	margin:20px 0px;
}
#popular_posts_section h1 {
	font-size:16px;
	color:#007fd9;
}
#popular_posts_section a {
	color:#007fd9;
}
#popular_posts_section ol {
	padding:0px 0px 0px 20px;
}


/* Recents section
-------------------------------------*/
#recents_section {
	float:left;
	width:580px;
	background:#007fd9;
	padding-right:40px;
	margin-top:20px;
}
#recents_section h1 {
	color:#dddddd;
}
#recents_section .post {
	margin-bottom:60px;
}
#recents_section .post a {
	color:#ffffff;
}
#recents_section .post h2 a {
	text-decoration:none;
}
#recents_section .post small {
	color:#dddddd;
}
#recents_section .entry {
	color:#ffffff;
}
#recents_section .entry a {
	color:#ffffff;
	text-decoration:underline;
	
}
#recents_section .postmetadata {
	color:#ffffff;
	font-size:14px;
}
#recents_section .navigation a {
	color:#dddddd;
}


/* Title section
-------------------------------------*/
#title_section {
	height:145px;
}
#title_section_mask {
	background:url('images/title_section_mask.png') no-repeat top left;
	height:100%;
	position:relative;
}
#title_section h1 {
	margin:0px;
	padding:0px 0px 18px 0px;
	font-size:48px;
	color:#ffffff;
	position:absolute;
	bottom:0px;
}
#title_section h1 a {
	color:#ffffff;
	text-decoration:none;
}


#left_section {
	width:600px;
}




/* Posts
------------------------------------*/
.post {
	margin-bottom:40px;
}
.entry {
	font-family:Georgia, Times, serif;
	color:#2f2f2f;
	line-height:1.4em;	
}
.entry p img {
	padding:0px;
	max-width:100%;
}




/* Comments
-------------------------------------*/
.commentlist {
	width:500px;
	padding-left:20px;
	font-size:14px;
}
.commentlist p {
	font-family:Georgia, Times, serif;
	font-size:15px;
}












.clear_both {
	clear:both;
	height:0px;
}

.round_box {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding:20px 30px;
}

.two_mode_button {
	background-repeat: no-repeat;
	background-position: top left;
}
.two_mode_button:hover {
  background-position:0% 100%;
}
.alignleft {
	float:left;
}
.alignright {
	float:right;
}