/*   
	Theme Name: George Heinl & Co. Limited's official website
	Theme URI: http://www.georgeheinl.com
	Description: Design for George Heinl & Co. Limited's official website
	Version: 1
	Author: Donna Vitan, Daniel Torreblanca
	Author URI: http://www.donnavitan.com, http://www.bonetree.net
*/
/********************************************** Begin Base Elements */
html {
	height:100%; }
body {
	height:100%;
	margin:0;
	padding:0;
	font-size:62.5%; /*  Resets 1em to 10px */
	font-family:Verdana, Helvetica, sans-serif;
	background:#000 url(/img/bg.jpg) top center no-repeat;
	border:none;
	color:#FFF;
	text-align:center; }
* {
	margin:0;
	padding:0;}
/********************************************** End Base Elements */
/********************************************** Begin Typography */
h1, h2, h3, h4, h5 {
	font-family:Georgia, Times New Roman, serif;
	font-weight:normal;
	margin-bottom:.3em;
	line-height:130%;}
h1 { font-size: 1.8em; }
h2 { font-size: 1.6em; color:#E0C8B4; }
h3 { font-size: 1.3em; color:#E0C8B4; }
h4 { font-size: 1.2em; color:#E0C8B4; }
h5 { font-size: 1.2em; }
p { 
	margin-bottom: .8em; }
strong, bold {	font-weight: bold; }
em, italic { font-style: italic; }
small {
	font-size: .8em; }
code {
	font: 1.1em 'Courier New', Courier, Fixed; }
caption {
	font-size: .8em; }
blockquote {
	margin: 1em 0 1em 2em; }
blockquote cite {
	margin: .5em 0 0;
	display: block; }
hr { clear: both;
	display: block;
	height: 1%;
	border: 1px solid #FFF;}
a {
	color: #FFD480;
	text-decoration: none; }
a:hover {
	color: #FFFFCC;
	text-decoration: underline;	}
#nav-main li a.active {
	color:#FFF; }
/**********************************************  Begin Various Tags & Classes */
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { text-align: center; }
.clear { clear: both; }
.alignrighttext { text-align: right; }
.alignlefttext { text-align: left; }
ul, ol {
	margin: .5em 0 1em 1.4em;
	list-style: outside;
	line-height: 120%;
	overflow: visible;	}
ul ul, ol ol, ul ol, ol ul {
	margin:0 0 0 1.4em; }
ul { list-style: disc; }
ol { list-style: decimal; }
li { margin-bottom: .2em; }
ul.nobullet {
	margin: .5em 0 1em;
	padding: 0;
	list-style: none;
	list-style-image: none;	}
abbr {
	color: #FF3300;
	border: none;
	vertical-align: top;}
/********************************************** Image and Attachment */
a img {
	border: none;
	text-decoration: none;	}
a:hover img{
	border: none;
	text-decoration: none; }
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto; }
img.alignright {
	margin: 0 0 5px 15px;
	display: inline; }
img.alignleft {
	margin: 0 15px 5px 0;
	display: inline; }
/********************************************** End Images */
/********************************************** Begin Structure */
#wrapper {
	min-width:960px;
	width:100%;
	height:auto !important;
	height:100%;
	margin:0 auto;	
	padding:0;
	font-size:1.3em;
	line-height:140%;
	background:#000 url(/img/bg.jpg) top middle no-repeat; }
/********************************************** Begin Header */
#header {
	width:960px;
	height:150px;
	margin:0 auto;
	display: block;
	font-family:Georgia, Times New Roman, serif;
	font-size:1.2em;
	text-align:right;
	color:#b7b3a9;	}
#branding {
	margin:20px 0 0;
	width:300px;
	height:110px;
	display:block;
	float:left;	}
#branding-logo {
	margin-left:10px;
	width:300px;
	height:110px;
	display:block;
	background:url(/img/bg-header-logo.jpg) no-repeat top left; }
#branding-tagline {}
#header-contact {
	margin:30px 0 0 10px;
	width:620px;
	display:block;
	float:right;	}
#header a {
	color:#FFD480;
	text-decoration:none;	}
/********************************************** End Header */
/********************************************** Start Menu */
ul#nav-main {
	margin:15px 0 0;
	padding:0;
	display: block;
	list-style-type: none;
	list-style-image: none;
	font-size:1.1em;
	float:right; }
#nav-main li {
	display:inline;
	float:left;}
#nav-main a {
	padding:0 0 0 20px;
	display:block;
	text-decoration:none;	}
#nav-main li a:link, #nav-main li a:visited {
	color: #FFD480; }
#nav-main li a.active, #nav-footer li a.active {
	color:#FFF; }
/********************************************** End Menu */
/********************************************** Start Secondary Menu */
.nav-secondary {
	margin:0 0 1em;
	list-style-type:none;
	list-style-image:none;
	font-family:Georgia,Times New Roman,serif;
	font-size:1.2em;	}
/********************************************** Begin Footer */
#footer {
	margin:0 auto;
	width:960px;
	height:50px;
	clear:left;}
#footer a:link, #footer a:visited {
	color:#FFD480;
	text-decoration: none; }
#footer a:hover {
	color:#FFF;}
