/*   
Theme Name: 12 Jewels Home
Theme URI: http://www.12jewels.com/
Description: Home Page.
Author: Frederick Satchell
Author URI: http://www.12jewels.com/
Version: 1
*/

body {
	background:#000068;
}

#header {
	position:relative;
	width:1000px;
	text-align:center;
	margin:0px auto 0px auto;
}

#logo {
	position:relative;
	width:100%;
	text-align:center;
	margin:10px 0px 0px 0px;
}

#nav {
	position:relative;
	background:#000;
	width:1000px;
	height:50px;
	margin:50px auto 0px auto;
}

/* Main Menu */

	#headernav 			{ position:relative; width: 1000px;}
	ul#headernav 			{ position:relative; width:1000px; color:#666; text-decoration:none; list-style-type: none; z-index:5000; height:50px; padding:0px; }
	ul#headernav li 		{ position:relative; color:#666; text-decoration:none; list-style-type: none; float:left; font-size:1.2em; margin:0px 30px 0px 20px;
					 font-weight:normal; height: 35px; padding: 15px 7px 0px 7px; background-image: url(images/arrows.jpg); background-position-y: 15px; background-repeat: no-repeat; }
	ul#headernav li:hover 		{ background-image: url(images/arrows_hover.jpg); background-repeat: no-repeat; background-color:#0404b7; padding-right:7px; padding-left:50px; }
	ul#headernav li a		{ position:relative; color:#666; text-decoration:none; list-style-type: none; font-weight:normal; text-transform:uppercase; margin-left: 20px; }
	ul#headernav li a:hover		{ color:#666;}

