/*
Theme Name: Black Pearl PC
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, 
acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, 
strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	}
	
p {margin:0;padding:0;}

body {line-height: 1;}
	
ol, ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
	
:focus {outline: 0;}

button::-moz-focus-inner {border: 0;}
	
ins {text-decoration: none;}

del {text-decoration: line-through;}

table {border-collapse: collapse;border-spacing: 0;}
	
a:focus, a:active {outline:0;}

.clear {
	clear: both;
	width: 100%;
	height: 0px;
	}



html, body, input, select, textarea, table, td, tr, h1, h2 {
	font-family: "myriad-pro-1","myriad-pro-2",sans-serif;
	color: #282828;
	font-size:12px;
	}
	
body {
	background:url("images/bg_body.gif") repeat 0 0 #FFF;
	}	

#wrapper {
	width:1000px;
	margin:auto;
	position:relative;
	}
	
#content {
	width:950px;
	padding:0 25px 25px 25px;
	background:#FFF;
	float:left;
	margin:0 0 25px 0;
	}



#content #side {
	width:233px;
	margin:0 6px 0 0;
	float:left;
	}
	
#content #side h2.side-title {
	font-size:16px;
	font-weight:normal;
	margin:0 0 20px 0;
	}

body.page-id-4 h2.side-title,
body.parent-pageid-4 h2.side-title {
	color:#77c8e9;
	}

body.page-id-5 h2.side-title,
body.parent-pageid-5 h2.side-title {
	color:#aece85;
	}
	
body.page-id-12 h2.side-title,
body.parent-pageid-12 h2.side-title {
	color:#e5977b;
	}
	
body.page-id-18 h2.side-title,
body.parent-pageid-18 h2.side-title {
	color:#7Ab3b8;
	}	

#content #side #menu {
	background:#f1f1ee;
	padding:15px;
	width:203px;
	min-height:290px;
	margin:0 0 3px 0;
	}
	
#content #side #menu li {
	margin:0 0 15px 0;
	}
	
#content #side #menu li.current_page_item a {
	color:#666;
	font-weight:bold;
	}

#content #side #menu li a {
	color:#8c8c8b;
	text-decoration:none;
	}

#content #side #menu li a:hover {
	color:#666;
	}

#content #side #options {
	background:#f1f1ee;
	padding:15px;
	}

a#print {
	display:block;
	background:url("images/btn_print.gif") no-repeat;
	width:119px;
	height:21px;
	text-indent:-9999px;
	margin:0 0 10px 0;
	}

a#print:hover {
	background-position:0 -21px;
	}

a#email {
	display:block;
	background:url("images/btn_email.gif") no-repeat;
	width:119px;
	height:21px;
	text-indent:-9999px;
	}

a#email:hover {
	background-position:0 -21px;
	}
	
#main {
	width:711px;
	float:left;
	min-height:500px;
	}
	
#main .entry-content {
	margin:0 0 40px 20px;
	float:left;
	}

#main-full-page {
	width:950px;
	float:left;
	min-height:500px;
	}
	
#main-full-page .entry-content {
	margin:0 0 40px 0;
	float:left;
	}
	
h1.entry-title {
	font-size:28px;
	letter-spacing:2px;
	font-weight:normal;
	width:100%;
	padding:0 0 30px 0;
	}

.entry-content h2 {
    color: #9D9D97;
    font-size: 15px;
    font-weight: normal;
    margin: 0 0 15px;
	}
	
.entry-content h2 span a {
    background: #F3F3F3;
    border: 1px solid #EEE;
    color: #CCC;
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 0 20px;
    padding: 2px 6px;
    text-align: right;
    text-decoration: none;
	}

.entry-content h2 span a:hover {
	color:#666;		
	}

.entry-content h3 {
    color: #9D9D97;
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 10px;
	}

.entry-content p, #content #main .entry-content ul {
	line-height:18px;
	margin:0 0 18px 0;
	}
	
.entry-content p a, .entry-content div ul li a {
	color:#282828;
	}

.entry-content p a:hover, .entry-content div ul li a:hover {
	color:#888;
	}	
	

.entry-content div ul li {
	list-style: none;
	padding:0 0 5px 5px;
	margin:0;
	}

.entry-content ul li {
	list-style: disc;
	padding:0 0 5px 5px;
	margin:0 0 0 35px;
	}

.entry-content ul ul {
	padding:0 0 5px 0;
	}
	
.entry-content div ul ul li {
	list-style: none;
	padding:0 0 5px 5px;
	margin:0 0 0 35px;
	}

.entry-content ul ul li {
	list-style: lower-roman;
	padding:0 0 5px 5px;
	margin:0 0 0 35px;
	}
	
.entry-content ol {
	margin:0 0 20px 0;
	}

.entry-content ol li {
	list-style: decimal;
	padding:0 0 5px 5px;
	margin:0 0 0 35px;
	}

#crumbs {
	font-weight:bold;
	margin:20px 0;
	color:#999;
	}
	
#crumbs a {
	color:#999;
	font-weight:normal;
	text-decoration:none;
	}

#crumbs a:hover {
	color:#666;
	}
	
#login {
	width:1000px;
	height:41px;
	background:url("images/bg_login.png") no-repeat 0 0;
	}
		
#login p {
	float:right;
	margin: 22px 28px 0;
	}
	
#login p a {
	color:#8b8a8a;
	text-decoration: none;
	}

#login p a:hover {
	color:#CCC;
	}
	
#header {
	background:#FFF;
	width:1000px;
	height:126px;
	}

a#logo {
	background:url("images/logo.png") no-repeat 0 0;
    display: block;
    height: 58px;
    left: 25px;
    position: absolute;
    text-indent: -9999px;
    top: 25px;
    width: 196px;
	}	

#searchArea {
    position: absolute;
    right: 25px;
    top: 65px;
	}

#searchArea p {
	font-size:14px;
	color:#7b7979;
	margin:0 0 10px 0;
	text-align:right;
	}

#searchArea input#s, #useremail  {
   background: url("images/bg_search.gif") repeat-x;
    border: medium none;
    padding: 4px;
    width: 165px;
	}
	
#useremail {
    width: 190px;
	}

.contactSubmit {
    background:#000;
    border:none;
    color: #FFF;
    cursor: pointer;
    padding: 5px 8px;
	}

.searchsubmit, #homeSubmit {
    background:#000;
    border:none;
    color: #FFF;
    cursor: pointer;
    margin: 0 0 0 -3px;
    padding: 2px 4px;
	}

.searchsubmit:hover, #homeSubmit:hover, .contactSubmit:hover {
	background:#444;
	}
	
.menu-main-menu-container {
	margin: 0 25px;
    position: absolute;
    top: 130px;
    width: 950px;
	}

ul#menu-main-menu li {
    border-bottom: 5px solid #000;
    display: block;
    float: left;
    margin: 0 8px 0 0;
    padding: 0 0 10px;
    width: 183px;
    cursor:pointer;
}

ul#menu-main-menu li:hover {
    border-bottom: 5px solid #999;
	}

ul#menu-main-menu li#menu-item-18 {
	margin:0;
	}
	
ul#menu-main-menu li a {	
	color:#282828;
	text-decoration:none;
	letter-spacing: 1px;
	font-size:13px;
	display:block;
	width:182px;
	}

ul#menu-main-menu li a:hover {
	color:#282828;
	}	

ul#menu-main-menu li ul.sub-menu li {
	padding:12px;
	border-top:1px solid #fff;
	border-bottom:none;
	}

ul#menu-main-menu li ul.sub-menu li a {
	font-size:11px;
	padding:10px;
	color:#fff;
	width:130px;
	line-height:15px;
	}

ul#menu-main-menu li ul.sub-menu li {
	margin:0;
	padding:0;
	}

ul#menu-main-menu li#menu-item-15, ul#menu-main-menu li#menu-item-16, ul#menu-main-menu li#menu-item-17, ul#menu-main-menu li#menu-item-18 {
	background:url("images/bg_dropdown.gif") no-repeat 165px 5px ;
	}

ul#menu-main-menu li#menu-item-15 ul.sub-menu li a:hover {
	color:#bbe4f4;
	}
	
ul.dropdown li#menu-item-15 ul {
	background:#77c8e9;
	}	
	
ul#menu-main-menu li#menu-item-16 ul.sub-menu li a:hover {
	color:#d9edbf;
	}
	
ul.dropdown li#menu-item-16 ul {
	background:#aece85;
	}

ul#menu-main-menu li#menu-item-17 ul.sub-menu li a:hover {
	color:#ebc2b4;
	}
	
ul.dropdown li#menu-item-17 ul {
	background:#e5977b;
	}
	
ul#menu-main-menu li#menu-item-18 ul.sub-menu li a:hover {
	color:#b4d3d6;
	}
	
ul.dropdown li#menu-item-18 ul {
	background:#7Ab3b8;
	}	
	
ul.dropdown {
	list-style:none;
	float:left;
	width:100%;
	}
 
ul.dropdown  li{
	float:left; 
	position:relative; 
	}
 
ul.dropdown li ul a {
	display:block;
	}
  
ul.dropdown ul {
	list-style: none;
	margin:0; 
	padding:0;
	width:183px; 
	position:absolute; 
	z-index:500; 
	}
	 
ul.dropdown li ul {
    top:22px;
	}
 
ul.dropdown ul ul {
	top:0;
	left:100%;
	}
 
ul.dropdown ul li {
	float:none;
	}
 
ul.dropdown ul,
ul.dropdown li:hover ul ul,
ul.dropdown ul li:hover ul ul { 
	display: none; 
	}
 
ul.dropdown li:hover ul,
ul.dropdown ul li:hover ul ,
ul.dropdown ul li ul li:hover ul { 
	display: block;
	}	
	
.banners {
	height: 346px;
    margin: 0 0 6px;
	}
	
#newsticker {
	width:950px;
	height:31px;
	margin:0 0 6px 0;
	background:#f7f7f5;
	}

#newsticker h2 {
	background: none repeat scroll 0 0 #000000;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: normal;
    padding: 9px;
    text-align: center;
    width: 103px;
    float:left;
	}

#newsticker p {
    float: left;
    padding: 9px 0 0 20px;
    font-size:14px;
	}

#newsticker .more {
	float:right;
	}
	
#content #main .entry-content ul.forms li {
	list-style:none;
	padding:0;
	margin:0;
	clear:both;
	float:left;
	}

.banners input {
	display:none;
	}

.banners ul li {
	display:inline-block;
	float:left;
	}
	
.error {
	color:#FF0000;
	float:left;
	padding:8px 0 0 15px;
	}

ul.forms li label{
    float: left;
    padding: 8px 0 0;
    width: 155px;	
    }

ul.forms li select{
    float: left;
   	margin: 3px 0 13px;
    border:2px solid #FFF;
	background:#F1F1EE;
	padding:5px;
	width: 218px;
	}	

ul.forms li input.loginSubmit {
	background:#000000;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    padding: 5px 8px;
    width:50px;
	}

ul.forms li input.loginSubmit:hover {
	background:#444444;
	}

ul.forms li input, ul.forms li textarea{
	border:1px solid #FFF;
	background:#F1F1EE;
	padding:8px;
	margin:0 0 10px 0;
	width:200px;
	resize:none;
	float:left;
	}

input:focus, select:focus {
    outline: none;
	}

ul.forms li select.ErrorField, ul.forms li input.ErrorField, ul.forms li textarea.ErrorField {
	border: 1px solid #DD0000;
	}

span.ValidationErrors {
	float:left;
    font-size: 12px;
    color: #D00;
    padding: 10px 0 0 10px;
    font-style: italic;
	}

#content .col1 h3, 
#content .col2 h3, 
#content .col3 h3, 
#content .col4 h3{
	font-size: 15px;
    font-weight: normal;
    margin: 26px 0 19px 17px;
	}

#content .col1 ul, 
#content .col2 ul, 
#content .col3 ul, 
#content .col4 ul {
	margin:0 0 0 17px;	
	}

#content .col1 li,
#content .col2 li,
#content .col3 li,
#content .col4 li {
	color:#636462;
    margin: 0 0 16px 14px;
	}

#content .col1 li a, 
#content .col2 li a, 
#content .col3 li a, 
#content .col4 li a {
	color:#636462;
	text-decoration:none;
	}

#content .col1 li a:hover, 
#content .col2 li a:hover, 
#content .col3 li a:hover, 
#content .col4 li a:hover {
	color:#999;
	}

#content .col1 {
	float:left;
	background:url("images/bg_col1_home.gif") repeat-x 0 0 #EFF0EC;
	width:233px;
	height:180px;
	margin:0 6px 0 0;
	}

#content .col1 li {
    list-style-image: url("images/bullet_col1_home.gif");
	}
	
#content .col2 {
	float:left;
	background:url("images/bg_col2_home.gif") repeat-x 0 0 #EFF0EC;
	width:233px;
	height:180px;
	margin:0 6px 0 0;
	}

#content .col2 li {
    list-style-image: url("images/bullet_col2_home.gif");
	}
	
#content .col3 {
	float:left;
	background:url("images/bg_col3_home.gif") repeat-x 0 0 #EFF0EC;
	width:233px;
	height:180px;
	margin:0 6px 0 0;
	}

#content .col3 li {
    list-style-image: url("images/bullet_col3_home.gif");
	}
	
#content .col4 {
	float:left;
	background:url("images/bg_col4_home.gif") repeat-x 0 0 #EFF0EC;
	width:233px;
	height:180px;
	}

#content .col4 li {
    list-style-image: url("images/bullet_col4_home.gif");	
    }

#footer {
    float: left;
    margin: 6px 0 0;
    padding:15px;
    width: 920px;
	background:#f8f8f7;
	color:#babbb3;
	}

#footer a {
	color:#babbb3;
	text-decoration:none;
	}

#content #footer a:hover {
	color:#AAA;
	}

#content #footer p.left {
	float:left;
	}

#content #footer p.right {
	float:right;
	}

.results {
	border-bottom:1px solid #F3F3F3;
	margin:0 0 20px 0;
	}
	

