/* ==========================================================================================
 
 Themforest - Business or Portfolio Template
 	v0.1
 
 	
 	POST_
 	http://www.post-interaktive.com
 	
 	Author: Bret Glassett
 	http://www.bretglassett.com
	-------------------------
	See documentation for futher infomrmation. 
 
========================================================================================== */

/*=================================
============ CSS Reset ==========*/

*{margin:0;padding:0}
iframe,a img,fieldset,form,table{border:0}
h6,h5,h4,h3,h2,h1,caption,th,td{font-size:100%;font-weight:normal}
dd,dt,dl,ol,ul{list-style:none}
legend{color:#000}
select,textarea,input{font-size:100%}
table{border-collapse:collapse}
caption,th,td{text-align:left}

/* ==========================================================================================
  
   INDEX & GLOBAL ITEMS
   
========================================================================================== */

html, body {
	height: 100%;
	font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
	}

body {
	margin: 0px;
	padding: 0px;
	}
	
		body.tall {
			background: url(../images/bg/bg_html.jpg) top repeat-x #f3f3f3;
			}
			
		body.short {
			background: url(../images/bg/bg_html_short.jpg) top repeat-x #f3f3f3;
			}

.clear { 
	clear: both; 
	}

/* ======================================================
  
   STYLES

======================================================= */

h1 {
	margin: 0 0 15px 0;
	font-size: 32px;
	color: #3C4B60;
	}

h2 {
	font-size: 20px;
	margin: 0 0 15px 0px;
	}
	
h3 {
	color: #565657;
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 15px 0;
	}	

h4 {
	font-size: 30px;
	color: #3c4b60;
	margin: 0 0 10px 0;
	}

h5 {
	color: #565657;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 15px 0;
	text-transform: uppercase;
	}	

p {
	font-size: 12px;
	line-height: 20px;
	color: #5d5d5d;
	margin: 0 0 10px 0;
	font-weight: normal;
	}

.swap {
	float: right;
	}
	
ul {
	margin: 15px 0 15px 0;
	padding: 10px 0 10px 0;
	}
	
li {
	list-style-type: disc;
	padding: 0 0 0 10px;
	margin-bottom: 8px;
	list-style-position: inside;
	color: #757571;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	}

a {
	color: #d0590b;
	text-decoration: none;
	}
	
		a:hover {
			color: #6b6b6b;
			}

		a:active, a:focus, a:hover {
			outline: none;
			}
			
blockquote {
	border: 1px solid #243142;
	padding: 15px;
	font-size: 11px;
	line-height: 22px;
	color: #474848;
	margin: 0 0 10px 0;
	font-weight: bold;
	}			

.airstream {
	font-size: 24px;
	}

.line {
	border-bottom: 2px solid #dfdfdf;
	padding: 0 0 20px 0;
	font-weight: bold;
	}
	
.line_port {
	border-bottom: 2px solid #dfdfdf;
	padding: 0 0 20px 0;
	margin: 0 0 20px 0;
	font-weight: bold;
	}
	
.emphasis {
	font-style: italic;
	padding: 12px;
	line-height: 16px;	
	}

/* ======================================================
  
   WRAPS

======================================================= */

#wrap {
	margin: 0px 0px -193px 0px;
	width: 100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

#content_wrap {
	background: url(../images/bg/bg_wrap.jpg) top no-repeat;
	padding: 0px 0px 193px 0px;
	width: 100%;
	min-width: 1020px;
	min-height: 539px;
	height:auto !important;
	height: 539px;
}

#content_inner_wrap {
	width: 1020px;
	margin: 0px auto;
}

/* Inner Pages =============================== */

#content_wrap_short {
	background: url(../images/bg/bg_wrap_inner.jpg) top no-repeat;
	padding: 0px 0px 193px 0px;
	width: 100%;
	min-width: 1020px;
	min-height: 539px;
	height:auto !important;
	height: 216px;
}

/* ======================================================
  
   HEADER

======================================================= */

#logo {
	float: left;
	height: 138px;
	width: 670px;
}

