html {
	background:url(images/page-bkg.gif) top left repeat-x;	
}
body {
	background: url(images/top-bkg.gif) top center no-repeat;
}


body {
	/*background-image:url(images/background.gif);*/
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #686868;
}
/*

GREY: #696868
BLUE: #384179

*/
a {
color: #696868;
}
a:hover {
color:#000;
}
#wrapper {
	width: 800px;
	background-color:#FFF;
	margin: 0 auto;
}

/* HEADER *******************************/
#header {
	/*background:url(images/header_background.jpg) top right no-repeat;*/
	position: relative;
}
	#top {
		height: 155px;
	}
	#header h1 {
		padding: 30px 0 0 14px;
	}
	#header h1 a {
		display: block;
		width: 346px;
		height: 99px;
		background:url(images/can_converter_logo_new.gif) no-repeat;
		text-decoration: none;
	}
	#header h1 a span {
		margin: 0 0 0 -10000px;
	}
	/* SUBNAV *******************************/
	#subnav {
		position: absolute;
		top: 130px;
		left: 20px;
		font-size: 11px;
		font-weight: bold;
                color: #000;
	}
	#subnav li {
		padding: 0 17px 0 0;
		display: inline;
		background:url(images/subnav_seperator.gif) top right  no-repeat;
	}
	#subnav li.last {
		padding: 0;
		background: none;
	}
	#subnav a {
	text-decoration: none;
	color:#000;
	}
	#subnav a:hover {
		color:#696868;
	}
	
	#clickCall {
	position: absolute;
	top: 0;
	right: 0;
	}
	
	
	/* MAINNAV *******************************/
	#mainnav {
		background-color: #696868;
		padding: 3px 10px;
		border-bottom: 1px solid #fff;
	}
	#mainnav li {
		float: left;
		padding: 0 17px 0 0;
		background: url(images/mainnav_seperator.gif) center right no-repeat;
		font-size: 11px;
	}
	#mainnav li a {
		color: #fff;
		text-decoration: none;
	}
	#mainnav li a:hover {
		color:#dedede;
	}
	#mainnav li.last {
		background: none;
		padding: 0;
	}
	#mainnav li.buynow a {
		color:#ffd393;
	}
	
/* CONTENT ****************************************/	
#content {
padding: 30px 20px; /* usable width: 760px */
/*background:url(images/content_bkgrnd.gif) top repeat-x;*/
}

#content h2 {
color: #384179;
padding-top: 10px;
}
#content h1 a {
text-decoration:none;
}
#content h2 a {
color: #384179;
text-decoration: none;
}

#content p {
padding-bottom: 10px;
}
#content ul {
padding: 3px 0 10px 15px;
list-style: square;
}
#content li {
padding: 0 0 4px 0;
}

#content ol {
margin: 3px 0 10px 25px;
list-style: decimal;
}


#c1 #nav_block {
border: 1px solid #e0901e;
margin-bottom: 10px;
}
#c1 .catlinks {
margin: 5px 10px;	
}

#c1 a { text-decoration: none; }


#c1, #c2, #c3 {
float: left;
}
#c1 {
width: 200px;
padding-right: 10px;
}

#c1 h1 {
background:url(images/c1_h1_background.gif) top left no-repeat;
display: block;
width: 175px;
height: 29px;
padding: 0 0 0 25px;
line-height: 28px;
font-size: 14px;
color: #384179;
}

#c2 h1, #c3 h1 {
background:url(images/fourbox_bullet.gif) 0 4px no-repeat;
font-size: 14px;
color: #384179;
padding-left: 15px;
}

#c1 ul.catlinks {
padding: 0;
}

#c1 ul.catlinks li {
color: #384179;
padding: 10px 0 0 0;
font-weight: bold;
list-style: none;
}
#c1 ul.catlinks a {
color: #384179;
}
#c1 ul.catlinks ul li {
font-weight: normal;
padding: 3px 0 0 0;
list-style: square;
}
#c1 li a.selected {
color:#EFBD77;
}

table td {
padding: 3px;
}


.radios {
padding: 10px;
border: 1px solid #EFBD77;
margin: 0 0 20px 0;
}

.subcategory_td img { margin-top: 3px; }

p.error {
font-weight: bold;
color: red;
}


/* PROJECT OF THE MONTH *******************/
.step {width: 70px; float: left; clear: both;font-weight: bold;}
.steptext { width: 470px; float: left;padding-bottom: 5px;}

#contestform div { padding-bottom: 8px; }
#contestform label { width: 180px; padding-right: 10px; font-weight: bold; display: block; float: left; }
#contestform .txt { width: 250px; }
#contestform .txtfld {width: 254px; }
#contestform div.checkbox { width:30px; float: left; margin: 0 0 0 190px; }
#contestform .checkboxtxt { width: 320px; float: left; margin-bottom: 10px;}
#contestform .securitygroup { float: left; display: block; }
#contestform .securitycodeimage { margin-bottom: 10px; }
#contestform .buttonrow { clear:both; margin: 10px 0 10px 190px;padding-top: 10px;}
#contestform .buttonrow input { padding: 10px; font-size:14px; }
	
.container {
border: 1px solid #c00;
background-color: #f2f2f2;
padding: 10px;
margin: 10px 0 20px 0;
display: none;
}
.container label.error {
	display: inline;
}
	
	
	
/* GOOGLE ADS *************************************/
#googleads	{
text-align:center;
border-top: 2px solid #000;
border-bottom: 2px solid #000;
padding: 10px 0;
}

/* FOOTER *************************************/
#footer {
text-align: center;
padding: 10px 0 30px 0;
color: #686868;
}
	#footer a {
		color: #686868;
	}
	#footer a:hover {
	color: #000;
	}
	#footer ul {
	list-style: none;
	font-size: 10px;
	padding: 0 0 8px 0;
	}
	#footer li {
	display: inline;
	padding: 0 18px 0 0;
	background:url(images/footernav_seperator.gif) center right no-repeat;
	}
	#footer li.last {
		padding: 0;
		background: none;
	}

/* CLEAR FIX *************************************/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#social {
float: left; padding: 10px 5px;
}
#flash{
position:relative;	
	width:800px; height:282px;
}
.rotator{
	position:relative;	
}
#rotator_nav { z-index: 99; position: absolute; bottom: 10px; left: 15px }
#rotator_nav a { margin: 0 3px; padding: 3px 3px; border: 1px solid #ccc; background: #888; color:#fff; text-decoration: none; font-size:11px; font-weight:bold; }
#rotator_nav a.activeSlide { background:#333; }
#rotator_nav a:focus { outline: none; }