/* Trick the WordPress Theme Bot *Evil* */
.aligncenter			{ display: block; margin: 0 auto; }
.alignright				{ float: right; margin: 0 0 1em 1em; }
.alignleft				{ float: left; margin: 0 1em 1em 0; }
.floatleft				{ float: left; }
.floatright				{ float: right; }
img.aligncenter, img.alignright, 
img.alignleft			{ border: 3px solid #EEE; }


/* Accordian */

		  .sample{margin:30px;border:1px solid #92cdec;background:#d7e7ff;padding:30px}
		  h1{margin:0 0 20px 0;padding:0;font-size:2em;}
		  h2{margin:40px 0 20px 0;padding:0;font-size:1.6em;}
		  .easy-accordion h2{margin:0px 0 20px 0;padding:0;font-size:1.6em;}
		  p{font-size:1.2em;line-height:170%;margin-bottom:20px}
		  
		/* UNLESS YOU KNOW WHAT YOU'RE DOING, DO NOT CHANGE THE FOLLOWING RULES */
		
		.easy-accordion{display:block;position:relative;overflow:hidden;padding:0;margin:0}
		.easy-accordion dt,.easy-accordion dd{margin:0;padding:0}
		.easy-accordion dt,.easy-accordion dd{position:absolute}
		.easy-accordion dt{margin-bottom:0;margin-left:0;z-index:5;/* Safari */ -webkit-transform: rotate(-90deg); /* Firefox */ -moz-transform: rotate(-90deg);-moz-transform-origin: 20px 0px;  /* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);cursor:pointer;}
		.easy-accordion dd{z-index:1;opacity:0;overflow:hidden}
		.easy-accordion dd.active{opacity:1;}
		.easy-accordion dd.no-more-active{z-index:2;opacity:1}
		.easy-accordion dd.active{z-index:3}
		.easy-accordion dd.plus{z-index:4}
		.easy-accordion .slide-number{position:absolute;bottom:0;left:10px;font-weight:normal;font-size:1.1em;/* Safari */ -webkit-transform: rotate(90deg); /* Firefox */ -moz-transform: rotate(90deg);  /* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);}
		 
		 
		/* FEEL FREE TO CUSTOMIZE THE FOLLOWING RULES */
		
		dd p{line-height:120%; text-align: left;font-family: arial, helvetica, sans-serif;font-size: 1.0em;}
		
		#accordion-1{width:975px;height:350px;padding:30px;background:#fff;border:1px solid #b5c9e8;margin:10px auto 10px auto;}
		#accordion-1 dl{width:975px;height:350px}	
		#accordion-1 dt{height:46px;line-height:44px;text-align:right;padding:0 15px 0 0;font-size:1.1em;font-weight:bold;font-family: Tahoma, Geneva, sans-serif;text-transform:uppercase;letter-spacing:1px;background:#ccc url(images/slide-title-inactive-1.jpg) 0 0 no-repeat;color:#000068;
		border-top:1px #000068 solid;
		border-left:1px #000068 solid;
		border-right:1px #000068 solid;}
		#accordion-1 dt.active{cursor:pointer;color:#fff;background:#ccc url(images/slide-title-active-2.jpg) 0 0 no-repeat}
		#accordion-1 dt.hover{color:#000;;text-shadow:2px 2px 4px #fff;}
		#accordion-1 dt.active.hover{color:#000;text-shadow:2px 2px 4px #fff;}
		#accordion-1 dd{padding:25px;background:url(images/slide.jpg) bottom left repeat-x;border:1px solid #dbe9ea;border-left:0;margin-right:3px}
		#accordion-1 .slide-number{color:#000068;left:10px;font-weight:bold}
		#accordion-1 .hover .slide-number{color:#000;}
		#accordion-1 .active .slide-number{color:#fff;}
		#accordion-1 .active.hover .slide-number{color:#000;}
		#accordion-1 a{color:#68889b}
		#accordion-1 dd img{float:right;margin:0 0 0 30px;}
		#accordion-1 h3{font-size:1.2em;margin-top:10px;font-family: arial, helvetica, sans-serif;float: left; width:100%; position:relative; text-align: left;}
		#accordion-1 .more{padding-top:10px;display:block}


/* slide out panel */


.panel {
position: fixed;
top: 50px;
left: 0;
display: none;
background: #000000;
border:1px solid #111111;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
width: 200px;
height: 330px;
padding: 30px 30px 30px 30px;
filter: alpha(opacity=85);
opacity: .85;
z-index:2;
}

.panel .formrow{
	margin-top: 5px;
	color:#fff;
	font-size: 0.7em;
	position: relative;
	float: left;
}

.panel input {
	position: relative;
	float: left;
	}
	
.panel submit {
	position: relative;
	float: left;
		}

.panel p{
margin: 0 0 15px 0;
padding: 0;
color: #cccccc;
}

.panel #email {
	color:#fff;
	position:relative;
	float:left;
	margin-top: 10px;
	font-size: 0.8em;
}

.panel #email a{
	color:#fff;
}

.panel #telephone {
	color:#fff;
	position:relative;
	float:left;
	margin-top: 10px;
	font-size: 0.8em;
}
.panel a, .panel a:visited{
margin: 0;
padding: 0;
color: #9FC54E;
text-decoration: none;
border-bottom: 1px solid #9FC54E;
}

.panel a:hover, .panel a:visited:hover{
margin: 0;
padding: 0;
color: #ffffff;
text-decoration: none;
border-bottom: 1px solid #ffffff;
}

.trigger {
	z-index:3;
	}
a.trigger{
position: fixed;
text-decoration: none;
top: 80px; left: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 20px 40px 20px 15px;
font-weight: 700;
background:#333333 url(images/plus.png) 85% 55% no-repeat;
border:1px solid #444444;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
display: block;
outline:none;
}

a.trigger:hover{
position: fixed;
text-decoration: none;
top: 80px; left: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 20px 40px 20px 20px;
font-weight: 700;
background:#222222 url(images/plus.png) 85% 55% no-repeat;
border:1px solid #444444;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
display: block;
outline:none;
}

a.active.trigger {
background:#222222 url(images/minus.png) 85% 55% no-repeat;
outline:none;
}

.trigger:focus {
  -moz-outline-style: none;
}
.columns{
clear: both;
width: 330px;
padding: 0 0 20px 0;
line-height: 22px;
}

.colleft{
float: left;
width: 130px;
line-height: 22px;
}

.colright{
float: right;
width: 130px;
line-height: 22px;
}

ul{
padding: 0;
margin: 0;
list-style-type: none;
}

ul li{
padding: 0;
margin: 0;
list-style-type: none;
}

hr{
background-color: #333333;
height: 1px;
}