/* Email =============================== */

#email_us {
	background: url(../images/header/email.jpg) top left no-repeat;
	float: left;
	padding: 5px 35px 0 10px;
	height: 133px;
	width: 300px
	}

		#email_us p, 
		#email_us a {
			color: #fff;
			text-decoration: none;
			font-size: 13px;
			text-align: center;
			font-weight: bold;
			}
		
		#email_us a:hover {
			color: #e4a984;
			}

/* Navigation =============================== */

#nav {
	float: left;
	padding: 12px 0 0 40px;
	width: 980px;
	height: 38px;
	}

#nav ul {
	margin: 4px 0 0 0;
	padding: 0px;
	border: none;
	text-align:center;
	width:980px;
	}

#nav li {
	display: inline;
	height: 44px;
	float: left;
	}

		#nav li a {
			color: #979da8;
			text-decoration: none;
			font-size: 14px;
			font-weight: bold;
			text-transform: uppercase;
			display: inline-block;
			height: 44px;
			padding: 0 10px 0 10px
			}
		
		#nav li a:hover,
		#nav li a.active {
			color: #fff;
			background:  url(../images/bg/glow.png)  50% 5% no-repeat;
			height: 44px;
			padding: 0 10px 0 10px;
			display: inline-block;
			}


/* Welcome =============================== */

#welcome {
	float: left;
	padding: 18px 20px 0 40px;
	width: 380px;
	min-height: 360px; /* Includes hieght of #slider_text */	
	}


		#welcome h2 {
			color: #fff;
			font-size: 28px;
			}
		
		#welcome h2,
		#welcome p.white {
			color: #dcdee3;
			}

/* Content Slider =============================== */

#slider_text {
	float: left;
	padding: 65px 0 0 0;
	width: 380px;
	min-height: 65px;
	}
	
#slider {
  float: left;
  margin: 29px 52px 40px 15px;
  }
	
		#slider ul, #slider li{
			margin:0;
			padding:0;
			list-style:none;
			}
		
		#slider, #slider li{ 
			width:513px;
			height:269px;
			overflow:hidden; 
			}
		
		span#prevBtn,
		span#prevBtn a {
			float: left;
			height: 24px;
			width: 22px;
			}
				
		span#nextBtn {
			float: right;
			margin-right: 40px;
			height: 24px;
			width: 22px;
			}

		span#nextBtn a {
			float: right;
			height: 24px;
			width: 22px;
			}					

/* ======================================================
  
   BODY

======================================================= */
/* ==================================
  
   INDEX ONLY 

================================== */

#index_content {
	float: left;
	border-top: 2px solid #dfdfdf;
	margin: 0 40px 0 40px;
	padding: 20px 0 20px 0;
	width: 940px;	
}

		#index_content ul {
			border-top: 1px solid #bdbdbc;
			border-bottom: 1px solid #bdbdbc;
			}
			
		#index_content h4 {
			font-size: 24px;
			}
			
		#index_content .col {
			position: relative;
			padding: 15px 0 15px 0;
			min-height: 342px;
			}
			
		#index_content .col .contact {
			position: absolute;
			bottom: 0;
			right: 0;
			}

.col { /* Div for # columns */
	float: left;
	width: 288px;
	min-height: 100px;
	margin-right: 38px;
	}

.no_margin {
	margin-right: 0;
	}
	
.sidebar_index_content {
	width: 258px;
	margin: 12px 20px 20px 20px;
	min-height: 342px;	
	}

/* Index Sidebar =============================== */

.sidebar_index {
	background: url(../images/bg/bg_sidebar_index.jpg) left repeat-y;
	float: left;
	width: 288px;
	min-height: 100px;
	}
	
.cap_top { /* Sidebar Top */ 
	background: url(../images/bg/bg_sidebar_index_top.jpg) top left no-repeat;
	float: left;
	width: 288px;
	}

