/* Coding by Josh Craddock from Elecktrik */

* { margin: 0; padding: 0; }
.clear { clear: both; }

body {
background: #6abbce;
font: normal 11px Helvetica, Arial, Tahoma;
}

#gradient {
width: 881px;
background: url(../images/background.jpg) repeat-y #6abbce;
margin: 0 auto;
}
	#gradient-bottom {
	width: 881px;
	height: 16px;
	background: url(../images/bottom.jpg) no-repeat #6abbce;
	margin: 0 auto;
	}

#container {
width: 849px;
background: #FFFFFF;
margin: 0 auto;
}

#header {
width: 849px;
height: 103px;
background: #FFFFFF url(../images/header.jpg) no-repeat top left;
}
	#logo {
	width: 234px;
	height: 88px;
	background: url(../images/logo.jpg) no-repeat;
	padding: 15px 0 0 21px;
	float: left;
	}
	
	#logo h1 {
	width: 234px;
	height: 75px;
	}
		#logo h1 a { display: block; height: 75px; outline: none; }
		#logo h1 span { display: none; }
	
	#for-all {
	width: 341px;
	height: 103px;
	background: url(../images/for-all.jpg) no-repeat;
	float: right;
	}
		#for-all span { display: none; }

#main {
width: 835px;
padding: 7px;
background: #FFFFFF;
}

#left {
width: 204px;
float: left;
}
	.arrow {
	width: 202px;
	height: 26px;
	border: 1px solid #e2e1e1;
	background: url(../images/arrow-gradient.jpg) repeat-x;
	}
	
	.thearrow {
	width: 18px;
	height: 26px;
	background: url(../images/arrow.jpg) no-repeat;
	margin-left: 15px;
	}
	
	#lower {
	border: 1px solid #e2e1e1;
	border-top: 0;
	padding: 4px 0 0 0;
	}
	
	#arrowed { border-right: 0; border-left: 0; border-bottom: 0; }
	
	#nav ul {
	width: 202px;
	border: 1px solid #e2e1e1;
	border-top: 0;
	}
	
	#nav li {
	list-style: none;
	width: 192px;
	margin-left: 10px;
	}
		li.grey {
		height: 30px;
		line-height: 31px;
		text-transform: uppercase;
		border-bottom: 1px solid #e2e1e1;
		}
		
		li.grey a { color: #a1a1a1; text-decoration: none; }
		li.grey a:hover { text-decoration: underline; }
		
		li#green, li#orange, li#red {
		height: 32px;
		border-bottom: 1px solid #e2e1e1;
		padding: 8px 0 0 0;
		}
		
		li#green a { color: #abca4d; text-decoration: none; }
		li#green a:hover { text-decoration: underline; }
		
		li#orange a { color: #f17e02; text-decoration: none; }
		li#orange a:hover { text-decoration: underline; }
		
		li#red a { color: #e90d55; text-decoration: none; }
		li#red a:hover { text-decoration: underline; }
		
		li#purple {
		height: 30px;
		line-height: 31px;
		border-bottom: 1px solid #e2e1e1;
		}
		
		li#purple a { color: #ce60de; text-decoration: none; }
		li#purple a:hover { text-decoration: underline; }
		
		li#silver {
		height: 30px;
		line-height: 30px;
		}
		
		li#silver a { color: #a1a1a1; text-decoration: none; }
		li#silver a:hover { text-decoration: underline; }

#right {
width: 622px;
height: 336px;
float: right;
border: 1px solid #e2e1e1;
background: url(../images/right.jpg) no-repeat;
}
	#right p {
	width: 196px;
	color: #a1a1a1;
	margin: 164px 0 0 35px;
	line-height: 15px;
	}

#right-wrapper {
width: 622px;
float: right;
border: 1px solid #ededed;
}

#text {
width: 582px;
padding: 16px 20px 20px 20px;
color: #a1a1a1;
line-height: 14px;
}

#text ul li {
list-style: none;
}

.sub-border {
border-bottom: 1px solid #e2e1e1;
padding-bottom: 10px;
}

