/* CSS Document */

body {
margin: 0px;
background-image: "images/gradient.jpg";
background-repeat: repeat-x;
background-color:#E4E4DA;
}

#container {
background-color: #FFFFFF;
margin-top: 60px;
margin-left: auto; 
margin-right: auto;
margin-bottom: 10px;
padding: 10px;
width: 780px;
height: 490px;
}

#content-left {
width: 209px;
height: 518px;
float: left;
}

#logo {
width: 209px;
height: 138px;
background-color: #F6F3E6;
}

#navcontainer {
	width: 209px;
	height: 312px;
	background-color: #D5D8CD;
	margin-top: 10px;
	padding-top: 30px;
	overflow: auto;
}

#content-right {
float: left;
width: 561px;
height: 470px;
margin-left: 10px;
margin-top: 1px;
background-image: url(images/gradient-interior.gif);
background-repeat: repeat-x;
}

#text-box {
width: 414px;
padding-left: 40px;
padding-top: 30px;
}

#magazine-covers {
float: left;
width: 510px;
padding-left: 40px;
padding-top: 30px;
}

.magazine-covers {
font-family: arial, helvetica;
font-size: 11px;
color: #666666;
letter-spacing: 0.02em;
line-height: 12px;
}

#magazine-covers a, #magazine-covers a:visited {
	color: #666666;
	}


#text-box a, #text-box a:visited {
	text-decoration: none;
	color: #666666;
	}

.text-box {
font-family: arial, helvetica;
font-size: 12px;
color: #000000;
letter-spacing: 0.02em;
line-height: 18px;
}

.clips {
font-family: arial, helvetica;
font-size: 13px;
color: #000000;
letter-spacing: 2px;
line-height: 14px;
}

.h1 {
font-family: arial, helvetica;
font-size: 13px;
text-decoration: none;
color: #000000;
letter-spacing: 3px;
}

#footer {
width: 780px;
height: 30px;
margin: 0 auto;
clear: both;
border: 1px;
}

.footertype {
font-family: arial, helvetica;
font-size: 11px;
color: #333333;
text-align: right;
letter-spacing: 2px;

}

.clear { 
clear: both; 
height: 0; 
overflow: hidden; 
}