/* -- GENERAL REDECLARATIONS -- */

html				{height: 100%;}
* 					{margin:0; padding:0;padding-bottom: -20px;}

body 				{
	text-align:center;
	background:  #222 url("../images/page-bg-tile.jpg");
	height: 100%;
	color: #FEFEFE;
}

body, tr,
td, input,
select, textarea 	{font:normal 11px/1.5 Arial, Verdana, Helvetica, sans-serif;}

a				{outline: none;}
a:link,
a:visited 		{color:#FEFEFE; text-decoration:none;}
a:hover,
a:active 		{color:#ccc; text-decoration:none;}

ul, ol	 		{margin:0 0 10px 12px;}
dl 					{margin:0 0 10px;}
dt 					{font-weight:bold;}
dd					{margin:0 0 3px 10px;}
p 					{margin:0 0 15px;}
h1 					{font-size:large; margin:0 0 12px;}
h2 					{font-size:medium; margin:8px 0;}
h3 					{font-size:small; margin:6px 0 5px;}
h4 					{font-size:x-small; margin:4px 0;}
h5					{font-size:xx-small; margin:3px 0;}
h6 					{font-size:xx-small; margin:0;}
hr 					{border-style: none; border-bottom: 1px dashed #e3e3e5; color: #fff; background-color: #fff;}
					/*color and background color should be the same as the background color of the div it is contained within*/
img 				{border:none;}
acronym			{border-bottom: 1px dotted;}
blockquote 	{margin:0 25px 20px 25px; font-style:italic;}

#preload {text-indent: -9000px;}
.clr {clear:both;}
.right {float: right;}
.left {float: left;}
.rightimage {float: right; margin: 0 0 10px 10px;}
.leftimage {float: left; margin: 0 10px 10px 0;}

#flashcontent {
	position: absolute;
	top: 138px;
	left: 21px;
	width: 882px;
	height: 248px;
	background: url("../images/flash/flash-bg.png") no-repeat 0 0;
}

/* Standard Layout */

#preload {
	background: #160D12;
	width: 100%;
	height: 17px;
}

#wrapper {
	position: relative;
	background: transparent;
	width: 903px;
	margin: 0 auto;
	text-align: left;
/*	height:100%;*/
}

#header {
	position: relative;
	background:transparent;
	padding: 0px;
	width: 903px;
	height: 385px;
}

body#product-page #header {
	height: 153px;
}

#header h1 a {
	display: block;
	margin-left: 18px;
	width: 200px;
	height: 111px;
	text-indent: -9000px;
	background: url("../images/logo.png") no-repeat 0 0;
}

#website-nav {
	padding: 10px 0 5px 12px;
	font-size: 10px;
	/*font-weight: bold;*/
	text-transform: uppercase;
}

#website-nav a {padding-right: 10px;padding-left: 10px;}

#content-main-top {
	margin-top: 0px;
	width: 903px;
	height:15px;
	background: transparent url("../images/content-main-top.png") no-repeat;
}

#content {
	position: relative;
	height:auto;
}

#content-main {
	position: relative;
	width: 881px;
	height: 100%;
	padding: 0 0 0px 22px;
	background: transparent url("../images/content-main-bg.png") repeat-y 0 0;
}

#column1,
#column2,
#column3 {
	float: left;
	width: 260px;
	margin-top: -15px;
	padding-left: 13px;
	padding-top: 25px;
	background: transparent url("../images/arrow.gif") no-repeat;
}

body#contact-page #column3 {
	background-image: none;
}

#column1,
#column2 {
	margin-right: 24px;
}

#column2,
#column3 {
	width: 255px;
	padding-left: 0px;
	margin-right: 35px;
}

#footer {
	clear:both;
	height: 20px;
	padding:22px;
	background: transparent url("../images/content-main-bottom.png") no-repeat;
	text-align: left;
	font-size: 10px;
}

body#product-page #footer {background-image: none;}