.cap_btm { /* Sidebar bottom */
	background: url(../images/bg/bg_sidebar_index_btm.jpg) bottom left no-repeat;
	float: left;
	width: 288px;
	}

		.sidebar_index p {
			color: #757571;
			}
			
		.sidebar_index h4 {
			color: #5c6d85;
			}
			
		.sidebar_index li {
			list-style-type: none;
			list-style-image: url(../images/bg/bullet.png);
			}

/* ==================================
  
   INNER ONLY 

================================== */

#inner_content_wrap { /* Wraps sidebar and content */
	float: left;
	margin: 50px 40px 0 40px;
	padding: 0 0 20px 0;
	width: 940px;	
	}
	
#inner_content {
	float: left;
	width: 650px;
	}	

		#inner_content ul {
			margin: 5px 0 5px 5px;
			padding: 0;
			}
	
#inner_content_wide {
	width: 940px;
	}
	
/* Inner Sidebar =============================== */

.sidebar_inner {
	background: url(../images/bg/bg_sidebar_inner.jpg) left repeat-y;
	float: left;
	width: 280px;
	min-height: 100px;
	margin-right: 2px;
	}

.cap_inner_top { /* Sidebar Top */ 
	background: url(../images/bg/bg_sidebar_inner_top.jpg) top left no-repeat;
	float: left;
	width: 280px;
	}

.cap_inner_btm { /* Sidebar bottom */
	background: url(../images/bg/bg_sidebar_inner_btm.jpg) bottom left no-repeat;
	float: left;
	width: 280px;
	padding-bottom: 15px;
	}

.sidebar_inner ul {
	border: none;
	}

/* ======================================================
  
   FOOTER

======================================================= */

#footer_wrap {
	background: url(../images/bg/bg_footer_lg.jpg) repeat-x;
	min-width: 1020px;
	width: 100%;
	height: 193px;
	}

#footer_inner_wrap {
	width: 940px;
	padding: 35px 40px 0 40px;
	margin: 0px auto;
}

		#footer_inner_wrap p {
			color: #a9a8a9;
			font-size: 11px
			}
			
		#footer_inner_wrap ul {
			border: none;
			margin: 0;
			padding: 0;
			}

		#footer_inner_wrap li {
			padding-left: 0;
			list-style-type: none;
			}
	
.footer_title {
	border-bottom: 1px solid #a9a8a9;
	padding-bottom: 0px;
	margin-bottom: 10px;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	}

/* ==========================================================================================
  
   ABOUT  
   
========================================================================================== */

/* About Page Tabs =============================== */

.tabs { 
	float: left; 
	width: 690px;
	min-height: 200px;
}

.tabNavigation {
	list-style: none;
  padding: 0;
}

.tabNavigation li { 
	float: left; 
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.tabNavigation li a:hover { 
	cursor: pointer;
}
	
.tabNavigation li a:focus { 
	outline: 0; 
}

		.tabNavigation a {
			float: left;
			background: url(../images/bg/bg_tab.jpg) no-repeat;
			width: 215px;
			height: 50px;
			padding: 20px 0 0 25px;
		}
		
		.tabNavigation a.selected {
			float: left;
			background: url(../images/bg/bg_tab_selected.jpg) no-repeat;
			width: 215px;
			height: 50px;
			padding: 20px 0 0 25px;
			color: #fff;
		}

div.tabs > div {
	float: left;
}

.alt_desc {
	font-style: italic;
	font-size: 11px;
	font-weight: normal;
	color: #434548;
	text-transform: none;	
}

.tabNavigation a.selected .alt_desc {
	color: #fff;
}
	
/* ==========================================================================================
  
   PORTFOLIO PAGE 
   
========================================================================================== */

#tabs ul {
	margin: 0px;
	padding: 0px;
	}

.tabnav {
	margin: 0px;
	padding: 0px;
	height: 44px;
	background: #e9eae4;
	overflow: hidden;
	}

