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

@import url(reset.css);
@import url(base.css);



/* ---------------------------------------------------------
   Universal Content Containers
--------------------------------------------------------- */

#container {
width: 750px;
margin: 80px auto 0;
}

#main {
width: 750px;
margin:0 auto;
}

#contents {
width: 640px;
padding: 10px 0 0 110px;
float: left;
}



/* ---------------------------------------------------------
   Header Container
--------------------------------------------------------- */

header {
width: 750px;
float: left;
margin: 0 0 10px 0;
}



/* ---------------------------------------------------------
   Logo Styles
--------------------------------------------------------- */

#logo {
width: 100px;
height: 100px;
float: left;
padding: 0 10px 0 0;
}


/* ---------------------------------------------------------
   Navigation
--------------------------------------------------------- */

#header-nav {
width: auto;
height: 100px;
float: left;
}

#header-nav ul {
float: left;
}

#header-nav ul li {
margin-right:20px;
float: left;
}


/* ---------------------------------------------------------
   Work
--------------------------------------------------------- */

.mag-pub {
	font-size: 12px;
	color: #999999;
}

.mag-title {
	font-size: 12px;
	color: #597B20;
	font-weight: bold;
}

.title {
vertical-align: bottom;
line-height:1.3em;
width:85px;
}

.pic {
vertical-align: bottom;
width:115px;
}

.description {
width:200px;
height:55px;
font-size:0.9em;
color: #597B20;
line-height:1.5em;
padding-top:7px;
}

.profile-title{
	width: 100px;
	font-size: 12px;
	color: #597B20;
	font-weight: bold;
}

.profile-detail{
	font-size: 12px;
	font-weight: bold;
}

.gray {
	line-height: 24px;
	color: #999999;
}

.green {
	line-height: 24px;
	color: #597B20;
}
/* ---------------------------------------------------------
   First Column Container
--------------------------------------------------------- */

#first-column {
width: 220px;
float: left;
padding: 0 10px 0 0;
}

/* ---------------------------------------------------------
   Second Column Container
--------------------------------------------------------- */

#second-column {
width: 510px;
float: left;
}

/* ---------------------------------------------------------
   Third Column Container
--------------------------------------------------------- */

#third-column {
width: 220px;
float: left;
}

/* ---------------------------------------------------------
   Privacy Policy
--------------------------------------------------------- */
h1 {
	color: #597B20;
	font-size: 1.5em;
	font-weight: bold;
}

h2{
	color: #597B20;
	font-size: 1em;
	font-weight: bold;
}

h3{
	font-weight: bold;
}

/* ---------------------------------------------------------
   Footer
--------------------------------------------------------- */

footer {
width: 750px;
float: left;
margin: 50px 0 0 0;
padding: 0 auto;
font-size: 11px;
color: #999;
text-align:center;
}