@charset "utf-8";
/* CSS Document */

body{
margin:0;
padding:0;
font-size:16px;
color:#000;
font-family:Arial, Helvetica, sans-serif;
height:100%;
width:100%;
background:#fff;
}

a img{
border:0;
}

img{
margin:0;
padding:0;
}

ul{
list-style:none;
margin:0;
padding:0;
}

hr{
height:10px;
border:none;
outline:none;
margin:0 0 10px 0;
background:url(images/hrBack.jpg) repeat-x top left;
}

h1{
color:#000066;
margin:0 0 10px 0;
padding:0;
font-size:30px;
}

h2{
color:#970000;
margin:0 0 10px 0;
padding:0;
font-size:30px;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:100;
}

p{
margin:0px 0 12px 0;
padding:0;
line-height:20px;
}

.clear{
clear:both;
line-height:0;
font-size:0;
height:0;
}

#container{
width:864px;
margin:auto;
background:#fff;
}

#header{
width:100%;
border-top:10px solid #000066;
height:150px;
padding:10px 0px;
}

#logo{
width:245px;
margin:17px 0 0 0;
}

#header ul li:first-child{
margin:0;
}

#header ul li{
display:block;
float:left;
vertical-align:middle;
margin:0 0 0 40px;
font-size:24px;
color:#000066;
}


#nav{
width:862px;
height:36px;
background:#970000 url(images/navBarBack.jpg) repeat-x top left;
line-height:36px;
border-right:1px solid #4c0000;
}

#nav li{
float:left;	
}

#nav li a{
display:block;
width:107px;
text-align:center;
color:#fff;
font-size:14px;
border-left:1px solid #4c0000;
text-decoration:none;
}

#nav li a:hover{
background:#970000 url(images/navHover.jpg) repeat-x top left;
text-decoration:underline;
}


#nav li .subNav{
width:180px;
background:#970000;
position:absolute;
z-index:1000;
}

#nav li .subNav li a{
display:block;
padding:0 5px;
text-align:left;
width:168px;
border-left:1px solid #4c0000;
border-right:1px solid #4c0000;
border-bottom:1px solid #4c0000;
}

#content{
padding:10px 0;
}

.leftColumn{
float:left;
width:427px;
}

.rightColumn{
float:left;
width:427px;
margin:0 0 0 10px;
}

#footer{
clear:both;
margin:10px 0 5px 0;
text-align:center;
line-height:22px;
font-size:12px;
}

#footer a{
color:#000066;
}

.lightbox{
display:block;
width:75px !important;
height:90px !important;
float:left;
overflow:hidden !important;
margin:0 5px 10px 5px;
}

.lightbox img{
width:148px;
height:auto;
}

.blueList{
font-size:12px;
background:#b6e1ff;
padding:10px 10px 2px 10px;
width:274px;
margin:0 0 10px 0;
}

.blueList li{
vertical-align:top;
line-height:14px;
display:block;
clear:left;
margin:0 0 10px 0;
}

.blueList img{
float:left;
margin:2px 7px 10px 0;
}

#colorplus{
	margin:20px 0 0 0;
	padding:0;
}

#colorplus li{
	float:left;
	text-align:center;
	width:207px;
	height:225px;
	display:block;
	margin:0 40px 25px 40px;
}

#colorplus li img{
	width:207px;
	height:207px;
}

#contactForm p{
	margin:0 0 8px 0;
}

#contactForm label{
	display:block;
}

#contactForm input[type=text]{
	width:200px;
}

#contactForm textarea{
	width:600px;
	height:150px;
}

label.error{
	color:red;
	font-size:11px;
	margin:-2px 0 0 0;
}



#article-out {
	float:left;
	margin-right:-255px;
	width:100%;
}

#article {
	margin-right:255px;
	float:none;
	width:auto;
	position:static;
	text-align:left;
}

#aside {
	float:right;
	width:220px;
	text-align:left;
	margin-bottom:20px;
}

#aside input[type="text"]{
	width:218px;
	padding:4px 0;
}

#aside textarea {
	width:218px;
	height:150px;
}

#aside h2, #container.vinyl h2 {
	border-bottom:1px solid #970000;
	padding-bottom:10px;
}

.informational {
	font-size:12px;
	font-style:italic;
}

#container.vinyl h2 {
	margin-top:10px;
}

#container.vinyl #contactForm2  p {
	margin:0 0 4px 0;
}

#container.vinyl #contactForm2 input[type="text"] {
	padding:4px 0;
}

#container.vinyl #contactForm2 textarea {
	width:240px;
	height:155px;
	margin-bottom:10px;
}