body #page-summary {
	position: absolute;
	top: 153px;
	left: 21px;
	width: 287px;
	height: 233px;
	text-indent: -9000px;
	background: transparent url("../images/page-summaries/home.png") no-repeat;
}

body#contact-page #page-summary {background: transparent url("../images/page-summaries/contact.png") no-repeat;}
body#product-page #page-summary {
	position:relative;
	float: left;
	left: 21px;
	top: 0px;
}

body.aframe-product #page-summary {background: transparent url("../images/page-summaries/aframe.png") no-repeat;}
body.automotive-product #page-summary {background: transparent url("../images/page-summaries/automotive.png") no-repeat;}
body.banner-product #page-summary {background: transparent url("../images/page-summaries/banners.png") no-repeat;}
body.boat-product #page-summary {background: transparent url("../images/page-summaries/boat.png") no-repeat;}
body.corflute-product #page-summary {background: transparent url("../images/page-summaries/corflute.png") no-repeat;}
body.computer-product #page-summary {background: transparent url("../images/page-summaries/computer.png") no-repeat;}
body.digital-product #page-summary {background: transparent url("../images/page-summaries/digital.png") no-repeat;}
body.general-product #page-summary {background: transparent url("../images/page-summaries/general.png") no-repeat;}
body.stickers-product #page-summary {background: transparent url("../images/page-summaries/stickers.png") no-repeat;}
body.striping-product #page-summary {background: transparent url("../images/page-summaries/striping.png") no-repeat;}

#page-summary a {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 274px;
	height: 223px;
}

#main-photo {
	position: absolute;
	top: 138px;
	left: 308px;
	width: 595px;
	height: 248px;
	text-indent: -9000px;
	background: transparent url("../images/main-photos/home.png") no-repeat;
}

body#contact-page #main-photo {background: transparent url("../images/main-photos/contact.png") no-repeat;}


#column1 h1,
#column2 h1,
#column3 h1 {
	margin: 0px;
	margin-bottom: 36px;
	height: 24px;
	text-indent: -9000px;
}

body#contact-page #column1 h1,
body#contact-page #column2 h1,
body#contact-page #column3 h1 {
	margin-bottom: 12px;
}


/*----------------------------------
	PRODUCT PHOTOS
-----------------------------------*/

#product-top {
	position: relative;left: 308px;top: -15px;
/*	top: 128px;
	left: 308px;*/
	width: 595px;
	height:25px;
	background: transparent url("../images/product-photo-top.png") no-repeat;
}

#product-main {
	float: right;
	width: 595px;margin-top: -15px;
	height: 579px; /*47px less than image height*/
	padding-top: 0px;
	background: transparent url("../images/product-photo-bg.png") repeat-y;
}

#product-main img {
	position: absolute;
}

#product-bottom {
	float: right;
	width: 595px;
	height: 72px;
	background: transparent url("../images/product-photo-bottom.png") no-repeat 0px 0px;
}

/*----------------------------------
	HEADINGS
-----------------------------------*/

h1.who-we-are {background: transparent url("../images/headings/who-we-are.png") no-repeat;}
h1.how-to-contact-us {background: transparent url("../images/headings/how-to-contact-us.png") no-repeat;}
h1.preview-client-list {background: transparent url("../images/headings/preview-client-list.png") no-repeat;}

h1.contact-info {background: transparent url("../images/headings/contact-info.png") no-repeat;}
h1.send-us-an-email {background: transparent url("../images/headings/send-us-an-email.png") no-repeat;}

/*----------------------------------
	NAVIGATION - Use this for very basic horizontal text based nav
-----------------------------------*/

#sub-nav {
	position: absolute;
	top: 350px;
	left: 21px;
}

ul.secondary-nav {
	margin: 0;
	list-style: none;
	font-weight: bold;
	text-transform: uppercase;
	width: 274px;
	padding-top: 0px;
}

ul.secondary-nav li {
	display: block;
	list-style: none;
	width: 274px;
	padding: 3px 0 3px 1px;
	border-top: 1px dotted #fff;
}

