/*  - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	
	Screen.css
	* Main stylesheet for controling all CSS styles
	
	Author
	* Sam Howat [sam@bluetux.com]
	
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */ 	

	@import "_reset.css"; 
	@import "_type.css"; 
	@import "_grid.css"; 
 

/* Body
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

body {
	
	background: #004182 url('') top left repeat-x;
	margin: 0; padding: 0px 0 20px 0;	
}

/* Main Navigation
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */ 

#main-nav { 
	width: 590px; height: 44px;
	display: block; float: right; 
	margin: 0; padding: 0px 20px 0 0;
	}

#main-nav ul {

	background: transparent url(../img/nav/main-nav-439x40.png) top left no-repeat;
	position: relative; display: block; float: right;
	width: 590px; height: 44px; 
	margin: 0; padding: 0 0px 0 0; 
	

	}

#main-nav li, #main-nav a 	{ display: block; height: 44px; outline: none; }
#main-nav li 				{ position: absolute; top: 0px; }
#main-nav a 				{ text-indent: -9999px; text-decoration: none; outline: none; }


#main-nav #nav-one		{ left: 0px; width: 92px; }                                            
#main-nav #nav-two		{ left: 92px; width: 92px; }
#main-nav #nav-three	{ left: 184px; width: 102px; }
#main-nav #nav-four		{ left: 286px; width: 105px; }
#main-nav #nav-five		{ left: 391px; width: 94px; }
#main-nav #nav-six		{ left: 485px; width: 105px; }

body#home-section #nav-one, 		#main-nav #nav-one a:hover		{ background: transparent url('../img/nav/main-nav-439x40.png') -0px -44px no-repeat; }                                            
body#services-section #nav-two, 	#main-nav #nav-two a:hover		{ background: transparent url('../img/nav/main-nav-439x40.png') -92px -44px no-repeat; }
body#portfolio-section #nav-three, 	#main-nav #nav-three a:hover	{ background: transparent url('../img/nav/main-nav-439x40.png') -184px -44px no-repeat; }
body#company-section #nav-four, 	#main-nav #nav-four a:hover		{ background: transparent url('../img/nav/main-nav-439x40.png') -286px -44px no-repeat; }
body#support-section #nav-five, 	#main-nav #nav-five a:hover		{ background: transparent url('../img/nav/main-nav-439x40.png') -391px -44px no-repeat; }
body#contact-section #nav-six, 		#main-nav #nav-six a:hover		{ background: transparent url('../img/nav/main-nav-439x40.png') -485px -44px no-repeat; }



/* Sub Navigation
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
 	
#sub-nav {
	margin: 0; padding: 0; 
	list-style-type: none; 
	}

#sub-nav li {
	margin: 0; padding: 0; 
	list-style-type: none; 
	font-size: 12px;
	}

#sub-nav a { display: block; width: 164px; margin: 0; padding: 15px 0 15px 15px; font-weight: normal; }
#sub-nav a:link, #sub-nav a:visited  { color: #17579F; text-decoration: none; }
#sub-nav a:active, #sub-nav a:hover { color: #333; text-decoration: none; } 	 	
#sub-nav a.active-nav { background-color: #17579F; color: white; text-decoration: none; } 	


.services-one #sub-nav a.nav-one, 
.company-one #sub-nav a.nav-one,
.portfolio-one #sub-nav a.nav-one,
.contact-one #sub-nav a.nav-one
{ border-top: 1px solid #A3C9D3; border-bottom: 1px solid #A3C9D3; background-color: white; color: #004182; text-decoration: none; font-weight: bold;  }

.services-two #sub-nav a.nav-two, 
.company-two #sub-nav a.nav-two,
.contact-two #sub-nav a.nav-two
{ border-top: 1px solid #A3C9D3; border-bottom: 1px solid #A3C9D3; background-color: white; color: #004182; text-decoration: none; font-weight: bold;  }

.services-three  #sub-nav a.nav-three, 
.company-three #sub-nav a.nav-three,
.contact-three #sub-nav a.nav-three
{ border-top: 1px solid #A3C9D3; border-bottom: 1px solid #A3C9D3; background-color: white; color: #004182; text-decoration: none; font-weight: bold;  }

.services-four #sub-nav a.nav-four, 
.company-four #sub-nav a.nav-four,
.contact-four #sub-nav a.nav-four
{ border-top: 1px solid #A3C9D3; border-bottom: 1px solid #A3C9D3; background-color: white; color: #004182; text-decoration: none; font-weight: bold;  }

.services-five #sub-nav a.nav-five,
.company-five #sub-nav a.nav-five 
{ border-top: 1px solid #A3C9D3; border-bottom: 1px solid #A3C9D3; background-color: white; color: #004182; text-decoration: none; font-weight: bold;  }

.services-six #sub-nav a.nav-six 
{ border-top: 1px solid #A3C9D3; border-bottom: 1px solid #A3C9D3; background-color: white; color: #004182; text-decoration: none; font-weight: bold;  }

.services-seven #sub-nav a.nav-seven 
{ border-top: 1px solid #A3C9D3; border-bottom: 1px solid #A3C9D3; background-color: white; color: #004182; text-decoration: none; font-weight: bold;  }

.services-eight #sub-nav a.nav-eight 
{ border-top: 1px solid #A3C9D3; border-bottom: 1px solid #A3C9D3; background-color: white; color: #004182; text-decoration: none; font-weight: bold;  }




/* Image Replacement For Headers & Logo
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#header-div h1 a {
	background: transparent url(../img/logo/main-logo.jpg) no-repeat left top;
	display: block; float: left;
	width: 325px; 	height: 111px;
	margin: 0px 0 0 0px; padding: 0;
	text-decoration: none;
	text-indent: -9999px;
	outline: none;
	}

/*
#intro-text h2 {
	background: transparent url(../img/fp-only/headers/your-success-is-our-business.jpg) no-repeat left top;
	display: block; float: left;
	width: 435px; 	height: 39px;
	margin: 10px 0 10px 10px; padding: 0;
	text-decoration: none;
	text-indent: -9999px;
	outline: none;
	}
*/


