/*
Theme Name: Company Website 001
Description: Ideal for a company website.  Valid XHTML 1.0 Strict and CSS.
Version: 1.2
Author: Joey Robinson
Author URI: http://www.techdesigns.co.uk
Tags: 2 columns, white, fixed width, 860px, company website, valid XHTML
*/

html, body{ margin:0px 0px 20px 0px; padding:0; text-align:center; background: #fff; font-family:Arial,Helvetica,sans-serif;} 
 
#pagewidth{ width:800px; text-align:left; margin-left:auto; margin-right:auto; background-color: #fff;} 

#page{ width:800px; background-color: #fff; padding:0;} 

	
#header_container {width: 800px; height: 245px; }

#header_top {width: 800px; height: 65px; border-bottom: 1px solid #336699; margin-bottom: 10px; clear: both;}

	#header_top h1{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; font-weight: bold; font-family:Arial,Helvetica,sans-serif; font-size:38px; line-height: 0px; color:#476F91;}
	#header_top h1 a{color:#476F91; text-decoration:none;}
	#header_top h1 a:hover{color:#53A9FF; text-decoration:none;}


#header_topleft {float: left; width: 268px; height: 65px; }

#header_topright {float: right; margin-top: 33px; overflow: hidden; width: 500px; text-align: right; /*height: 65px;*/}




/*TOP NAVIGATION STYLES*/
.top_nav {font-family: "Times New Roman", Times, serif; font-size: 11px; font-weight: bold; color: #000; }

		

#navbar {
	overflow: hidden;
	margin: 0;
	padding: 0;
		
	}
#navbar li {
	list-style: none;
	float: left; 
	text-align: left;
	
	
	}
#navbar li a {
	display: block;
	padding: 3px 8px;
	background-color: #fff;
	color: #000;
	text-decoration: none; }


#navbar li ul {
	
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	font-weight: normal; 
	display: none;
	width: 160px; /* Width to help Opera out */
	background-color: #fff;
	z-index: 1;	
}


* html #navbar li:hover li a, 
* html #navbar li.hover li a {height: 1%;}/* for IE/6.0*/


#navbar li:hover ul, #navbar li.hover ul {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0; 
	border-bottom: 1px solid #336699;
	}
#navbar li:hover li, #navbar li.hover li{
	float: none; }
#navbar li:hover li a, #navbar li.hover li a  {
	background-color: #fff;
	border-top: 1px solid #336699;
	border-right: 1px solid #336699;
	border-bottom: 0px solid #336699;
	border-left: 1px solid #336699;
	color: #000; }
#navbar li li a:hover {
	background-color: #eaeaeb; }

/*END TOP NAVIGATION STYLES*/


#header_bottom {width: 800px;  height: 173px; }
#header_bottomleft {float: left; width: 268px; height: 173px; background-image: url(/wordpress/wp-content/themes/company-website-001/ws_images/testimonialarea.jpg); background-repeat: no-repeat; }

#header_bottomright {margin-left: 271px; width: 529px; height: 168px; background:url(/wordpress/wp-content/themes/company-website-001/ws_images/header_image.jpg) }

