/* 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; }
#twitter { float: right; width: 32px; height: 32px; margin: 5px 17px 0 0; display: inline; }
#facebook { float: right; width: 32px; height: 32px; margin: 5px 8px 0 0; display: inline; }
#twitter a, #facebook a { display: block; height: 32px; outline: none; text-indent: -9999px; }

#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: 13px;
	}

#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}

#innernav {
width: 191px;
border: 0px;
border-top: 0;
}

#innernav li {
list-style: none;
width: 182px;
margin-left: 10px;
}

li.small {
height: 32px;
border-bottom: 1px solid #e2e1e1;
padding: 8px 0 0 0;
font-size: 90%;
}

li.small a { color: #e90d55; text-decoration: none; }
li.small a:hover { text-decoration: underline; }

.withdots
{
	list-style: square;
}