/*-----------------------------------------------------------------------------
Hawaiian Spray Tan Screen Stylesheet

version:   1.0
date:      08/25/09
author:    [Jen Mattuchio]
email:     [jenmattuchio@yahoo.com]
website:   [www.shopviejas.com] http://www.code-sucks.com
-----------------------------------------------------------------------------*/
/* Remove margin, padding and border from everything
-----------------------------------------------------------------------------*/
* { margin: 0;	padding: 0;	border: 0; }

/* Styles for layout
-----------------------------------------------------------------------------*/
.clear { clear: both; background: none; }

.right { float: right; }

.left  { float: left; }

ul{list-style-type:none;}

hr {
	color: #3D9B35; /*green*/
	background-color: #3D9B35;
	height: 1px;
	margin:0px 8px 8px 8px;
}

/* Set up the document
-----------------------------------------------------------------------------*/
html {
	background: #E6CEAB url(../images/gradient.gif) repeat-x; margin: 0; padding: 0;}
body {
	padding: 0;
	margin: 0;
	background: url(../images/sky.jpg) no-repeat center top;
	font:12px Arial, Helvetica, sans-serif;
	color: #302f2f;	/*gray*/
	width: 100%;
	display: table;
}
#content {
	width: 920px;
	margin: 40px auto 0;
	margin-bottom:40px;
	background: #fff;
	border: solid 1px #E2D0AA;
	padding:45px 0px 25px 0px;
}
#logo {
	float: left;
	padding-left:150px;
}
#title {
	float: right;
	padding-right:110px;
}
#InternalList ul {/* list-style-image: url(../images/bullet2.gif); */}
#InternalList li { padding-left:5px; list-style-image: url(../images/bullet3.gif); line-height:24px; margin-left:25px;}	
/* Typography
-----------------------------------------------------------------------------*/
h1	{ font-size: 1.8em; /* Equivalent to 18pt */ color:#302f2f;}
	
h2	{ font-size: 1.2em; color:#302f2f; text-align:center; line-height:22px;}
	
h3	{ font-size: 1.2em; color:#302f2f; text-align:left; line-height:22px;}
	
p, q, cite	{ font-size: 12px; color:#302f2f; padding:10px 0px; line-height:20px; }

a:link { text-decoration: underline; color:#0063BE;}
	
a:visited { font-weight: bold; color:#0063BE; outline: none;}

a:hover, a:active { text-decoration:none;	outline: none; }

/* Navigation
----------------------------------------------------------------------------- */
#navigation {with:650px; margin-top:40px; margin-left:165px; float:left;
	background: url(../images/nav.gif) repeat-x center bottom;}

#nav, #nav ul{
	margin:0 auto;
	list-style-type:none;
	list-style-position:outside;
	position:relative;
}

#nav a{
	display: block;
	padding:0px 22px; margin-bottom:15px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #5b5c5e;
	border-right: 2px solid #5b5c5e;

}

#nav li.last a{ border-right:none; padding-right:none;  background:none;}

#nav a:hover{
	text-decoration:none;
	color:#0063BE;
	border-bottom: 2px solid #3D9B35;	 background: url(../images/navshim.gif) no-repeat right top; border-right:none;
	padding:0px 24px 13px 22px; margin:0px;
}

#nav li{
	float:left;
	position:relative;
}
#nav li.selected a {
	text-decoration:none;
	color:#0063BE;
	border-bottom: 2px solid #0063BE;	 background: url(../images/navshim.gif) no-repeat right top; border-right:none;
	padding:0px 24px 13px 22px; margin:0px;
}
#nav li.lastselected a {
	text-decoration:none;
	color:#0063BE;
	border-bottom: 2px solid #0063BE; background:none;
	padding:0px 24px 13px 22px; margin:0px;  border-right:none;
}
/* Set up the document
-----------------------------------------------------------------------------*/
#ContentWrapper {
 	margin: 0 auto;
}
#faux {
 	overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 	width:920px;
}
#break { background: url(../images/nav.gif) repeat-x center; width:100%; height:40px;}
#rightcolumn { 
 	display: inline;
 	margin: 20px 0px 10px 15px;
 	padding: 0px;
 	width: 266px;
 	float: right;
}
#rightcolumn img {margin:0px; padding:0px;}
#rightcolumn p {padding:0px 15px 8px 15px; text-align:center; font-size:11px;}
.contentRight {
	float:left;
	width:230px; 
	background-color: #ded8d4;
	margin:0px; padding:0px;
}
	
#leftcolumn { 
 	float: left;
 	color: #333;
 	margin: 10px 0px 0px 65px;
 	padding: 0px 0px 10px 0px;
 	width: 560px;
 	display: inline;
 	
}

.contentLeft {
	float: left;
	width:560px; 
	margin-bottom:15px; margin-top:25px;
}
.contentLeft a:visited { font-weight: bold; color: #0175C0; }

.reglabel {padding:3px; text-align: right;}

/* Form style -----------------------------------------------------------------------------*/
#contact {margin:0px;}
#contact2 {padding: 15px; border: 1px solid #0063BE; background-color:#000000; width:370px; }

label { display: inline-block; float: left; height: 26px; line-height: 26px; width: 115px; font-size: 12px; }
input, textarea, select { margin: 0; padding: 3px; color: #666; background: #f5f5f5; border: 1px solid #ccc; margin: 5px 0; font:12px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; -moz-border-radius: 5px; -webkit-border-radius:5px; }   
input:focus, textarea:focus, select:focus { border: 1px solid #999; background-color: #fff; color:#333; }
input.submit { cursor: pointer; border: 1px solid #222; background:#0063BE; color:#fff; -moz-border-radius: 5px; -webkit-border-radius:5px; }
input.submit:hover { background:#0063BE; }

span.required{ font-size: 13px; color: #ff0000; } /* Select the colour of the * if the field is required. */

/* Style for the error message */

.error_message { display: block; height: 22px; line-height: 22px; background: #FBE3E4 url('../images/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; margin: 10px 0; color:#8a1f11;border: 1px solid #FBC2C4; -moz-border-radius: 5px; -webkit-border-radius:5px; }

#succsess_page h1 { background: url('../images/success.gif') left no-repeat; padding-left:22px; }

/*----Footer Panel -----------------------------------------------------------------------------*/
#footer { 
 /*background-color: #0175C0;*/
 margin: 0px ;
 padding: 0px;
}

#footer p {float:left; color:#000000; font-weight:bold; font-size:10px;text-align:right; margin:0px; padding:5px 25px 5px 10px; width: 875px; }
/*#footer A:link,A:visited {text-decoration: none; color:#000; text-decoration:underline;}
#footer A:hover {text-decoration: none;}*/