.tabnav li {
	padding: 4px 19px 28px 19px;
  display: inline;
  list-style: none;
  line-height: 14px;
  float: left;
  border-right: 3px solid #f3f3f3;
	}

		.tabnav li a {
			text-decoration: none;
			font-size: 12px;
			color: #a3a2a2;
			font-weight: bold;
			outline: none;
			line-height:14px;
			}		
	 
	 			.tabnav li a:hover {
	 					color: #b4b4b4;
	 				}
	 
	 	.tabnav li.ui-tabs-selected {
	 		background: #596574;
	 	}
	 
		.tabnav li.ui-tabs-selected a {
			color: #fff;
			text-decoration: none;
			line-height:14px;
			}
		
.tabdiv {
	margin-top: 2px;
	padding: 5px 0 5px 0;
	}
	
.ui-tabs-hide {
		display: none;
		}

/* ==========================================================================================
  
   PRICING PAGE
   
========================================================================================== */

#pricing_table {
	width: 940px;
	float: left;
	background:url(../images/bg/bg_pricing_table.jpg) repeat-y;
	}
		
		#pricing_table .row {
			float: left;
			width: 940px;
			border-bottom: 1px solid #faf9f9;
			min-height: 100%;
			}
			
		#pricing_table .row div {
			float: left;
      min-height: 100%;
			}	

		#pricing_table .wide { /* Pricing Table wide size */
			width: 220px;
			}
		
		#pricing_table .med { /* Pricing Table wide medium */
			width: 143px;
			}
			
		#pricing_table p { /* General Table Text */
			text-align: center;
			color: #37465f;
			text-transform: uppercase;
			font-size: 12px;
			line-height: 14px;
			padding: 10px 5px 10px 5px;
			margin: 0;
			}
			
		#pricing_table .titles p { /* Titles */
			font-size: 16px;
			font-weight: bold;
			color: #c75108;
			}
		
		#pricing_table p.price { /* Price */
			padding: 0 0 10px 0;
			color: #c75108;
			}	
		
		#pricing_table .wide p,
		#pricing_table .blue p { /* Gray & BUE table text */
			color: #fff;
			}
			
		#pricing_table .contact {
			margin: 15px 0 15px 10px;
			}
		
		#pricing_table .contact p {
			font-size: 14px;
			padding: 0px;
			margin-top: 4px;
			font-weight: bold;
			}	
	
		#pricing_table .last {
			border: 0;
			}
			
.blue_top { /* Blue column cap */
	background: url(../images/bg/pricing_top.jpg) no-repeat;
	background-position: top;
	float: left;
	margin-left: 365px;
	height: 10px;
	width: 143px;
	}

.blue_btm { /* Blue column bottom */
 	background: url(../images/bg/pricing_btm.jpg) no-repeat;
 	background-position: bottom;
	float: left;
	margin-left: 365px;
	height: 10px;
	width: 143px;
	}
	
/* ==========================================================================================
  
   CONTACT PAGE 
   
========================================================================================== */

.contact {
	background: url(../images/bg/bg_contact.png) no-repeat;
	width: 120px;
	height: 28px;
	padding: 6px 0 0 0;
	margin-top: 10px;
	float: right;
	color: #fff;
	text-transform: uppercase;
	}
	
		.contact p {
			text-align: center;
			font-size: 14px;
			font-weight: bold;
			}
	
		.contact a {
			color: #fff;
			}
			
		.contact a:hover {
			color: #ecc9b4;
			}

.service_image {
	float: left;
	margin: 0 12px 6px 0;
	}

.contact_title {
	border-bottom: 1px solid #a9a8a9;
	padding-bottom: 0px;
	margin-bottom: 10px;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	}
	
.sidebar_contact {
	width: 195px;
	padding: 20px 25px 20px 20px;
	}

/* ======================================================
  
   CONTACT FORM

======================================================= */

.contact_form form {
	width: 400px;
	padding: 10px;
	float: left;
	}

.contact_form .orange {
	color: #D0590B;
	}

.contact_form label {
	display: block;
	margin-top : 8px;
	width: 100%;
	background-repeat: no-repeat;
	}

/* Congrats MSG =============================== */

.contact_form .MsgSent {
	Display: block;
	padding: 10px;
	margin: 40px auto;
	width: 400px;
	text-align: center;
	}

