/*
Title:     	Latrey Styles
Author:     Michelle Britton
Copyright:	Over the Edge Websites
Updated:    17 September 2007
*/

/* mac hide \*/
html,body{height:100%; width:100%; margin:0px;}
/* end hide */

body{
	text-align:center; 
	min-height:554px;/* for good browsers*/ 
	min-width:780px;/* for good browsers*/ 
	font-family: Arial, Helvetica, sans-serif; 
	font-size:0.8em; 
	color:#ffffff; 
	text-align:left; 
	padding-top:20px;
	padding-bottom:20px;
	background-color:#000000;
}

a img{border:none;}

/* ---- Headings ---- */
h1{
	color:#d7b06c;
	font-size:1.9em;
	font-weight:normal;
}

h2{
	color:#FFFFFF;
	font-size:1.2em;
	font-weight:normal;
}
/* ---- Headings ---- */


#wrapper{
	width:780px; 
	text-align:left; 
	margin-left:auto; 
	margin-right:auto;
	background-color:#000000;		
}	


/* ---- Masthead ---- */
#masthead{
	width:780px;
	height:85px;	
	background:url(../images/bg_top.gif) no-repeat top;
	position:relative;
	z-index:0;
}

.logo{
	display:block;
	width:161px;
	height:81px;
	float:right;
	background:url(../images/logo.png) no-repeat;
	margin:-85px 35px 0px 0px;	
	position:relative;
	z-index:30;
}

/* ------ Menu ------ */
#menu{
	width:540px;
	height:20px;
	font-size:0.85em;
	font-weight:bold;	
	float:left;
	margin:-60px 0px 0px 35px;
	text-align:center;
	position:relative;
	z-index:4;
}

#nav, #nav ul{
	padding:0;
	margin:0;
	list-style:none;
	line-height:1;
}

#nav a{
	display:block;	
	text-decoration:none;
	color:#d7b06c;
}

#nav a:hover{color:#ffffff;}

/* ---- These are the top level menu items ---- */
#nav li.top {
	float:left;
	width:100px;
	color:#d7b06c;
	background:url(../images/nav_bg.gif) no-repeat;
}

#nav li.top:hover{color:#ffffff;}

#nav li.home{
	float:left;
	width:70px;
	color:#d7b06c;	
	background:url(../images/home_bg.gif) no-repeat;
}

#nav li.home:hover{color:#ffffff;}

#nav li.contact{
	float:left;
	width:70px;
	color:#d7b06c;	
}

#nav li.contact:hover{color:#ffffff;}
/* ---- End top level menu items ---- */


/* ---- dropdown menu items ---- */
#nav li {float:left;}

#nav li ul {
	position:absolute;
	width:100px;
	text-align:left;
	left:-999em;	
	padding:4px 0px 0px 0px;	
}

#nav li ul li a{color:#d7b06c;}
#nav li ul li a:hover{color:#ffffff;}

#nav li ul li{
	width:130px;
	padding:5px 0px 5px 12px;
	border:1px solid #d7b06c;
	background-color:#000000;
}

#nav li:hover ul{left:auto;}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {left:auto;}
/* ---- End dropdown menu items ---- */
/* ---- End Menu ---- */
/* ---- EndMasthead ---- */

#container_index{
	width:100%; 
	background:url(../images/container_bg.gif) repeat-y;
}

#container{
	width:100%; 
	margin-top:-35px;
	background:url(../images/container_bg.gif) repeat-y;
}

#top_content{
	width:760px;
	height:140px;
	background:url(../images/top_content_bg.gif) no-repeat center; 
	margin-top:-40px;
	position:relative;
	z-index:1;
}

#top-content object{
	margin-top:-70px;
}

#ticker{
	width:758px;
	height:40px;
	border-top:1px solid #d7b06c;
	border-bottom:1px solid #d7b06c;	
	color:#d7b06c;
	margin-left:21px;
	text-align:center;
	padding:5px 0px 0px 0px;
}

#main_content{
	width:760px;
	margin:30px 0px 0px 50px;
	overflow:hidden;
}

#main_content #left{
	width:419px;
	float:left;
	border-right:1px solid #d7b06c;
	padding:0px 9px 0px 0px;
}

#main_content #right{
	width:270px;
	float:left;
	border-left:1px solid #d7b06c;
	padding:48px 40px 0px 20px;
	margin-left:-1px;
}

.chips{
	width:509px;
	height:173px;
	font-size:0.85em;
	background:url(../images/chip_bg.gif) no-repeat;
	margin:20px 0px 0px 90px;
	padding:20px 0px 0px 155px;
}

.chips p{
	width:340px;	
	text-align:justify;
}

.center{
	width:710px;
	font-size:1.3em;
	color:#d7b06c;
	text-align:center;	
	margin-top:20px;
}

#bottom_bg{
	width:100%;
	height:30px;
	background:url(../images/bg_bottom.gif) no-repeat bottom;
}


/* ---- Footer ---- */
#footer{
	width:760px;
	height:40px;
	color:#d7b06c;
}

#footer .left{
	width:460px;
	float:left;
	margin:10px 0px 0px 40px;
	padding-top:10px;
}

#footer .right{
	width:240px;
	float:right;
	text-align:right;
	margin:10px 0px 0px 20px;
}
/* ---- Footer ---- */




/* ---- forms ---- */
#enquiry fieldset{
	width:450px;
	margin:40px 0px 0px 0px;
	border:solid 1px #000000;
}

#enquiry label { 
	display:block;  
	float:left; 
	width:130px; 
	padding:0; 
	margin:8px 0 0; 
	text-align:left; 
	color:#d7b06c;
}

#enquiry input{
	float:right;
	width:auto;    
	margin:5px 0 0 0px;                     
}

#enquiry select{
	width:172px;
	margin-top:5px;
	float:right;
}

#enquiry textarea{
	width:262px;
	height:120px;
	float:right;
	margin:5px 0 0 0px;		    
}

#enquiry br {clear:both;}

#contact fieldset{
	width:460px;
	margin:40px 0px 0px 0px;
	border:solid 1px #000000;
}

#contact label { 
	display:block;  
	float:left; 
	width:170px; 
	padding:0; 
	margin:8px 0 0; 
	text-align:left; 
	color:#d7b06c;
}

#contact input{
	float:right;
	width:auto;    
	margin:5px 0 0 0px;                     
}

#contact select{
	width:267px;
	margin-top:5px;
	float:right;
}

#contact textarea{
	width:262px;
	height:120px;
	float:right;
	margin:5px 0 0 0px;		    
}

#contact br {clear:both;}
/* ---- end contact us page form ---- */


/*---- Lists ---- */
#main_content ul li{
	margin-left:-40px;
	list-style-type:none;
	padding:3px 0px 3px 0px;
}

/*---- Lists ---- */



/*---- Classes ---- */
.index_img{
	float:right;
	margin:0px 70px 0px 0px;
}

p.index_text{
	color:#d7b06c;
	width:500px;
	line-height:1.4em;
	margin-top:20px;
}

p.full_page{
	width:720px;
}

.video{
	width:30px; 
	float:left; 
	text-align:center; 
	padding:10px 0px 0px 10px;
	font-size:0.8em;
}
/*---- Classes ---- */





