body {
font-family: Geneva, Arial, Helvetica, sans-serif;
color:#eeeeee;
text-align:center;
}

h1, h2, h3, p, ul, li{
margin:0px;
padding:0px;
}

p{
margin:0px 5% 1em 30px;
font-size:0.8em;
}

#wrapper {
margin:10px auto;
text-align:left;
background:#444444;
width:750px;	
}

#top{
height:90px;
}

#navbar{
background: url(../images/navbar.gif) no-repeat;
height:50px;
width:550px;
float:left;
margin:0px;
padding:0px;
}

#logo{
float:left;
vertical-align:top;
}

#middle{
clear:both;
border-top:1px solid #eeeeee;
}

.title{
	margin:20px 0px 20px 30px;
}

.border{
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
}

ul{
list-style:none;
}

li{
display:inline;
text-align:center;
}

a{
color:#eeeeee;
text-decoration:none;
text-align: center;
}

a:hover{
text-decoration:underline;
color:#FF9900;
}

#navbar a{
/*problem on title links lies below here - i.e. recognises right and left but not center*/
float:left;
display:block;
padding-top:17px;
width:100px;
height:33px;
font-size:0.9em;
font-weight:bold;
color:#eeeeee;
text-decoration:none;
}

#navbar a:hover, .active{
color:#444444;
background:#E08F15;
text-decoration:none;
}

#footer{
margin-top:30px;
padding:1em 15px;
border-top: 1px solid #eeeeee;
font-size:0.7em;
}

#left_footer{
float:left;
}

#right_footer{
float:right;
}

/*about us and contact us page stuff*/

/*width originally 300px for text_left and right*/

#text_left{
float:left;
width:250px;
}

#text_right{
float:left;
width:425px;
margin-left:60px;
}

#text_bottom{
clear:both;
}

#bipp{
margin:0px;
padding:0px;
}

/*contact us page*/

.small_text{
font-size:0.6em;
}

.send_title{
margin:0px 0px 15px 0px;
}

#form_left{
float:left;
width:70px;
margin-top:17px;
}

#form_right{
float:left;
width:140px;
margin-top:60px;
padding-top:10px;
}

#form_left p{
margin:0px 0px 5px 0px;
}

#form_bottom{
clear:both;
}

/*portfolio*/

#subnavbar{
border-top:1px solid #444444;
float:left;
background: url(../images/sub_nav.gif) no-repeat;
height:30px;
width:410px;
}

#subnavbar a{
text-align:center;
float:left;
display:block;
padding-top:7px;
width:72px;
height:22px;
font-size:0.7em;
font-weight:normal;
color:#eeeeee;
text-decoration:none;
}

#subnavbar a:hover, #subnavbar .active{
color:#444444;
background:#EEEEEE;
text-decoration:none;
height:23px;
}

#portfolio_middle{
border-top:1px solid #EEEEEE;
padding-top:20px;
}

#portfolio_middle p{
margin:0px 5px 1em 30px;
font-size:0.8em;
}

#picture_box{
width:500px;
float:left;
margin-bottom:30px;
}

#portfolio_words{
width:220px;
float:left;
}

#portfolio_words p{
	font-size:0.7em;
}

#portfolio_words img{
margin-left:30px;
margin-bottom:10px;
}

#portfolio_words a{
font-weight:bold;
}

.clear{
clear:both;
}

#anchor{
clear:both;
}