/* Main CSS */

/* 
This CSS is not W3C compliant, nor is it organized. It is however, making the site work. Things are busy with client projects alright? ;)
To see some decent HTML and CSS by See Design, visit one of out client's sites and puruse around there. Take http://www.yourstudentcentre.com for example.
 */

body {
background: /* url(../images/page_bkg.jpg) */ top left no-repeat #000000;
color:#FFFFFF;
font-size: 12px;
line-height: 18px;
font-family: Georgia, serif;
padding-top: 10px;
}

a {
text-decoration: none;
color:#666;
border-bottom: none;
padding-bottom: 3px;
}

a:hover {
text-decoration: none;
color:#A6D514;
border-bottom: 0px dotted #666666;
padding-bottom: 3px;
}

/* NAV */
#nav ul {
	display: block;
	list-style: none;
	padding: 0;
	margin: 12px 0 0 5px;
	height: 20px;
	z-index: 12;
	}

#nav li {
	display: block;
	float: left;
	position: relative;
	margin: 0;
	padding: 0;
	text-align: left;
	cursor: default;
	border-width: 0;
	}
	
#nav a {
	position: relative;
	margin: 0;
	padding: 0;
	float: left;
	text-indent: -7777777px;
	height: 20px;
	}

#nav a:hover {
	background-position: 0 -40px;
	}
	
#nav_portfolio a {
	display: block;
	width: 120px;
	background: url(../images/portfolio.gif) top left no-repeat;
	}
	
#nav_contact a {
	width: 220px;
	margin-left: 10px;
	background: url(../images/contact.gif) top left no-repeat;
	}
	
	
/* CONTACT */

div#contact {
	display: block;
	margin:  10px 0 0 5px;
	}
	
div#contact h2 {
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: normal;
	}

div#contact p {
	margin: 0;
	}
	
/* IMAGE REPLACEMENT */

#logo {
margin: 0;
padding: 0;
height: 132px;
width: 100%;
text-indent: -7777777px;
background: url(../images/logo_white.jpg) top center no-repeat;
margin: 0 auto;
text-align: center;
}
		
#title {
margin: 0;
padding: 0;
height: 38px;
width: 399px;
text-indent: -7777777px;
background: url(../images/title.gif) top left no-repeat;
}

/* --------- */

.divider {
color:#333333;
}

br{
margin-top: 5px;
}

#container {
width: 800px;
margin: 90px auto;
padding: 10px;
text-align: center;
}

#logo {
margin: 0px 0px 7px 1px;
}

#main {
width: 800px;
/* height: 533px; */
/* background:url(../images/main_bkg.png) top center no-repeat; */
}

#content_container {
width:700px;
/* height:500px; */
/* background: url(../images/content_bkg.png) top center no-repeat; */
}

#content {
width: 465px;
padding: 0px;
}

#content p {
margin: 4px 0 5px 5px;
color:#999999;
}