/* Error MSG =============================== */

.contact_form .MsgError {
	Display: block;
	padding: 10px;
	margin: 40px auto;
	width: 400px;
	text-align: center;
	background-color: white;
	float: left;
	}

.contact_form .MsgSent p, .MsgError p {
	font-size: 1.3em;
	color:#999;
}

/* Form Check =============================== */

.contact_form .tipsbox .tipsbox_top_left {
	background: url('../images/contact/top_left.png') no-repeat;
	}

.contact_form .tipsbox .tipsbox_top {
	background: url('../images/contact/top.png') repeat-x;
	height: 17px;
	}

.contact_form .tipsbox .tipsbox_top_right {
	background: url('../images/contact/top_right.png') no-repeat;
	}

.contact_form .tipsbox .tipsbox_left {
	background: url('../images/contact/left.png') repeat-y;
	width : 17px;
	}

.contact_form .tipsbox .tipsbox_right {
	background: url('../images/contact/right.png') repeat-y;
	width : 22px;
}

.contact_form .tipsbox .tipsbox_bottom_left {
	background: url('../images/contact/bottom_left.png');
	}

.contact_form .tipsbox .tipsbox_mark {
	background: url('../images/contact/mark.png') no-repeat;
	height : 36px;
}

.contact_form .tipsbox .tipsbox_bottom_right {
	background: url('../images/contact/bottom_right.png');
	}

.contact_form .tipsbox .tipsbox_inner, .tipsbox .tipsbox_inner_ie6 {
	background: url('../images/contact/inner.png');
	}

.contact_form .tipsbox .tipsbox_inner_ie6 {
	padding : 4px;
	}

.contact_form .tipsbox .tipsbox_error {
	background: url('../images/contact/error.png') no-repeat;
	width: 40px;
	height: 40px;
	margin-top: 5px;
	float: left;
	clear: left;
	}

.contact_form .tipsbox p, .tipsbox {
	font-size: 1em;
	margin : 0;
	padding : 0;
	border : 0;
	color : #FFF;
	}

.contact_form .tipsbox p {
	padding-left: 55px;
	line-height: 15px;
	}

.contact_form .tipsbox p span {
	font-size: 1em;
	font-weight: bold;
	color: red;
	line-height: 35px;
	}

.contact_form .error_f {
	border : 1px dotted #666;
	margin-top : 5px;
	background-color : #EAEAEA;
	}

.contact_form .error_f p {
	margin : 5px;
	color : #A00;
	}

.contact_form .error_f p span {
	font-size : 1.1em;
	color : #000;
	margin : 5px 0px 0px 0px;
	}

/***** Niceforms *****/
/*##########################################
Name: Default styling for Niceforms v.1.0
Author: Lucian Slatineanu
URL: http://www.badboy.ro/
##########################################*/

.contact_form input, textarea {
	font-size:12px;
	color:#404040;
	}
.contact_form label {
	color:#999;
	cursor:pointer;
	padding-left:2px;
	line-height:16px;
	}

.contact_form label.chosen {
	color:#333;
	}

.contact_form .outtaHere {
	position:absolute;
	left:-3000px;
	}

/* Radio BTNS =============================== */

.contact_form .radioArea, .radioAreaChecked {
	display:block;
	float:left;
	clear:left;
	width:15px;
	height:14px;
	font-size:0;
	cursor:pointer;
	}
.contact_form .radioArea { 
	background:url(../images/contact/radio.gif) no-repeat left top;
	}

.contact_form radioAreaChecked {
	background:url(../images/contact/radio.gif) no-repeat left bottom;
	}

/* Check Boxes =============================== */

.contact_form .checkboxArea, .checkboxAreaChecked {
	display:block;
	float:left;
	clear:left;
	width:13px;
	height:13px;
	font-size:0;
	padding:0;
	margin:0;
	cursor:pointer;
	}

.contact_form .checkboxArea {
	background:url(../images/contact/checkbox.gif) no-repeat left top;
	}

