/* 

Theme Name: obs

Theme URI: http://www.naidacom.com

Description: This is a theme for Olympic Builders Supply.

Version: 1.1

Author: Naida Communications

Author URI: http://www.naidacom.com

*/

html
{
	height: 100%;
}

body
{
	border: 0px;
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	line-height: 18px;
	font-family: "myriad-pro";
	color: #4f4e4e;
	background-color: #5ea9ad;
	height: 100%;
}

a
{
	color: #666869; 
	font-weight: bold;
	text-decoration: none;
}

a:hover
{
	color: #55b5b8; 
	font-weight: bold;
}

input.homepage
{
	background-color: #3c3d3e;
	color: #ffffff;
	border: 1px solid #2d2e2e;
}

strong
{
	font-family: "myriad-pro";
	font-weight: bold;
}

img{border: 0px;}
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}

#top-action-bar
{
	width: 100%; 
	background-color: #303233;
	height: 37px;
	color: #ffffff;
	text-align: center;
	z-index: 1;
	position: relative;
}

#top-action-bar #top-action-bar-content
{
	width: 944px; 
	height: 37px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	text-align: right;
}

#top-division-bar
{
	width: 100%; 
	background-color: #6a6b6d;
	height: 27px;
	color: #a6a9a9;
	text-align: center;
	background-image: url('images/div-bar.png');
	background-repeat: repeat-x;
	background-position: top left;
	z-index: 1;
	position: relative;
}

#top-division-bar #top-division-bar-content
{
	width: 944px; 
	margin:0px auto;
	height: 27px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
}

#top-division-bar #top-division-bar-content ul 
{
	width: 774px;
	list-style:none;
	margin: 0;
	padding:0;
	float: right;
	background-image: url('images/first-link.png');
	background-repeat: no-repeat;
	background-position: top left;
	text-align: right;
}

#top-division-bar #top-division-bar-content ul li 
{
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
	float: left;
}

#top-division-bar #top-division-bar-content ul li a 
{
	display:block;
	float:left;
	text-align:center;
	vertical-align: middle;
	color:#a6a9a9;
	font-family: "myriad-pro";
	font-size: 14px;
	line-height: 16px;
	font-weight: 500;
	text-decoration:none;
	position:relative;
	height: 23px;
	padding-top: 4px;
	padding-right: 12px;
	padding-left: 12px;
	margin-top: 0px;
}

#top-division-bar #top-division-bar-content ul li a:hover 
{
	color: #03f4fd;
}

#top-division-bar #top-division-bar-content ul li a.active,
#top-division-bar #top-division-bar-content ul li a.active:hover 
{
	color:#03f4fd;
	background-color: #393e41;
}

#top-division-bar #top-division-bar-content ul li a span 
{
	display:block;	
}

#top-division-bar #top-division-bar-content ul li a span.centered 
{
	display:block;
}

/* END TOP SITE-WIDE ELEMENTS */


#main
{
	width: 944px;
	z-index: 1;
}

#main-home
{
	width: 1064px;
	z-index: 1;
	position: absolute;
  left: 50%;
  top: 50%;
  height: 538px;
  margin-top: -269px;
  width: 1064px;
  margin-left: -582px;
}


#main #top-banner 
{
	width: 944px;
	height: 145px;
	float: left;
}

#main #top-banner #top-banner-left
{
	width: 199px;
	height: 195px;
	float: left;
	background-image: url('images/top_banner.png');
	background-repeat: no-repeat;
	background-position: top left;
	margin-top: -60px;
	z-index: 200;
	position: relative;
	
}

#main #top-banner #top-banner-right
{
	width: 745px;
	height: 195px;
	float: right;
	margin-top: -60px;
	
}

/* START NAVIGATION BLOCK */

#main #nav-banner-container
{
	width: 944px;
	height: 35px;
	background-color: #363f2e;
	float: left;
	background-image: url('images/nav-bg.png');
	background-repeat: repeat-x;
	background-position: top left;
	z-index: -1;
	margin-top: -35px;
}