* html #header_bottomright {margin-right:-10px;} 








	#ws_sidebar{ margin-left: 0; width:268px; float:none; position:relative; padding: 0px 0px 0px 0px; border: 0px solid #C00;}
	#ws_sidebar h2{ width:255px; float:none; position:relative; margin: 5px 5px 2px 0px; padding: 8px 5px 8px 0; height: 14px; display: block; font-family: verdana,arial; font-size: 12px; text-decoration:none; font-weight:bold; color:#476F91; text-align: right; background: url(/wordpress/wp-content/themes/company-website-001/ws_images/subnavigation_header.jpg) top right no-repeat;}
	
	#ws_sidebar h2 a {text-decoration: none; color: #476F91;}
	
	#ws_sidebar h1{ width:263px; float:none; position:relative; margin: 0px 5px 2px 0px; padding: 8px 5px 8px 0; height: 14px; display: block; font-family: verdana,arial; font-size: 12px; text-decoration:none; font-weight:bold; color:#476F91; text-align: right; background: url(/wordpress/wp-content/themes/company-website-001/ws_images/subnavigation_header.jpg) top right no-repeat;}
	
		#ws_sidebar h3{ width: 255px; display: block; padding: 4px 0px 4px 0px; text-decoration:none; color:#476F91; margin: 0px 0px 0px 0px; vertical-align: bottom; font-weight: bold; font-size: 12px; text-align: right;}
	
	
	.ws_menu {list-style: none; clear:left; }
	ul.ws_menu {padding: 0px 0px 0px 0px; margin: 0px 0px 10px 0px; list-style: none; width:182px; }
	ul.ws_menu li{margin: 0px 0px 2px 0px; display: block; font-family: verdana,arial; font-size: 12px; text-decoration:none; font-weight:normal; text-align: right; }
	ul.ws_menu li a{ width: 255px; display: block; padding: 4px 0px 4px 0px; text-decoration:none; color:#476F91; margin: 0px 0px 0px 0px; vertical-align: bottom;}
	ul.ws_menu li a:hover{ text-decoration:none; color:#004488; }
	
		.ws_menu_cloud {list-style: none; clear:left; text-align: right; }
	ul.ws_menu_cloud {padding: 0; margin: 0 0 10px 0; list-style: none; width:255px; }
	ul.ws_menu_cloud li{margin: 0 0 2px 0; display: block; font-family: verdana,arial; font-size: 12px; text-decoration:none; font-weight:normal; text-align: right; }
	ul.ws_menu_cloud li a{ width: 255px; display: block; padding: 4px 0; text-decoration:none; color:#476F91; margin: 0; vertical-align: bottom;}
	ul.ws_menu_cloud li a:hover{ text-decoration:none; color:#004488; }
	
.ws_menu_cloud a, .ws_menu_cloud a:visited {color: #476F91;}

.ws_menu_cloud a:hover {color: #004488; background-color: #FF9;} 


#centercontent {
border:0 none;
float:left;
font-size:12px;
line-height:16px;
margin:0 0 0 10px;
padding:0;
text-align:left;
width:519px;
}


#content {float: right; display:inline; position: relative; width:519px; padding: 15px 0px 0px 5px; border: 0px solid #900;}
#content h1{ color:#476F91; font-family:arial; font-size: 22px;  padding: 0px 0px 0px 0px; margin: 0; }
#content h1 a{ color:#476F91; font-family:arial; font-size: 22px; line-height: normal; padding: 0px 0px 0px 0px; margin: 0px; text-decoration:none;}
#content h1 a:hover{ color:#333333; font-family:arial; font-size: 22px; line-height: normal; padding: 0px 0px 0px 0px; margin: 0px; text-decoration:none;}

#content  h1.archive {color:#999; font-family:arial; font-size: 18px;  padding: 0px 0px 5px 0px; margin: 0 0 20px 0; border-bottom: 1px solid #999;} 
#content  h1.archive a { color:#476F91; font-family:arial; font-size: 22px; line-height: normal; padding: 0px 0px 0px 0px; margin: 0px; text-decoration:none;}
#content  h1.archive a:hover {color:#333333; font-family:arial; font-size: 22px; line-height: normal; padding: 0px 0px 0px 0px; margin: 0px; text-decoration:none; }

#content h2{ color:#476F91; font-family:arial; font-size: 18px; padding: 0px 0px 0px 0px; margin: 0px; clear:left;}
#content h2 a{ color:#476F91; text-decoration:none;}
#content h2 a:hover{ color:#333333; text-decoration:none;}
#content h2 a:visited{color:#476F91;}
#content p{ color:#333333; font-size: 12px; line-height:16px; text-align: justify;}
#content a{ color:#333333; }
#content a:hover{ color:#333333; text-decoration:none;}
#content ul{ color:#333333; font-size: 13px; line-height:1.7em;}
#content ol{ color:#333333; font-size: 13px; line-height:1.7em;}



blockquote { margin:20px; padding:8px 8px 8px 15px;}
blockquote p {background-color:inherit; color:#505050; font-size:0.9em; line-height:1.3em;}
label {background-color:inherit; color:#606060; font-size:0.9em; font-weight:bold;}
table#wp-calendar {margin:0 0 20px; width:140px;}
code {font-size:1.2em; display:block; padding:5px 5px 5px 8px; margin:5px 0 15px 0;}

#s,#submit {background-color:#ffffff; border:1px solid #cccccc; color:#505050; font-size:0.9em; margin:0 0 16px; padding:4px; width:130px;}
#author,#email,#url,#comment {border:1px solid #cccccc; font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size:1em; margin:0; padding:4px;}
#commentsection {margin:25px 0 0;}
#commentsection p {margin:0 0 6px;}


img {border: none;}
img.centered {display:block; margin-left:auto; margin-right:auto;}
img.alignright {padding:4px; margin:0 0 2px 7px; display:inline;}
img.alignleft {padding:4px; margin:0 7px 2px 0; display:inline;}
.aligncenter { display: block; margin-left: auto; margin-right: auto;}
.alignright {float:right;}
.alignleft {float:left;}

.divider{height: 20px; width:540px; background: url(img/divider.jpg) top center no-repeat; margin: 10px auto 20px auto;}
.left {border:1px solid #cccccc; float:left; margin:10px 15px 10px 0;}
.right {border:1px solid #cccccc; float:right; margin:10px 0 5px 10px;}
.center {border:1px solid #aaaaaa; margin:5px auto 12px; text-align:center;}
.textright {text-align:right;}
.small {font-size:0.8em;}
.bold {font-weight:bold;}
.hide {display:none;}
.post {margin:0px;}
.postinfo { color:#606060; font-size:0.9em; font-weight:bold; line-height:1.5em; margin:0px; padding:8px 0px 8px 0px;}
.comment { color:#606060; margin:0 0 10px; padding:8px 5px 0 8px;}
.comment p {font-size:0.9em; line-height:1.3em; margin:0 0 6px; padding-bottom:5px;}
.gravatarside {float:right; width:48px; height:48px; margin:0 5px 5px 5px;}
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.wp-caption img { margin: 0; padding: 0; border: 0 none;}
.wp-caption-dd { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}
#content .byline {color: #CCC; margin-top: 0; font-style: italic;}

#content .post {border-bottom: 1px solid #336699; padding-bottom: 10px; margin-bottom: 10px;}


#content .breadcrumb {
color: #000;
font-size:10px;
font-weight:normal;
padding:0;
margin-top: 0;
padding-top: 0;
padding-bottom: 10px; 
}

#content .breadcrumb a {
color: #476F91;
text-decoration: none;
}

#content .breadcrumb a:hover {
color: #476F91;
text-decoration: none;
}


.additionalinfo {
	margin: auto;
	border-top: 1px dotted #999;
/*	border-bottom: 1px dotted #999;*/
	
}

#content .additionalinfo p {
	color: #999;
}

#content .additionalinfo a, #content .additionalinfo a:visited {
	color: #999;
	text-decoration: none;	
}

#content .additionalinfo a:hover {
	text-decoration: underline;	
}


.alignleft {
 float: left;
}

.alignright {
 float: right;
}

.clear {clear: both;}



#footer{ height:55px; margin: 0px auto 0px auto; clear:both; font-size: 10px; text-align:center; width: 800px; padding-top: 20px; border-top: 1px solid #336699; } 


.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 */ 


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #content{width:100%; float:none;}
}

/*Testimonial classes
*/

.testimonial_content { font-size: 17px; font-style: italic;}
.testimonial_byline { font-size: 13px; font-weight: bold; }


/*
ROTATING POSTS PLUGIN STYLES
*/

div#rp_frame
{
	height: 170px;
	width: 250px;
	margin: 0;
	padding: 5px;
	border: solid 0px #000;
	overflow: hidden;
}

div.rp_post
{
}

div.rp_post h2
{
	margin: 0;
}

div.rp_post_title
{
}

div.rp_post_time_author
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	color: #777;
	margin: 0 0 5px 0;
}

div.rp_post_content
{
	height: 170px;
	
	margin: 0;
	padding: 5px;
	overflow: hidden;
}

div.rp_post_content p
{
	padding: 0 0 10px 0;
	margin: 0;
	line-height: normal;
}

div.rp_post p.rp_post_metadata
{
	color: #777;
	margin: 0;
	padding: 0;
}

div#rp_nav
{ display: none;
	margin: 10px 0 0 0;
	padding: 0 0 3px 0;
}

div#rp_nav a
{
	cursor: pointer;
	text-decoration: none;
}

div#rp_nav #rp_nav_arrows
{
	padding: 0 15px 0 0;
}

div#rp_nav #rp_nav_arrows a.rp_nav_button:hover
{
	/*color: #b85b5a;*/
}

div#rp_nav #rp_nav_arrows a#rp_nav_left
{
}

div#rp_nav #rp_nav_arrows a#rp_nav_pause
{
}

div#rp_nav #rp_nav_arrows img
{
}

div#rp_nav #rp_nav_arrows span.rp_nav_arrow_text
{
	padding: 2px 5px 2px 5px;
	border: solid 1px #000;
}

div#rp_nav #rp_nav_arrows span.rp_nav_arrow_text:hover
{
	background-color: #b85b5a;
}

div#rp_nav #rp_nav_arrows a#rp_nav_pause img#rp_nav_pause_normal
{
}

div#rp_nav #rp_nav_arrows a#rp_nav_pause img#rp_nav_pause_pressed
{
}

div#rp_nav #rp_nav_arrows a#rp_nav_pause span#rp_nav_pause_normal
{
}

div#rp_nav #rp_nav_arrows a#rp_nav_pause span#rp_nav_pause_pressed
{
	/*color: #b85b5a;*/
	background-color: #ddd;
}

div#rp_nav #rp_nav_arrows a#rp_nav_right
{
}

div#rp_nav #rp_nav_thumbnails
{
}

div#rp_nav #rp_nav_thumbnails a.rp_nav_thumbnail
{
}

div#rp_nav #rp_nav_thumbnails img
{
	margin: 0 5px 0 0;
	border: solid 1px #000;
}

div#rp_nav #rp_nav_thumbnails img.rp_nav_thumbnail_on
{
}

/*div#rp_nav #rp_nav_thumbnails img.rp_nav_thumbnail_off
{
	opacity: 0.2;
	filter: alpha(opacity=20);
}

div#rp_nav #rp_nav_thumbnails img.rp_nav_thumbnail_off:hover
{
	opacity: 0.5;
	filter: alpha(opacity=50);
}*/

div#rp_nav #rp_nav_thumbnails span.rp_nav_thumbnail_on
{
	padding: 2px 5px 2px 5px;
	border: solid 1px #000;
	background-color: #ddd;
}

div#rp_nav #rp_nav_thumbnails span.rp_nav_thumbnail_on:hover
{
	background-color: #b85b5a;
}

div#rp_nav #rp_nav_thumbnails span.rp_nav_thumbnail_off
{
	padding: 2px 5px 2px 5px;
	border: solid 1px #000;
}

div#rp_nav #rp_nav_thumbnails span.rp_nav_thumbnail_off:hover
{
	background-color: #b85b5a;
}


.wp-tag-cloud {border: 1px solid #000;}

#social_icons {
	width: 149px;
	height: 24px;
	margin-left: 113px;
	margin-top: 5px;
	
	}

.icon {
	
	display: inline;
	padding-left: 5px;
}