.sub-border2 {
border-bottom: 1px solid #e2e1e1;
padding-bottom: 20px;
}

	#right-wrapper h2 {
	font: normal 14px Helvectica, Arial;
	text-transform: uppercase;
	margin-top: 10px;
	margin-bottom: 3px;
	}
	
	.green-text { color: #aedf32; }
	.orange-text { color: #ed9d10; }
	.pink-text { color: #fd1b80; }
	.purple-text { color: #b262be; }

#bottom { margin-top: 7px; margin-bottom: 0; overflow: hidden; }

.box {
width: 204px;
height: 165px;
float: left;
}

.box a { display: block; width: 204px; height: 165px; outline: none; }
.box span { display: none; }

#purplebox { background: #b666c2 url(../images/purple.jpg) top left no-repeat; margin-right: 0px; }
#purplebox:hover { background: #b666c2 url(../images/purple.jpg) top right no-repeat; }

#orangebox { background: #e69935 url(../images/orange.jpg) top left no-repeat; margin-right: 6px; }
#orangebox:hover { background: url(../images/orange.jpg) top right no-repeat; }

#pinkbox { background: #ed0b85 url(../images/pink.jpg) top left no-repeat; margin-right: 6px; }
#pinkbox:hover { background: url(../images/pink.jpg) top right no-repeat; }

#greenbox { background: #b6df3e url(../images/green.jpg) top left no-repeat; margin-right: 7px; }
#greenbox:hover { background: url(../images/green.jpg) top right no-repeat; }

#footer {
margin-top: 7px;
color: #a1a1a1;
padding: 7px;
}
	#footer a { color: #a1a1a1; border-bottom: 2px solid #e7e7e7; text-decoration: none; }
	
	#footer-left { float: left; }
	#footer-right {	float: right; }


#style h1, #style h2, #style h3, #style h4, #style h5, #style h6, #style p { 
text-transform: none;
}

#style a { color: #6abbce; text-decoration: none; font-weight: bold; }
#style a:hover { text-decoration: underline; }

#style p { line-height: 15px; }

#style ul li {
list-style: inside;
height: 18px;
}

#style ol li {
margin-left: 18px;
height: 18px;
}

#style h2 { margin-bottom: 10px; }

#style blockquote {
border-left: 1px solid #e2e1e1;
font-style: italic;
padding-left: 15px;
line-height: 14px;
}

#contact h2 {
color: #6abbce;
}


/* Ecommerce */
#ecommerce ul li { 
list-style: inside;
height: 18px;
}

	#ecommerce h2 { margin-bottom: 10px; color: #6abbce; }
	#ecommerce ul li a { color: #a1a1a1; text-decoration: none; }
	#ecommerce ul li a:hover { text-decoration: underline; }
	.table { border: 1px solid #ddeff4; margin-top: 20px; }
	.table td { border: 0; border-bottom: 1px solid #ddeff4; padding: 5px 7px; }
	.table strong { font-size: 13px; }
	.ecommerce-box {
	width: 247px;
	height: 50px;
	background: #6abbce;
	font: bold 13px Helvectica, Arial;
	color: #FFFFFF;
	text-align: right;
	padding: 15px;
	float: left;
	margin-top: 20px;
	line-height: 21px;
	border: 2px solid #6abbce;
	}
	.ecommerce-box:hover { border: 2px solid #5799a9; }
	.ecommerce-box a { color: #FFFFFF; text-decoration: none; }
	.ecommerce-box a:hover { text-decoration: underline; }
	
	#bread { font-size: 12px; }
	#bread a { color: #a1a1a1; text-decoration: none; }
	#bread a:hover { text-decoration: underline; }
	
	.thumb-w { float: left; width: 281px; margin-top: 20px; }
	.thumb {
	width: 273px;
	height: 176px;
	border: 2px solid #ededed;
	background: white;
	padding: 2px;
	}
		.thumb img { width: 273px; height: 176px; border: 0; }
		.pricemake { margin-top: 5px; }

#contact label { display: block; margin-top: 10px; }

.inputbar { border: 1px solid #e2e1e1; font: normal 11px Arial, Helvetica, sans-serif; padding: 5px; color: #a1a1a1; width: 150px; }
.ta { border: 1px solid #e2e1e1; font: normal 11px Arial, Helvetica, sans-serif; padding: 5px; color: #a1a1a1; width: 571px; }
.submit { background: #6abbce; border: 0; font: bold 13px Arial, Helvetica, sans-serif; color: #FFFFFF; padding: 5px 7px; border: 2px solid #6abbce; margin-top: 10px; }
.submit:hover { border: 2px solid #5799a9; }
p.thanks { margin-top: 20px; font-size: 13px; font-weight: bold; }

.eyeplot {display:none}