/****reset styles (yahoo)********/

body{
color:#000;background:#FFF;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6, pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
margin:0;padding:0;
}

li{
list-style:none;
}

caption,th{
text-align:left;
}

h1,h2,h3,h4,h5,h6{
font-size:100%;
font-weight:normal;
}

sup,sub{
line-height:-1px;
vertical-align:text-top;
}

/**************website styles****************/

body{
	font-family: Helvetica, Ariel, sans-serif;
	font-size: 62.5%;
	line-height: 1.8em;
	height: 100%;
	background-color: #FFFFFF;
}

#wrapper{
	width: 800px;
	float: left;
	background-color: #FFFFFF;
	height: 100%;
}

#header{
	margin-top: 20px;
	padding-left: 18px;
	padding-right: 30px
}

#header #logo{
width: 250px;
float: left;
margin-bottom: 18px;
padding-top: 0px;
}

#header ul{
width: 250px;
color: #666666;
clear: left;
}

#header a{
float: right;
font-size: 2.4em;
font-weight: bold;
padding-top: 0px;
}

a:link{
	text-decoration: underline;
	color: #3399FF;
}
li.porthead {
	text-transform: uppercase;
	color: #0033cc;
}
#header a {
	color: #666666;
	text-decoration: none;
}

a:visited{
text-decoration: none;
color: #666666;
}

a:hover{
	text-decoration: none;
	color: #3399FF;
}

#content{
padding: 54px 0px 0px 18px;
float: left;
}

h2{
	color: #999999;
	font-size: 2.4em;
	padding-bottom: 20px;
	font-weight: bold;
	width: 11em;
}

h3{
	color: #333333;
	font-size: 2.4em;
	padding-bottom: 10px;
	font-weight: bold;
	width: 11em;
	padding-top: 60px;
	float: left;
	clear: left;
}

.portfolioBox{
	margin-top: 36px;
	width: 600px;
	float: left;
	padding-bottom: 18px;
	font-size: 1.2em;
	color: #666666;
}

.portfolioBox img{
	float: left;
	border: 1px solid #CCCCCC;
}

a img{
border-width: 0px;
}

.portfolioBox ul{
	float: left;
	width: 240px;
}

.portfolioBox li{
margin-left: 45px;
padding-bottom: 9px;
}

.info{
	font-size: 1.2em;
	color: #666666;
	margin-top: 36px;
	padding-bottom: 9px;
	width: 450px;
}

.info p{
margin-bottom: 18px;
}

.info a:link{
text-decoration: underline;
color: #0099FF;
}

.info a:visited{
text-decoration: underline;
color: #0099FF;
}

.info a:hover{
text-decoration: none;
color: #0099FF;
}

.info a img{
margin: 0px 5px 0px 5px;
}

.info a span{
color: #999999;
}

.info span{
font-size: .8em;
}

#contact{
margin-top: 45px;
float: left;
}

h4{
font-size: 2.4em;
margin-top: 18px;
clear: right;
}

form{
font-size: 1.2em;
float: left;
margin-top: 36px;
clear: left;
}

input[type="text"]{
width: 200px;
}

textarea{
width: 200px;
height: 100px;
}

form div{
display: block;
padding: 9px;
}

label {
float: left;
padding-right: 18px;
text-align: right;
width: 5em;
}

#footer{
	clear: both;
	padding: 36px 0px 18px 18px;
}

#footer p{
margin-right: 18px
}

#content h1{
font-size: 1.8em;
}

#content h1 a{
color: #0099FF;
}
.outerwrapper {
	padding-left: 100px;
}