/* ROYAL MAGNET CSS */

body {background-color:#000000; background:url(../images/bg_tile.jpg) repeat; margin:0px; padding:0px;}
	
#top {margin: 10px 0 10px 0;}

/* BACKGROUNDS */
#wrapper {width:975; margin-top:0px; border:none; text-align:center;}

/* BODY CONTENT */
#contentWide {position:relative; width:975px; padding-top:10px; margin:40px 0 70px 0; padding-bottom:50px; text-align:center; left:50%; margin-left:-487px;}

#projectList {float:left; padding-top:30px;}

.project {padding:20px 20px 10px 0; height:280px; width:304px; color:#666666; font-family:"Lucida Grande", Arial, Helvetica, san-serif; font-size:12px; float:left; text-align:left; line-height:1.4em; display:block;}

.project img {border: 0px solid #333333;}

.title {color:#cccccc; margin:0px 0 0px 0; font-family:Georgia, Garamond, serif; font-size:20px; font-style:italic; padding-top:205px; line-height:1.6em;}

.small {color:#666666; margin:0px 0 0px 0; font-family:Georgia, Garamond, serif; font-size:16px; font-style:italic; padding-top:205px; line-height:1.8em;}

.divider {margin:0px 0 20px 0; float:left; width:785px;}

.header {width:785px; padding:15px 0 25px 0; float:left;}

#contentBody {position:relative; width:785px; padding-top:70px; text-align:left; margin-left:auto; margin-right:auto; color:#666666; font-family:"Lucida Grande", Arial, Helvetica, san-serif; font-size:14px; text-align:left; line-height:1.6em;}

.contentBlock {width:785px; float:left;}

.contentLeft {width:360px; padding-right:50px; color:#666666; font-family:"Lucida Grande", Arial, Helvetica, san-serif; font-size:14px; text-align:left; line-height:1.6em; float:left; margin-bottom:40px;}

.contentLeft a {color:#cccccc; text-decoration:none;}
.contentLeft a:hover {color:#cccccc; text-decoration:underline;}

.contentRight {width:360px; color:#666666; font-family:"Lucida Grande", Arial, Helvetica, san-serif; font-size:14px; text-align:left; line-height:1.6em; float:left; margin-bottom:40px;}

.contentRight a {color:#cccccc; text-decoration:none;}
.contentRight a:hover {color:#cccccc; text-decoration:underline;}

.contactMap {padding:0; color:#666666; height:200px; font-family:"Lucida Grande", Arial, Helvetica, san-serif; font-size:12px; float:left; text-align:left; line-height:1.4em; display:block;}

.contactMap img {border: 0px solid #333333;}

/* NAV */
ul {margin:0;}

#nav {
	background:transparent url(../images/nav.gif) no-repeat 0 0;
	height:38px;
	border:0px solid #000;
	width:780px;
	float:left;
	text-indent:-9999px;
	position:absolute;
	left:50%;
	padding-top:0px; 
	margin-left:-390px; 
	margin-top:0px; 
	margin-bottom:0px;
}

#nav a {outline:none;}

#nav li {
	margin-left:0;
}

#buttons {
	height:38px;
	position:relative;
}

#buttons li {list-style: none; position:absolute;}
#buttons li, #buttons a {height:38px; display:block; top:0;}

#button1 {left: 0; width: 177px;}
#button2 {left: 177px; width: 172px;}
#button3 {left: 349px; width: 266px;}
#button4 {left: 615px; width: 165px;}

#button1 a:hover {background: transparent url(../images/nav.gif) 0 -38px no-repeat;}
#button2 a:hover {background: transparent url(../images/nav.gif) -177px -38px no-repeat;}
#button3 a:hover {background: transparent url(../images/nav.gif) -349px -38px no-repeat;}
#button4 a:hover {background: transparent url(../images/nav.gif) -615px -38px no-repeat;}