ul#nav-footer {
	margin:1em 0 0;
	padding:0;
	width:100%;
	display:block;
	float:left;
	clear:left;
	text-transform:uppercase;
	list-style-type: none;
	list-style-image: none;
	line-height:30px;	}
#nav-footer li {
	display:inline;	}
#nav-footer li a {
	padding:0 10px; }
/********************************************** End Footer */
/********************************************** Content */
.contain {
	margin:20px auto;
	width:960px;
	min-height:350px;
	display:block;
	clear:left;	}
#content-primary {
	margin:0 0 20px;
	width:100%;
	min-height:350px;
	text-align:left;
	display:block;
	float:left;
	border:1px solid #ffd480;
	border-right:none;
	border-left:none;
	background:#312322 url(/img/bg-content.jpg) top center no-repeat;}
#content-secondary {
	padding:45px 0 0;
	width:100%;
	display:block;
	background:#312322 url(/img/bg-content-secondary.gif) repeat-x top center;
	text-align:left;
	color:#FFF;
	float:left;	}
#content-secondary a { color:#fbcda5; }
#content-secondary a:hover { color:#FFF; }
/********************************************** Using 960 Grid - 12 Column Grid */
/********************************************** col#, # means how many columns it spans */
.col3, .col4, .col5, .col6, .col7, .col8, .col9 {
	margin:0 10px;
	min-height:20px;
	display:block;
	float:left;}
.col3 {
	width:220px; }
.col4 {
	width:300px; }
.col5 {
	width:380px; }
.col6 {
	width:460px; }
.col7 {
	width:540px; }
.col8 {
	width:620px;}
.col9 {
	width:700px;}
/********************************************** Customize */
.logo-front 	{
	height:300px;
	background:url(/img/bg-logo-front.gif) no-repeat top left; }
.feature {
	padding-top:40px;
	color:#666;}
.feature h1 {
	margin-bottom:1em; }
.feature p {
	margin-bottom:1em;
	font-size:1.2em;	}
.highlight {
	font-weight:bold;
	color:#F6821F; }
.listing-feature {
	list-style-type:none;
	list-style-image:url(/img/icon-arrow-gold.gif);
	font-family:Georgia,Times New Roman,serif;
	font-size:1.2em;	}
.listing-feature ul, .listing-feature ol {
	margin-top:.3em;
	font-size:.9em; }
.listing-staff {
	list-style-type:none;
	margin:0;
	padding:0;	}
.listing-staff li {
	width:165px;
	min-height:200px;
	margin:0 10px 10px 0;
	display:block;
	float:left;
	line-height:120%;}
.listing-staff li img {
	margin-bottom:5px; }
	
	
/********************************************** Feature Slideshow */
.feature-slideshow {
	margin:0;
	padding:10px 0;
	width:540px;
	min-height:300px;
	display:block;
	background:url(/img/bg-feature-slideshow.jpg) top left no-repeat; }
#slide-container {
	margin:0 auto 10px;
	width:520px;
	min-height:250px;
	display:block;	}
.slide div {
	padding-top:180px;
	width:520px;}
.slide p {
	margin:0;
	padding:10px;
	height:50px;
	background:#3d2f23;
	font-family:Georgia,Times New Roman,serif;
	font-size:1.3em;
	line-height:130%;}
.slide a {
	color:#FFF; }
#nav-feature {
	margin:0 auto;
	width:520px;
	min-height:20px;
	display:block;	}
#nav-feature a {
	margin-right:5px;
	width:20px;
	height:20px;
	line-height:20px;
	display:block;
	color:#A77D0C;
	text-align:center;
	text-decoration: none;
	border:1px solid #FFF; 
    cursor:pointer;
	float:left; }
#nav-feature a:hover { 
	color: #781260;
	background:#FCF0CF;
	border:1px solid #E7CA84; }
#nav-feature a.activeSlide, #nav-feature a.activeSlide:hover { 
	color:#694d00;
	background:#FCF0CF;
	border:1px solid #E7CA84; }
/********************************************** Message Container */
.negative {
	width:100%;
	margin:1em 0;
	padding:1em;
	background:#FFF2F2;
	border:1px solid #FFCCCC;
	display:block;
	color:#000; }
.negative h2 {
	color:#990000; }
.positive { 
	width:100%;
	margin:1em 0;
	padding:1em;
	background:#F0FFF0;
	border:1px solid #336600;
	display:block;
	color:#000;	}
.positive h2 {
	color: #004D00;}
/********************************************** Forms */
.col9 form div.input {
	width:500px;
	min-height:30px;
	display:block;
	clear:left;	}
.col9 form label {
	width:130px;
	margin-right:10px;
	display:block;
	float:left;
	clear:left; }
.col9 form .input input {
	width:250px;
	padding:2px;
	float:left;
	border:1px solid #333; }
.col9 form .checkbox {
	width:30px;
	float:left;}
.col9 form #UserActive {
	width:30px;
	float:left; }
/********************************************** Admin Table */
.col9 td {
	padding-right:10px; }
/********************************************** Admin Table */	
body.mceContentBody {
   background: #FFF;
   color: #000;
   text-align: left;}
   
#UserActive {
	min-width:12px;
	margin-top:5px;
	border:1px solid #CC0000;
	position:absolute;
	float:left; }