#intro-text h3 { clear: both; padding: 10px; margin: 0 0 6px 0; } 
 	
 	
/* Page Titles
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  

#sub-col-two h2 {
	display: block; 
	height: 30px;
	margin: 5px 0 10px 0px; padding: 0;
	text-decoration: none;
	text-indent: -9999px;
	outline: none;
	} 	

h2#BT-Services 						{ background: transparent url(../img/sp-only/headers/our-web-services-290x30.png) no-repeat left top; width: 483px; }
h2#BT-Web-Design-Branding 			{ background: transparent url(../img/sp-only/headers/web-design-branding-386x30.png) no-repeat left top; width: 386px; } 	
h2#BT-Hosting 						{ background: transparent url(../img/sp-only/headers/worry-free-hosting-335x30.png) no-repeat left top; width: 335px; } 	
h2#BT-Web-Development 				{ background: transparent url(../img/sp-only/headers/web-development-335x30.png) no-repeat left top; width: 335px; } 	
h2#BT-Maintenance 					{ background: transparent url(../img/sp-only/headers/maintenance-updates-395x30.png) no-repeat left top; width: 395px; } 	
h2#BT-Copywriting 					{ background: transparent url(../img/sp-only/headers/copywriting-367x30.png) no-repeat left top; width: 367px; } 	
h2#BT-SEO 							{ background: transparent url(../img/sp-only/headers/marketing-seo-357x30.png) no-repeat left top; width: 357px; } 	
h2#BT-Consulting	 				{ background: transparent url(../img/sp-only/headers/consulting-management-447x30.png) no-repeat left top; width: 447px; } 	
h2#BT-Company		 				{ background: transparent url(../img/sp-only/headers/about-bluetux-255x30.png) no-repeat left top; width: 255px; } 	
h2#BT-Partnering		 			{ background: transparent url(../img/sp-only/headers/partnering-with-bluetux-424x30.png) no-repeat left top; width: 424px; } 	
h2#BT-Community		 				{ background: transparent url(../img/sp-only/headers/community-support-342x30.png) no-repeat left top; width: 342px; } 	
h2#BT-Press		 					{ background: transparent url(../img/sp-only/headers/news-press-229x30.png) no-repeat left top; width: 229px; } 	
h2#BT-Contact	 					{ background: transparent url(../img/sp-only/headers/contact-us-191x30.png) no-repeat left top; width: 232px; } 
h2#BT-Office	 					{ background: transparent url(../img/sp-only/headers/our-offices-483x30.png) no-repeat left top; width: 200px; } 	
h2#BT-Support	 					{ background: transparent url(../img/sp-only/headers/support-center-280x30.png) no-repeat left top; width: 280px; } 	
h2#BT-Blog	 						{ background: transparent url(../img/sp-only/headers/blog-88x30.png) no-repeat left top; width: 88px; } 	
h2#BT-Portfolio	 					{ background: transparent url(../img/sp-only/headers/portfolio-483x30.png) no-repeat left top; width: 483px; }  
h2#BT-Quote	 						{ background: transparent url(../img/sp-only/headers/project-request-483x30.png) no-repeat left top; width: 483px; }  
h2#BT-Newsletter					{ background: transparent url(../img/sp-only/headers/newsletter-483x30.png) no-repeat left top; width: 483px; }  
h2#BT-Twitter						{ background: transparent url(../img/sp-only/headers/twitter-ff-378x30.png) no-repeat left top; width: 378px; }  


h2#BT-PM-web-design					{ background: transparent url(../img/sp-only/headers/special/pm-web-design-483x65.png) no-repeat left top; width: 501px; }  
h2#BT-sb-np-website					{ background: transparent url(../img/sp-only/headers/special/small-business-non-profit-website521x30.png) no-repeat left top; width: 521px; } 
*/

	
/* Misc Classes
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
.clear 	{ clear: both; } 


.profile-photo { float: left; padding: 4px 15px 0px 0px; }
.borderbot { font-size: 11px; margin: 0; padding: 0; }
.bio-text { margin: 0; padding: 0; }
.bio-text p { margin: 0; padding: 0px 0px 10px 0; }
.highlight { background-color: rgb(255, 224, 82); color: #5F5F5F; padding: 0 2px;  }




	
/* RFQ Form Styles
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
 
  
 
.rfq-button, #rfq-success {
	margin: 0; padding:5px 10px 5px 10px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	vertical-align:top;
	cursor:pointer; 
	font-weight: bold; font-size: 12px;
	color:#FFF;  
	}
	 
.rfq-button 	{ background-color:#60C21E; border:1px solid #60C21E;	}

#rfq-success-message 	{ 

	background-color:#60C21E; border:1px solid #60C21E;	
	margin: 0; padding:5px 10px 5px 10px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	font-weight: bold; font-size: 12px;
	color:#FFF; 
}

#rfq-success-message p { color: white; }

.rfq-fieldset, #rfq-review {
	border-top: 5px solid #DCE6EC;
	border-right: 1px solid #DCE6EC; 
	border-bottom: 1px solid #DCE6EC; 
	border-left: 1px solid #DCE6EC;  	
	margin: 5px 0 0 0; padding: 10px; 
	} 

#rfq-contact-info label { float: left; width: 120px; font-size: 11px; font-weight: bold; padding: 0 10px 0 0; text-align: right; }
#rfq-project-info label { font-size: 11px; font-weight: bold; padding: 0 10px 0 0; text-align: right; }

#rfq-project-info p strong { border-top: 1px solid #A3C9D3; display: block; margin: 5px 0 0 0; padding: 5px 0 0px 0; }

#rfq-review { padding: 15px; margin: 5px 0 10px 0; }
#rfq-review p { font-size: 14px; }
 	
/* Front Page Content Styles
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */


