@charset "iso-8859-1";
body {
	margin: 0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color:#959595;
	background-color:#fff;
	height:100%;
	
	background: #000 url(images/oneThird.gif) repeat-y 33% 0;
}
strong {
	
}
img {
	border:0px;

}
h3 {
	

}
p, ul, ol {
	margin-top: 0;
}
p { margin: 0px 0px 1em 0px;}

a {
	
	text-decoration: none;
	
}

a:hover {
	background: none;
	color: #808080;
}

/* Menu */

#menu {
	float:right;
	margin: 342px 20px 0px 0px;
}

#menu ul {
	margin: 0;
	padding: 0px;
	list-style: none;
	line-height: normal;
	
	display:block;
	
	
}

#menu li {
	
	display:block;
	margin: 5px 0px 0px 22px;
	
}
#menu li a {
	font-size:11px;
	color:#fff;
	color:#959595;
	
}
#menu li a:hover {
color:#b6cef3;

}
.home #home {color:#b6cef3;}
.about #about {color:#b6cef3;}
.contact #contact {color:#b6cef3;}
.portfolio #portfolio {color:#b6cef3;}


#footer{
	margin: 40px 0px 20px 40px;
		font-size:11px;
}
#footer a {
	font-size:11px;
	color:#808080;
}

/* layout */
#container {
	height:100%;
	clear:both;
	overflow:hidden;
	
}


#left {	
	width:33%;
	background-image:url(images/homeLeftBg.jpg);
	background-position:right top;
	background-repeat:no-repeat;
	position:absolute;
	
	height:100%;
}
#right{
	width:67%;
	margin-top:0px;
	float:right;
	position:relative;
	font-size:14px;
	line-height:18px;
	color:#808080;
	background-image:url(images/white.gif);
	
	overflow:hidden;
	height:100%;
	
}

#title {
	margin:150px 0px 0px 40px;
	float:left;
	
}
#logo {
	margin:0px  0px auto 0px;
	background-image:url(images/craigwatkins.gif);
	background-position:top right;
	background-repeat:no-repeat;
	width:75px;
	height:301px;
}

.rowHack {
	clear:both;
	margin:0px;
	padding:0px;
}

#dots {
	height:1px;
	width:auto;
	background-image:url(images/dots.gif);
	margin: 1px 40px 40px 40px;

}
.table{
	width:100%;
	height:301px;
}
#content {
	width: 644px;
}

#p1 {	
	margin: 0px 0px 20px 40px;
	width:398px;
}
.portfolio #p1 {

	width:644px;
}
#mainCopy {

	width:398px;
	margin: 0px 0px auto 40px;
	float:left;
	
	
}
#mainCopy img{
	float:right;
	margin: 0px 0px 20px 20px;
}
#bullets {
	margin: 0px 0px auto 10px;
	float:left;
	font-size:10px;
	line-height:14px;
	width:188px;
	position:relative;
}

#b1 {
	position:relative;
	margin-top:-3px;

}
#b2 {
	position:absolute;
	top:77px;
}
#b3{
	position:absolute;
	top:159px;

}
/* Portfolio */
.col {
	float:left;
	
}

.portfolio #col2, .portfolio #col3, .portfolio #col4{
	width:185px;
}
.portfolio .col div {
	margin: 0px 20px 20px 0px;
}
.portfolio .col div:first-child{
	margin: 0px 20px 20px 0px;
}
.portfolio #col5 div:first-child {
	margin: 0px 22px 22px 20px;
}
.portfolio #col5 {
	width:185px;
}
.project {
z-index: 1;
position:relative;
}
.project div {
display:none;
position:absolute;
left:136px;
top:0px;
width:185px;
background-color:#ffffff;
padding:10px;
border: 1px solid #bbb;
background-color:#808080;
color:#FFFFFF;
white-space: normal;
}
#col5 .project div {
left:-233px;

}
/* End Portfolio */