/* === Hidden guff ======= */
#header1 p,.hidden{
	left:-9999px;
	width:0px;
	overflow:hidden;
	position:absolute;
	}	

/* === Generic styling (structure/background etc) ======= */
*{	
	font-size:100%;
	margin:0;
	padding:0;
	border:0;
	}
body{
	font:75%/150% Tahoma,Verdana,Arial,Helvetica,sans-serif;
	color:#333;
	background:#FFF;
	}
p{margin:0 0 1.3em;line-height:normal}
p.error{margin:0 0 1.3em;line-height:normal;color:#CC0000;font-weight:bold;font-size:90%}
td{padding:2px;vertical-align:top}
h1{margin:0 0 1.3em;line-height:normal;font-size:120%}
p.small{margin:0 0 1em;font-size:90%;}
.nw{white-space:nowrap}
.nul{text-decoration:none}
.bord{border:solid 1px #CCC}


/* === HEADER ======= */
#greyStrip1,#greyStrip2{
	width:100%;
	font-size:10%;
	line-height:normal;
	float:left
	}
#greyStrip1{
	height:11px;
	background:#D7D7D7;
	}
#greyStrip2{
	height:2px;
	background:#A6A6A6;
	}
/* title */
#title{
	width:122px;
	height:27px;
	padding:22px 0 0 11px;
	float:left
	}
#title h1{
	width:122px;
	height:17px;
	text-indent:-9999px;
	background:url(../images/header/title.gif) no-repeat;
	float:left
	}
#title h1 a{
	width:122px;
	height:17px;
	text-decoration:none;
	float:left;	
	}
/* nav */
#nav{
	width:100%;
	background:url(../images/backgrounds/dotted.gif) bottom repeat-x;
	float:left
	}
#navc{
	width:608px;
	height:19px;
	padding:8px 0 0 10px;
	float:left
	}
#nav ul{
	width:300px;
	list-style:none;
	float:left;
	clear:both
	}
#nav ul li{
	text-indent:-9999px;
	font-size:10%;
	line-height:normal;
	float:left;
	}
#nav ul li a{
	height:15px;
	text-decoration:none;
	float:left;
	}
/* nav 1 */
#nav #nav1{
	width:30px;
	height:15px;
	padding-right:28px;
	text-indent:-9999px;
	}
#nav #nav1 a{
	width:30px;
	background:url(../images/navigation/home.gif) 0 0 no-repeat;
	}
#nav #nav1 a:hover,#nav #nav1 a.selected{
	width:30px;
	background:url(../images/navigation/home.gif) 0 -15px no-repeat;
	}
/* nav 2 */
#nav #nav2{
	width:57px;
	height:15px;
	padding-right:28px;
	text-indent:-9999px;
	}
#nav #nav2 a{
	width:57px;
	background:url(../images/navigation/portfolio.gif) 0 0 no-repeat;
	}
#nav #nav2 a:hover,#nav #nav2 a.selected{
	width:57px;
	background:url(../images/navigation/portfolio.gif) 0 -15px no-repeat;
	}
/* nav 3 */
#nav #nav3{
	width:38px;
	height:15px;
	padding-right:28px;
	text-indent:-9999px;
	}
#nav #nav3 a{
	width:38px;
	background:url(../images/navigation/prints.gif) 0 0 no-repeat;
	}
#nav #nav3 a:hover,#nav #nav3 a.selected{
	width:38px;
	background:url(../images/navigation/prints.gif) 0 -15px no-repeat;
	}
/* nav 4 */
#nav #nav4{
	width:47px;
	height:15px;
	padding-right:28px;
	text-indent:-9999px;
	}
#nav #nav4 a{
	width:47px;
	background:url(../images/navigation/contact.gif) 0 0 no-repeat;
	}
#nav #nav4 a:hover,#nav #nav4 a.selected{
	width:47px;
	background:url(../images/navigation/contact.gif) 0 -15px no-repeat;
	}
	

/* === CONTENT ======= */
#content{
	width:630px;
	padding:22px 0 0 10px;
	float:left;
	}
#content #cleft{
	width:260px;
	font-size:90%;
	float:left
	}
#content #cright{
	width:350px;
	padding-left:20px;
	font-size:90%;
	float:right
	}
#content #cleft2{
	width:315px;
	float:left
	}
#content #cright2{
	width:315px;
	text-align:right;
	font-size:90%;
	float:right
	}
#content #container{
	width:100%;
	float:left;
	}
#content #container table{
	width:100%;
	font-size:90%;
	}
#hometab table{
	width:100%;
	height:100%;
	}
#hometab table td{
	text-align:center;
	vertical-align:middle
	}
	
	
/* === FOOTER ======= */
#footer{
	width:100%;
	margin-top:22px;
	background:url(../images/backgrounds/dotted.gif) top repeat-x;
	font-size:80%;
	color:#999999;
	float:left;
	}
#footer #fcontainer{
	width:608px;
	padding:11px;
	float:left
	}
#footer #fcontainer #fleft{
	width:300px;
	float:left
	}
#footer #fcontainer #fright{
	width:300px;
	text-align:right;
	float:right
	}
	
	
/* === LINKS ======= */
a,a:visited{color:#999;text-decoration:underline}
a:hover,a:visited:hover,a:active{color:#999;text-decoration:none;}
a.blk,a.blk:visited{color:#000;text-decoration:none}
a.blk:hover,a.blk:visited:hover,a.blk:active{color:#000;text-decoration:underline;}


/* === FORMS ======= */
.formfield{
	width:60%;
	border:solid 1px #CCC;
	font-size:110%
	}
select{
	border:solid 1px #CCC
	}
.submit{
	color:#FFF;
	background:#666;
	font-weight:bold;
	padding:1px;
	}