#intro-text .fp-content p {
	font-size: 11px; line-height: 140%;
	font-color: #272727; font-weight: normal;
	margin: 0; padding: 0; 
	}


#intro-text h4 { margin: 0 0px; padding: 0 10px 5px 10px; font-size: 15px; }
#intro-text h4 a { text-decoration: none;}

.fp-more { margin: 0; padding: 15px 0 0 0; }



.more-services {
	display: block; clear: both;
	width: 470px; height: auto;
	border-top: 1px dotted #0166C5;
	margin: 0; padding: 5px 0 0 0; 
	}
.more-services p {
	background-color: #00274A; 
	margin: 0; padding: 5px;
	color: white; font-weight: bold;
	font-size: 11px;
	}	

.more-services a:link, .more-services h6 a:visited { color: #FFF; text-decoration: underline; }
.more-services a:active, .more-services h6 a:hover { color: #FFF; text-decoration: none; }

	
#home-content h5 { padding: 10px; color: #6C6C6C; font-size: 15px; }

	
.fp-content { padding: 0px 10px; display: block; clear: both;  }

	
#fp-logo-table { margin: 0px auto 0px auto; clear: both; padding: 10px 0 0 0; align: center; }

.cell-one, .cell-two, .cell-three, .cell-four { padding: 5px; vertical-align: middle; align: center;  }

.cell-one 	{ border-right: 1px dotted #A3C9D3; border-bottom: 1px dotted #A3C9D3; }
.cell-two 	{ border-bottom: 1px dotted #A3C9D3; }
.cell-three { border-right: 1px dotted #A3C9D3; }


#home-content h6 					{ color: #00396C; font-size: 11px; margin: 0; padding: 0px 0 0 0; font-weight: bold; text-transform: uppercase; }
#news-block p, #services-block p 	{ font-size: 11px; margin: 0; padding: 5px 0 10px 0;  }

#home-content h6 a:link, #home-content h6 a:visited { color: #00396C; text-decoration: none; }
#home-content h6 a:active, #home-content h6 a:hover { color: black; text-decoration: none; }



/* Interested Block
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#interested { margin: 10px 10px; padding: 5px 0px; border-top: 1px dotted #C1C1C1;  }
#interested p { margin: 0; padding: 5px 0; font-size: 11px; }
#interested p.large-text {  font-size: 12px; font-weight: bold; }

/* Social Block
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#social { margin: 10px 10px; padding: 5px 0px; border-top: 1px dotted #C1C1C1;  }


/* Quote Block
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#quote { 
	margin: 10px 10px; padding: 10px 0px 5px 0; 
	border-top: 1px dotted #C1C1C1;
	font-family: Georgia, 'Times New Roman' serif;
	font-size: 15px; line-height: 130%; font-style: italic; color: #475876;
	}

#quote cite {
	margin: 0; padding: 10px 0; 
	font-family: Helvetica, Arial, Verdana, "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-size: 11px; line-height: 130%; font-style: normal; 
	display: block; 
	}

#quote cite strong { display: block; font-weight: bold; }

/* Content Tabs
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  

.panel {
	clear: both;
	display: none;
	background-color: transparent;
	border: 0px solid #C72D00; 
	padding: 1em;
	margin: 0; padding: 5px 0px; 
}


.panel.active-tab-body {
	display: block;
}

#tabs {
	list-style: none;
	margin: 15px 0 0 0; padding: 0px 0 0 10px; 
	display: block; 
	width: 550px; height: 34px;
	background: transparent url(../img/nav/content-nav-bg.png) 0px 0px no-repeat;
	text-align: justify;
}

#tabs li {
	margin: 0; padding: 0;
	font-size: 11px;
	line-height: 34px;
	display: inline;
	font-weight: bold;
}

#tabs a {
	padding: 0px;	margin: 0 8px 0 0;
	text-decoration: underline;
	color: #FFF;
}

#tabs a:hover, #tabs a.active-tab {
	border-top: 0px solid #F43700;
	text-decoration: none;
	padding: 0px; margin: 0 8px 0 0;
	color: #D1F3FF;
}
*/

/* Content Controls
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#content-controls {
	width: 560px; height: 40px; 
	background: transparent url('http://www.bluetux.com/_source/img/nav/content-controls-bg.png') bottom left repeat-x;
	margin: 10px 0 5px 0;
	border-top: 1px solid #D5E7E9;
	}

#tabs a, #tabs ul, #tabs li {
	font-size: 12px; line-height: 40px; font-weight: bold;
	}

#tabs a { 
	display: block; float: left; 
	text-decoration: none; text-align: center;
	margin: 0; padding: 0 10px; 
	width: auto; height: 40px;
	overflow: hidden;
	border-right: 1px solid #D5E7E9;
	
	}

#tabs a:link, #tabs a:visited 	{ color: #488BBF;  }

#tabs a:visited, #tabs a:hover { color: #0753A1; }
#tabs a.active-tab 	{ color: #0753A1; background: transparent url('http://www.bluetux.com/_source/img/nav/content-controls-bg-hover.jpg') 50% 100% no-repeat; }

#content-controls ul { 
	display: inline; 
	margin: 0; padding: 0; 
	}

#content-controls li {
	display: inline; list-style-type: none;
	margin: 0; padding: 0 0px; 
	}	

.panel {
	clear: both;
	display: none;
	background-color: transparent;
	border: 0px solid #C72D00; 
	padding: 1em;
	margin: 0; padding: 5px 0px; 
}

.panel.active-tab-body {
	display: block;
}


	
/* Footer Div
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
#footer-div { margin: 10px 0 0 0; }
#footer-div p 	{ color: white; font-size: 11px; margin: 10px 0 0 0; padding: 10px 0 5px 10px; border-top: 1px solid #004790; text-align: center; display: block; }
#footer-div p+p { margin: 0; padding: 0 0 0 10px; }

#footer-div a { font-size: 11px; font-weight: bold; }
#footer-div td.footer-links a { margin: 0 20px; }
#footer-div a:link, #footer-div a:visited { color: white; margin: 0 0px 0 0; }
#footer-div a:active, #footer-div a:hover { color: white; text-decoration: none; margin: 0 0px 0 0; }

 	
/* Portfolio Styles
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#portfolio-left-col {
	display: block; float: left;  
	width: 345px; height: 400px;
	background: #DD3200 url(../img/bg/portfolio-left-col-bg.jpg) top left repeat-x;
	}

#portfolio-right-col {
	display: block; float: left; 
	width: 577px; height: 382px;
	margin: 0; padding: 18px 0 0 18px;
	background-color: black;
	}

.portfolio-intro { 
	color: white; 
	font-size: 14px; line-height: 145%; font-weight: bold; 
	display: block; height: 138px; 
	margin: 0; padding: 24px 20px 0 24px; 
	}

#portfolio-interested { margin: 0; padding: 0px 24px 0 24px; }

#portfolio-interested p { 
	
	color: white; 
	font-size: 12px; line-height: 135%; font-weight: bold; 
	margin: 0; padding: 15px 0px 0px 0;
	}

#portfolio-interested a:link, #portfolio-interested a:visited { color: white; }
#portfolio-interested a:active, #portfolio-interested a:hover { color: white; }

#portfolio-body { padding: 10px 20px; }





/* Get A Quote
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
#get-quoted {
	background-color: #185FAF; 
	border: 1px solid #1B7DE7; 
	-moz-border-radius: 8px;
	-webkit-border-radius:8px;
	margin: 5px; padding: 5px;
	}

#get-quoted img { float: left; margin: 0 10px 0 0; }

#get-quoted h4 { color: white; padding: 0; margin: 0; font-size: 14px; font-weight: bold; }

#get-quoted p { color: white; padding: 0; margin: 0; font-size: 11px;  }

#get-quoted a { color: white; }



/* Blog Styles
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
.blog-content h4.blog-title { font-size: 21px; margin: 0px 0 5px 0; padding: 10px 0 5px 0; line-height: 100%; font-weight: normal; font-family: Georgia, 'Times New Roman'; color: #3B5FB1;  } 	
.blog-content h4.blog-title a:link, .blog-content h4.blog-title a:visited { color: #3B5FB1; font-weight: normal; }
.blog-content h4.blog-title a:hover { color: #000; font-weight: normal; }

.rss-icon { background: transparent url(../img/misc/rss.jpg) 0% 50% no-repeat; padding: 0 0 2px 25px;  }

.post-meta { font-size: 12px; margin: 0; padding: 2px 0; font-style: italic; color: #636B75;  }
.post-meta strong { color: #3E434A; }

.post-info { font-size: 12px; line-height: 25px; color: #636B75; margin: 5px 0 10px 0; border-bottom: 1px dotted #C1C1C1;  }
.post-info a { font-weight: normal; }
.post-info-tags { background: transparent url(../img/misc/filed-under-icon.jpg) 0% 50% no-repeat; marign: 0 10px 0 0; padding: 2px 10px 0 20px;   }
.post-info-comments { background: transparent url(../img/misc/comment-icon.jpg) 0% 50% no-repeat; marign: 0; padding: 2px 0 0 18px;   }

#comments-table { margin: 0; padding: 0; }
#comments-table td { border-top: 1px solid #C1C1C1; margin: 10px 0 10px 0;  }
.comment-cite { font-size: 10px; width: 120px; padding: 10px 0 10px 0;   }
.comment-text {  padding: 5px; font-size: 10px;   }
.comment-text p { font-size: 11px; }


/* Services Page Styles
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
	
#service-table 		{ margin: 15px 0; }		
#service-table td 	{ padding: 10px 8px; } 
#service-table h5 	{ font-size: 14px; margin: 0; padding: 0px 0 5px 0; }
#service-table p 	{ font-size: 12px; line-height: 130%; margin: 0; padding: 0px 0; }

#service-table a:link, #service-table a:visited  {color: #333; text-decoration: none;}
#service-table a:active, #service-table a:hover  {color: #004182; text-decoration: underline; }

.service-items { float: left; margin: 0; padding: 3px 10px 75px 0; }
.service-items-detailed { float: right; margin: 0; padding: 10px; }