/********************************************************************************
*                                                                               *
*  Author    :  James Brown                                         	        *
*  Web       :  http://www.phase8.com		                                 	*
*  E-mail    :  studio ( at ) phase8 ( dot ) ( com )			        		*
*  Modified  :  1st-OCT-2008                                                    *
*                                                                               *
*  Copyright (c) 2008 JBrown. All Rights Reserved.                              *
*  Use of this code is not permitted without permission!                        *
*                                                                               *
********************************************************************************/

/*
--------------------------------------------------------------------------------
LAYOUT STYLE SHEET - PUTS THE SITE TOGETHER
--------------------------------------------------------------------------------
*/

/* MAINLAYOUT
=============================================================================== */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #264644;
	margin-top:20px;
	padding: 0;
	background-color: #fff;
	background-image: url(../images/site/bg.gif);
	background-repeat: repeat;
	background-position: top;
}
h1 {
	font-size: 1.2em;
	margin: 0px;
}
h2 {
	font-size: 1em;
	text-decoration: none;
	margin-bottom: -8px;
	font-weight: normal;
}

p {
	font-size: .7em;
}
ol {
	font-size: .7em;
	width: 300px;
}

a {
	color: #73AFA8;
	}

fieldset { border: none; }

#wrapper {
	height: auto;
	width: auto;
	
}

#holder {
	width: 980px;
	margin: auto;
}

#topbar {
	background-repeat: no-repeat;
	height: 24px;
	width: 980px;
	background-image: url(../images/site/topbar.png);
}
#login {
	height: 24px;
	width: 275px;
	float: right;
	border-left-width: medium;
	border-left-style: solid;
	border-left-color: #FFFFCC;
	color: #0E3F41;
	padding: 0 0 0 5px;
}

#login a {
	color: #002b35;
	font-size: .8em;
	font-weight: normal;
	text-decoration: none;
}

#memberdrop {
	position:absolute;
	visibility: hidden;
	width: 245px;
	background-image: url(../images/site/memdrop.png);
	height: 119px;
	padding: 8px 10px 8px 8px;
	color: #002b35;
	font-size: .8em;
	font-weight: normal;
	margin-top: -1px;	
}

.mform {
	margin-bottom: 5px;
}

input.field {
	height: 16px;
	width: 225px;
	color: #002b35;
	margin-bottom: 0px;
}
#close {float: left;}
#close a {color: #002b35;
	font-size: .8em;
	font-weight: normal;
	text-decoration: none;}
#submit {
	float: right;
}
 
#header {
	background-image: url(../images/site/header.jpg);
	background-repeat: no-repeat;
	height: 175px;
	width: 980px;
}


#pagehome{
padding-left: 20px;
padding-top: 20px;
}
#pagehome h1 a  {
width: 400px;
height: 60px;
display: block;
text-indent: -999em;
}


#container {
	margin-top: -41px;
}

#offer1 {
	background-image: url(../images/site/goldshape1.png);
	float: left;
	height: 100px;
	width: 276px;
	background-repeat: no-repeat;
	background-position: center;
	
}
#offer2 {
	background-image: url(../images/site/goldshape2.png);
	float: left;
	height: 100px;
	width: 276px;
	background-repeat: no-repeat;
	background-position: center;
	margin-right: 44px;
	margin-left: 44px;
	
}
#offer3 {
	background-image: url(../images/site/goldshape3.png);
	float: left;
	height: 100px;
	width: 276px;
	background-repeat: no-repeat;
	background-position: center;
	
}

#hometext {
	width: 940px;
	
	
}

