/*    
Theme Name: Rob's Web Design Portfolio 
Theme URI: http://www.robsdesign.com/ 
Description: Web Design Portfolio 
Author: Rob McCauley 
Author URI: http://www.robsdesign.com 
Version: 1.0 
*/  

* {margin: 0; padding: 0;}
body {background: #000 url(images/bg.gif) repeat-x;}

h1 {
	margin: 10px 35px 10px 34px;
	font: normal 1.65em Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	color: #FFF;
	}

h2 {
	margin: 0 30px -10px 12px;
	padding: 20px 0 0 0;
	font: bold .95em Arial, Helvetica, sans-serif;
	color: #FFF;
	border-bottom: 1px solid #423F3F;
	text-transform: uppercase;
	clear: both;
	}

h3 {
	margin: 0 20px 0 35px;
	padding: 20px;
	font: .85em/1.3em Arial, Helvetica, sans-serif;
	color: #FFF;
	}
	
h4 {
	padding: 0 0 20px 0;
	font: bold 1.2em Arial, Helvetica, sans-serif;
	color: #1F54BC;
	text-align: center;
	text-transform: uppercase;
	}

p {font: .7em/1.4em Arial, Helvetica, sans-serif; color: #FFF;}
	p strong {color: #FFCE5B;}

p.small {font: .55em/1.4em Arial, Helvetica, sans-serif; color: #999;}
			
address {
	margin: 0 20px 0 35px;
	padding: 20px;
	font: normal bold .95em/1.4em Arial, Helvetica, sans-serif;
	color: #2372E3;
	border-top: 2px solid #282928;
	border-bottom: 2px solid #282928;
	}
	
	address strong {color: #FFF;}

div#container {
	margin: 0 auto;
	width: 990px;
	position: relative;
	background: url(images/bg_content.gif) repeat-y;
	}

div#header {
	width: 990px;
	height: 180px;
	background: url(images/bg_header.png) no-repeat;
	}

	div#content {width: 990px; clear: both;}

	div#columnleft, div#columncenter, div#columnright {float: left;}
		
		div#columnleft {
			margin-bottom: -100px;
			width: 538px;
			background: url(images/bg_columnleft.png) no-repeat;
			}
			
	div#columncenter, div#columnright {height: 500px;}
	
		div#columncenter {width: 235px; background: url(images/bg_columncenter.png) no-repeat;}
		div#columnright {width: 217px; background: url(images/bg_columnright.png) no-repeat;}
		
		.infoblock {
			margin: 20px 35px 150px 36px;
			background: #591500;
			border: 1px solid #7B1D00;
			}		

		.infoblock img {margin: 9px 0 2px -1px; padding: 1px; border: 1px solid #7B1D00;}

	#statusbox {
		width: 235px;
		position: absolute;
		top: 230px;
		right: 217px;
		}
		
	#contactbox {
		width: 217px;
	    position: absolute;   
	    top: 230px;   
    	right: 0; 
		}
			
		div#columnleft p {padding: 0 6px 15px 6px;}
		
		div#columncenter p {padding: 20px 30px 0 12px;}
		div#columnright p {padding: 20px 35px 0 15px;}
		
		div#columncenter h2 {border-bottom: 1px solid #243C2C;}
		div#columnright h2 {border-bottom: 1px solid #2B3532;}

		div#columncenter a:link, div#columnright a:link, div#columncenter a:visited, div#columnright a:visited {
			padding: 1px 2px;
			color: #FFF;
			background: #5F7B45;
			text-decoration: none;
			}
			
		div#columncenter a:visited, div#columnright a:visited {background: #4C6237;}
		div#columncenter a:hover, div#columnright a:hover {background: #D17525;}
						
div#footer {
	width: 990px;
	height: 26px;
	background: url(images/bg_footer.gif) no-repeat;
	clear: both;
	}



/* COPYRIGHT */
div#copyright {
	padding: 2px 0 10px 0;
	width: 538px;
	font: normal .55em/1.4em Arial, Helvetica, sans-serif;
	text-align: center;
	color: #999;
	background: #000;
	}

	div#copyright a {color: #99CC69; text-decoration: none;}
	div#copyright a:hover {color: #000; background: #99CC69;}
	div#copyright img {margin: 5px 0 0 0; padding: 0;}
	
	
	
/* HORIZONTAL NAVIGATION */
div#nav {
	position: absolute;
	top: 283px;
	left: 2px;
	z-index: 3;
	}
	
div#nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

div#nav li {
	margin: 0;
	padding: 0;
	float: left;
	list-style-image: none;
	}

div#nav li a {
	margin: 0;
	padding: 29px 34px 28px 35px; 
	float: left; 
	display: block;
	font: bold .85em Arial, Helvetica, sans-serif;
	text-align: center; 
	text-transform: uppercase;
	color: #FFF;
	text-decoration: none;
	border: 1px solid #2057BF;
	}

	div#nav li a:hover {color: #FFF; background: url(../Website/images/bg_nav_hov.gif) repeat-x;}
	div#nav li a#current {color: #FFF; background: url(../Website/images/bg_nav_hov.gif) repeat-x;}
	div#nav li a#current:hover {color: #000; background: url(../Website/images/bg_nav_hov.gif) repeat-x;}



/* UTILITY NAV */
div#utilnav {
	margin: 0 auto;
	width: 970px;
	clear: both;
	}
	
div#utilnav ul {
	margin: 0;
	padding: 55px 0 0 270px;
	list-style-type: none;
	}

div#utilnav li {
	margin: 0;
	padding: 0;
	float: left;
	list-style-image: none;
	}
	
	div#utilnav li a {
		display: block;
		margin: 0;
		padding: 3px 17px;
		font: .75em Arial, Helvetica, sans-serif;
		color: #FFF;
		text-decoration: none;
		}
	
		div#utilnav li a:hover {color: #FFF; background: #1F54BC;}

.clear {clear: both;}