.contact_form .checkboxAreaChecked {
	background:url(../images/contact/checkbox.gif) no-repeat left bottom;
	}

.contact_form .focused {	
	border:1px dotted #ddd;
	}

/* Text Inputs =============================== */

.contact_form .textinput, .textinputHovered {
	height:15px;
	background:url(../images/contact/input_bg.gif) repeat-x left top;
	border:none;
	padding:4px 0;
	vertical-align:middle;
	}

.contact_form .textinputHovered {
	background-position:left bottom;
	}

.contact_form .inputCorner {
	padding-bottom:0;
	vertical-align:middle;
	}

/* Text Areas =============================== */
.contact_form .txtarea .tr, .txtarea .tr_xon {background:url(../images/contact/txtarea_tr.gif) no-repeat top right;}
.contact_form .txtarea .tr_xon {background:url(../images/contact/txtarea_tr_xon.gif) no-repeat top right;}
.contact_form .txtarea img.txt_corner {
	width:5px;
	height:5px;
	display:block;
	}

.contact_form .txtarea .br, .txtarea .br_xon {background:url(../images/contact/txtarea_br.gif) no-repeat top right;}
.contact_form .txtarea .br_xon {background:url(../images/contact/txtarea_br_xon.gif) no-repeat top right;}
.contact_form .txtarea .cntr {background:url(../images/contact/txtarea_cntr.gif) repeat-y right top;}
.contact_form .txtarea .cntr_xon {background:url(../images/contact/txtarea_cntr_xon.gif) repeat-y right top;}
.contact_form .txtarea .cntr_l, .txtarea .cntr_l_xon {
	width:5px;
	background:url(../images/contact/txtarea_l.gif) repeat-y left top;
	float:left;
	}

.contact_form .txtarea .cntr_l_xon {background:url(../images/contact/txtarea_l_xon.gif) repeat-y left top;}
.contact_form .txtarea textarea {
	border:0;
	background:none;
	padding:0;
	margin:5px;
	}

/* Selects =============================== */

.contact_form .selectArea {
	width:200px;
	height:21px;
	background:url(../images/contact/select_bg.gif) repeat-x left top;
	}

.contact_form .selectArea .left {
	width:8px;
	height:21px;
	float:left;
	background:url(../images/contact/select_left.gif) no-repeat left top;
	}

.contact_form .selectArea .right {
	width:21px;
	height:21px;
	float:right;
	background:url(../images/contact/select_right.gif) no-repeat left top;
	}

.contact_form .selectArea .right a {
	display:block;
	width:200px;
	height:21px;
	margin-left:-179px;
	position:absolute;
	}

.contact_form .selectArea .right i {display:none;}
.contact_form .selectArea .center {
	width:160px;
	color:#FFF;
	padding-top:3px;
	overflow:hidden;
	white-space:nowrap;
	}

/* Select Drops Downs =============================== */

.contact_form .optionsDivInvisible, .optionsDivVisible {
	position:absolute;
	margin-top:-1px;
	margin-left:3px;
	width:172px;
	background:#6f7074;
	padding:2px;
	font-size:11px;
	z-index:20;
	}

.contact_form .optionsDivInvisible {display:none;}
.contact_form .optionsDivVisible {display:block;}
.contact_form .optionsDivVisible p {
	margin:0;
	padding:0;
	}

.contact_form .optionsDivVisible a {
	color:#F2F2F2;
	text-decoration:none;
	display:block;
	padding:1px 4px;
	border:1px solid #6f7074;
	}

.contact_form .optionsDivVisible a:hover {
	color:#FFF;
	background:#5F6062;
	border-color:#cfd0d6;
	}

/* Button =============================== */

.contact_form .buttonSubmit, .buttonSubmitHovered {
	width:auto;
	height:26px;
	color:#FFF;
	font-weight:bold;
	padding:2px;
	cursor:pointer;
	border:none;
	}

.contact_form .contact_btn {
	border: 0;
	float: left;
	background: url(../images/bg/bg_submit.png) no-repeat left top;
	width: 145px;
	height: 38px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
	}