#box1 {
	background-image: url(../images/site/box.png);
	float: left;
	height: 335px;
	width: 276px;
	background-repeat: no-repeat;
	background-position: center;
	
	
}
#box2 {
	background-image: url(../images/site/box.png);
	float: left;
	height: 335px;
	width: 276px;
	background-repeat: no-repeat;
	background-position: center;
	margin-right: 40px;
	margin-left: 40px;
	
}
#box3 {
	background-image: url(../images/site/box.png);
	float: left;
	height: 335px;
	width: 276px;
	background-repeat: no-repeat;
	background-position: center;
	
	
}
.tabs-container {
	background-color: #fff;
	padding-top: 20px;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-left: 30px;
	clear: both;
	width: 916px;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #fff;
	border-left-color: #fff;
}
.boxtitle {
	color: #FFFFFF;
	font-size: .8em;
	padding-top: 8px;
	line-height: 1.3em;
	text-align: center;
	margin-top: 22px;
	margin-bottom: 5px;
}

.boxtext {
	color: #002b35;
	font-size: 0.7em;
	padding-top: 15px;
	padding-right: 15px;
	padding-left: 15px;
}
.textarea {
	width: 435px;
	padding-right: 10px;
	padding-left: 10px;
	float: left;
}
.textarea li {
	padding-bottom: 5px;
}	
.textarea2 {
	
	padding-right: 10px;
	padding-left: 10px;
}
#works {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #bbb;
	padding-left:15px;

}
.imageholder {
}

img {
	border: 3px solid #666666;	
}
.imgbo {
	padding:0;
	margin:0;

}
.image {
	float: left;
	width: 118px;
	margin:20px;
}
#image1 {
	float: left;
	width: 118px;
	margin:20px;
}
#image2 {
	float: left;
	width: 118px;
	margin: 20px;
}
#image3 {
	float: left;
	width: 118px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 20px;
}
#image4 {
	float: left;
	width: 118px;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 50px;
}
#image5 {
	float: left;
	width: 118px;
	margin: 20px;
}
#image6 {
	float: left;
	width: 118px;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 50px;
}
#image7 {
	float: left;
	width: 118px;
	margin: 20px;
}	
#image9 {
	float: right;
	height: 400px;
	width: 300px;
	margin-left: 50px;
	margin-right: 75px;
	margin-top: 40px;
}
#image10 {
	float: left;
	height: 200px;
	width: 475px;
	margin-left: 10px;
	margin-top: 20px;
}
#reports {
	width: 450px;
	float: left;
}

#footer {
	background-image: url(../images/site/footer.png);
	height: 31px;
	width: 980px;
	clear: both;
}
#footerright {float:right; width:480px;}
#footerleft {float:left; width:480px;}
#footer img {
	border: none;
	margin: 5px 0 0 10px;
	float:left; 
}
#footer a {color: #fff;
	font-size: 0.7em;
float:right;
padding-right:20px;
padding-top: 8px;
text-decoration:none;
}
#footer #footerleft a  {
float:left;
padding-right:0px;
padding-top: 0px;
margin-top: -5px;

}
#footer #footerleft img  {
float:left;
padding-right:0px;
padding-top: px;
margin-top: 5px;
}
#loginerr{
font-size: 10px;
color: #D7131B;
margin-top: -13px;
margin-left: 19px
}
.cf {
	clear: both;
}
#pricebar {
	background-image: url(../images/site/pricebar.jpg);
	background-repeat: no-repeat;
	height: 25px;
	width: 916px;
	margin-left: 0px;
}
#pricetext {
	color: #002b35;
	font-size: 0.7em;
	width: 894px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	margin-left: 0px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #c6c6c6;
	border-left-color: #c6c6c6;
}
#pricebottom {
	background-image: url(../images/site/pricebottom.jpg);
	height: 15px;
	width: 916px;
	margin-left: 0px;
}
#form {
 	border-width: 1px;
	border-style: solid;
	border-color: #c6c6c6;
	padding: 20px;
	background-color: #eee;
}
#contactbox {
	float: right;
	width: 420px;
	
}
#ncoaf{
float: left;
margin-top: -13px;
margin-left: 22px;
padding: 0;
}

#affilform {
 	border-width: 1px;
	border-style: solid;
	border-color: #c6c6c6;
	padding: 20px;
	background-color: #eee;
	width: 400px;
}
#affilform img{
	border: 2px solid #c6c6c6;
}
#affilform td {
	font-size: 12px;
}