/* Deep Creative | The Radiator Company */

/* Main Container */

#header_cont { position: relative; width: 740px; height: 180px; margin: 0px auto; padding: 0px; }

#logo_cont { position: relative; width: 100%; height: 78px; left: 0px; }

#logo_cont #logo       { position: relative; width: 10%; float: left; height: 78px; top: 0px; }

#logo_cont #logonav    { position: relative; width: 68%; float: right; height: 64px; top: 12px; text-align: right; vertical-align: top; margin-right: 1px; }
#logo_cont #logonav a  {
									   font-size: 10px;
									   color: #660099;
									   text-decoration: none;
									   font-weight: bold;
									}
#logo_cont #logonav IMG{ position:absolute; left:0px; top:0px; }

/* Grey Navigation */

#greynav_cont   { position: relative; width: 100%; height: 24px; left: 0px; background-color: #939393; text-align: left; }
#greynav_back   { position: relative; width: 100%; height: 24px; left: 0px; background-color: #939393; text-align: left; }
#greynav_cont A {
								position: relative;
								height: 100%;
								top: 0px;
						   		font-size: 11px;
						   		color: #ffffff;
						   		text-decoration: none;
						   		font-weight: bold;
							 	display: block;
							 	text-shadow: #000000 2px 2px 2px;
								line-height: 24px;
							 }
#greynav_cont A:hover {
								position: relative;
								height: 100%;
								top: 0px;
						   		font-size: 11px;
						   		color: #ffffff;
						   		text-decoration: none;
						   		font-weight: bold;
							 	display: block;
							 	text-shadow: #000000 2px 2px 2px;
								background-color: #660099;
								line-height: 24px;
							 }
#greynav_cont A.selected {
								position: relative;
								height: 100%;
								top: 0px;
						   		font-size: 11px;
						   		color: #ffffff;
						   		text-decoration: none;
						   		font-weight: bold;
							 	display: block;
							 	text-shadow: #000000 2px 2px 2px;
								background-color: #660099;
								line-height: 24px;
							 }


#greynav_cont #greybox1 { position: relative; width: 146px; height: 23px; top: 0px; float: left; text-indent: 10px; }
#greynav_cont #greybox2 { position: relative; width: 146px; height: 23px; top: 0px; float: left; text-indent: 10px; }
#greynav_cont #greybox3 { position: relative; width: 146px; height: 23px; top: 0px; float: left; text-indent: 10px; }
#greynav_cont #greybox4 { position: relative; width: 146px; height: 23px; top: 0px; float: left; text-indent: 10px; }
#greynav_cont #greybox5 { position: relative; width: 156px; height: 23px; top: 0px; float: left; text-indent: 10px; }

.colornav_cont            { position: relative; width: 100%; height: 39px; left: 0px; padding: 0px; margin: 0px; text-align: left; }
.colornav_cont .topmargin { position: relative; top: 4px; }
.colornav_cont IMG        { position: absolute; left: 221px; top: 4px; }

.colornav_cont A {
								position: relative;
								height: 100%;
								font-size: 14px;
								color: #ffffff;
								text-decoration: none;
								font-weight: bold;
								padding-left: 6px;
								display: block;
								text-shadow: #000000 2px 2px 2px;
								line-height: 24px;
							   }

.colornav_cont A:hover {
								position: relative;
								height: 100%;
								font-size: 14px;
								color: #ffffff;
								background-color: #660099;
								text-decoration: none;
								font-weight: bold;
								padding-left: 6px;
								display: block;
								text-shadow: #000000 2px 2px 2px;
								line-height: 24px;
							   }

.colornav_cont #colorbox1 { position: relative; width: 240px; height: 24px; float:  left; top: 10px; background-color: #dd1a9c; }
.colornav_cont #colorbox2 { position: relative; width: 240px; height: 24px; float:  left; top: 10px; background-color: #953735; margin-left: 10px; }
.colornav_cont #colorbox3 { position: relative; width: 240px; height: 24px; float: right; top: 10px; background-color: #e46c0a; }
.colornav_cont #colorbox4 { position: relative; width: 240px; height: 24px; float:  left; top:  5px; background-color: #31859c; }
.colornav_cont #colorbox5 { position: relative; width: 240px; height: 24px; float:  left; top:  5px; background-color: #7159a6; margin-left: 10px; }
.colornav_cont #colorbox6 { position: relative; width: 240px; height: 24px; float: right; top:  5px; background-color: #77933c; }