CSS - http://www.katiejames.net

/*------ COLOURS ----------*/
/* #ff33cc - pink
FF9900 - orange
*/
/*=========================== MAIN ======================*/
body {font:74.5%/1.4 Arial, Verdana, Helvetica, sans-serif; color:#777777; text-align:center; }

h1, h3 {font-family:tahoma, arial, verdana, helvetica, sans-serif; font-size:15px; color: #111111;}
h2 {font-family:tahoma, arial,verdana, helvetica, sans-serif; font-size:11px; font-weight:bold; color:#5a5b50; }

/*--------------------------------- LINKS -----------------------------------*/
a {color:#777777; text-decoration:underline; font-weight:bold;}
a:link, a:visited, a:active {color:#777777; text-decoration:underline; font-weight:bold;}
a:hover {text-decoration:underline; color:#FF9900; font-weight: bold;}

#content a {color:#777777; text-decoration:underline; font-weight:bold;}
#content a:link, a:visited, a:active {color:#777777; text-decoration:underline; font-weight:bold;}
#content a:hover {text-decoration:underline; color:#FF9900; font-weight: bold;}
	
/*---------------------------------- LAYOUT ----------------------------------*/
#wrap {margin:auto; text-align:left; width:850px; overflow:hidden; border:1px solid #000;}

#header{padding:0px; margin:0px; }
	#header h1 {background: url('/images/logo.gif') no-repeat; height:70px; text-indent:-1000em; margin:0; padding:0px;}/*image replace the H1 text */
	
#nav{height:30px; padding:0px; margin:20px 45px; }   
	#nav ul, #nav li{margin:0; padding:2px; list-style:none;}
	#nav ul li{float:left;}
	#nav ul li a {color:#777777; text-decoration:none; }
	#nav ul li a:hover {text-decoration:none;color:#FF9900; font-weight: bold;}
	#nav ul li a:link, a:visited, a:active {text-decoration:none;}
	
#content {float:left; width:520px; padding:10px 50px;}
#content ul li {font-family: Arial, Verdana, Helvetica, sans-serif;font-size: 12px; color:#FF9900; }

#rightContent {float:left; width:210px; padding:10px; margin:0px; }

#footer, #footer2{ float:left; padding:30px 15px 20px 45px; font:9px Verdana, Arial, Helvetica, sans-serif; color:#999999;}
#footer a, #footer2 a {color:#777777; text-decoration:underline; font-weight:bold;}
#footer a:hover, #footer2 a:hover {text-decoration:underline; color:#FF9900; font-weight: bold;}
	#footer {width:510px;}
	#footer2 {width:200px; text-align:right; }

/*------------------TEXT & COLOURS---------------*/
p {font:76%/1.4 Arial, Verdana, Helvetica, sans-serif; color:#333333;}
.bold { font-weight:bold;}
#rightContent p {color:#FF6600; font-size:11px}

#nav {font:0.7em Arial, Verdana, Geneva, Helvetica, sans-serif; color:#333333; font-weight:bold;}
/*---------------------------------IMAGES & FLOATS!---------------*/
.gal {width:210px; margin:auto; }
.gal img {margin:4px; background: #fff; border:1px solid #bbb; padding: 4px;}
.gal img:hover {background: #ccc; }

#img a {margin:auto; padding:0px; margin:0px; border:#666666;}

.titlebar {	color: #FFFFFF;	background-color: #777777; padding:7px; font-weight: bold;	}
/*font-family: Verdana, Arial, Helvetica, sans-serif;	 */

#contactform {float:left; width:520px; padding:0px 0px; font-family: Arial, Verdana, Helvetica, sans-serif;font-size: 11px; color:#FF9900; }