ul.secondary-nav li.last {
	border-bottom: 1px dotted #fff;
}

ul.secondary-nav a {padding: 0px;}



/*----------------------------------
	FORM STYLING
-----------------------------------*/

form {
	margin-top:10px;
	width: 270px;
}

form hr {
  clear: both;
  border: 0px;
  border-top: 1px solid #ccc;
  margin-top: 10px;
  margin-bottom: 10px;
}

form h3 {
 	margin-bottom:6px;
	padding: 2px; 
}

form .hidden {
  text-indent: -9000px;
}

form input[type="hidden"] {
  display: none;
}

form br {clear:left;}

/*fieldset {
	margin-top: 12px;
	margin-bottom:20px;
	border: 1px solid #51B52D;
	padding: 10px;
	width: 400px;
}*/

label, input, textarea, .radiolabel {
	display:block;
	float:left;
  	width:260px;
	margin-bottom:0px;
	padding: 2px;
}

input[type="checkbox"] {
  width: auto;
  border: none;
}

input.checkbox {
  width: auto;
  border: none;
}

form span {
 /* color: #FF0000;*/
  color: #58595B;
  font-size: 10px;
}

legend {
  color: #518CF2;
  font-weight: bold;
}

label {
	width:180px;
	text-align:left;
	padding-right:10px;
	padding-top:2px;
	padding-left: 0px;
	font-weight: bold;
}

input{
	/*border: 1px solid #0F0F0F;*/
	margin-bottom: 2px;
}

input.button {
	float: right;
	width:53px;
	height: 20px;
	margin: 0px;
    text-indent: -9000px;
    border: 0px;
    color: #fff;
    /*background: #160D12;*/
	background: url("../images/send-button.gif") no-repeat;
}

input.short {width: 40px;}

input.noborder {border: none;} 

textarea{
  /*border: 1px solid #0F0F0F;*/
  width: 260px;
  height: 30px;
  margin-bottom: 6px;
}

select {margin-bottom: 6px;}
option {padding-right: 10px;}

.fieldWithErrors input{
	background-color: #FCC;
}

/*-- BOOKING FORM OVERRIDES --*/

.right-form-column {
	position: absolute;
	width: 290px;
	height: 230px;
	left: 570px;
	top: 50px;
}

body#bookingpage label {
  	width:90px;
  	margin-right: 10px;
}

body#bookingpage input, 
body#bookingpage textarea {
  	width:172px;
  	margin-bottom: 6px;
}

body#bookingpage select#prefferedDay,
body#bookingpage select#prefferedMonth {margin-right: 0px;}

body#bookingpage select#prefferedMonth {width: 74px;}

body#bookingpage input.short {width: 40px;}
body#bookingpage .right-form-column select.long {width:195px;}

body#bookingpage .right-form-column label {
  	width:85px;
  	margin-right: 0px;
}

body#bookingpage .right-form-column label.longlabel {
  	width:185px;
}

body#bookingpage .right-form-column textarea {
  	width:283px;
  	height: 50px;
}

body#bookingpage input.button {
  	width:66px;
}

.failed-validation {background: #FF8888;}

/*-- ENQUIRY FORM OVERRIDES --*/

body#contact-page label {font-weight: normal;}

/*----------------------------------
	TABLE STYLING
-----------------------------------*/

table {
	margin-bottom: 10px;
}

table td {
	vertical-align: top;
	padding: 0px;
	padding-right: 10px;
}

td.bold {
	font-weight: bold;
	color: #F57E3D;
}

/* ----------------------------------------------- 
		NOTICES
----------------------------------------------- */

#error {
	background: #FF4E4E;
	border: 3px solid #FF7C7C;
	padding: 10px;
	padding-bottom: 10px;
	font-weight: bold;
	color: #333;
	margin-bottom:10px;
}

#success {
	background: #BBEECC;
	border: 3px solid #E3FFED;
	padding: 10px;
	padding-bottom: 10px;
	font-weight: bold;
	color: #333;
	margin-bottom:10px;
}