/* END NAVIGATION BLOCK */

/* FLASH MOVIE - ACCORDIAN */


#main #flash-movie-ip
{
	height: 380px;
	width: 944px;
	padding: 0px;
	float: left;
	cursor: pointer;
}

/* inner page styles */

#main #center-content-container-ip
{
	float: left;
	width: 944px;
	height: 100%;
	background-color: #ffffff;
	background-image: url('images/inner-page-background.png');
	background-repeat: no-repeat;
	background-position: bottom right;
}



#main #center-content-container-ip #center-content-ip
{
	width: 1001px;
	float: left;
	text-align: left;
}


#main #center-content-container-ip #center-content-ip h3
{
	font-family: "myriad-pro";
	font-size: 22px;
	font-weight: bold;
	font-style: italic;
	line-height: 24px;
	color: #55b5b8; 
	margin-bottom: 4px;
}

#main #center-content-container-ip #center-content-ip h3.qa-faq-title
{
	font-family: "myriad-pro";
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
	line-height: 18px;
	color: #55b5b8; 
	margin-bottom: 4px;
}

#main #center-content-container-ip #center-content-ip #right-column-ip
{
	width: 340px;
	float: right;
}

#main #center-content-container-ip #center-content-ip #right-column-ip #right-column-content-ip
{
	width: 330px;
	float: left;
	margin-left: 0px;
	margin-right: 10px;
	padding-top: 20px;
	text-align: left;
}

#main #center-content-container-ip #center-content-ip #left-column-ip
{
	float: left;
	width: 620px;
	text-align: left;
	margin-top: 0px;
}

#main #center-content-container-ip #center-content-ip #left-column-ip #left-column-content-ip
{
	width: 610px;
	margin-left: 5px;
	margin-right: 5px;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 10px;
	padding-bottom: 125px;
	float: left;
	font-family: "myriad-pro";
}

#main #center-content-container-ip #center-content-ip #left-column-ip #left-column-content-ip #breadcrumbs
{
	font-size: 12px;
	float: left;
}

#main #center-content-container-ip #center-content-ip #left-column-ip #left-column-content-ip #breadcrumbs a
{
	color: #000000;
	text-decoration: none;
}

#main #center-content-container-ip #center-content-ip #left-column-ip #left-column-content-ip #breadcrumbs a:hover
{
	color: #55b5b8;
	text-decoration: underline;
}

#main #center-content-container-ip #center-content-ip #left-column-ip #left-column-content-ip a
{
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

#main #center-content-container-ip #center-content-ip #left-column-ip #left-column-content-ip a:hover
{
	text-decoration: none;
	color: #55b5b8;
}


/* START FOOTER CSS */

#footer
{
	width: 100%;
	height: 102px;
	background-image: url('images/footer-background.gif');
	background-repeat: repeat-x;
	background-position: top left;
	font-family: "myriad-pro";
	clear: both;
}

#footer-content
{
	width: 944px;
	height: 102px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

#footer #footer-content-right
{
	width: 450px;
	margin-right: 15px;
	height: 55px;
	float: right;
	font-weight: bold;
	margin-top: 15px;
	font-size: 14px;
	color: #000000;
	text-align: right;
}

#footer #footer-content-right a
{
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

#footer #footer-content-right a:hover
{
	font-weight: bold;
	color: #55b5b8;
	text-decoration: none;
}

#footer #footer-content-left
{
	width: 450px;
	height: 55px;
	float: left;
	margin-top: 15px;
	margin-left: 10px;
	font-weight: bold;
	font-size: 14px;
	color: #000000;
	text-align: left;
}

/* END FOOTER CSS */

/* ADDED CODE FIX FOR SLIDESHOW IN FIREFOX */

#image img {
left:0 !important;
}

.faq-catname
{
	display: none;
}

.qa-faq-title
{
	font-size: 16px;
}

h3 a.qa-faq-anchor
{
	text-decoration: none;
}