/* Background information #e5e4e4 url(../images/background_image.jpg) top center repeat-y*/
		body {background: #fff;
	 		  font-family: Arial;
	 		  text-align: center;
			  margin: 0 auto;
			  width:center;
			 }
 
#hide {
display: none;
}

.imgContainer {padding:5px; z-index: 200; position: absolute; width: 1000px;}

.buttons{position: absolute; z-index: 220;}
.buttonClose{position: absolute; z-index: 220;}

#contents	
	{
		margin-top: auto;
		margin-bottom: 10px;
		margin-right:auto;
		margin-left:auto;
		width: 990px;
		padding: 0;
		background: transparent;
		color: #000;
		text-align: left;
		height:100%;
	}

#masthead	
	{
		margin:0px;
		width: 990px;
		padding: 0px;
		clear: both;
        float: left;
		text-align: left;
	}

#logo	
	{width: 350px; padding: 40px 0 40px 0px; background: transparent; margin:0; text-align: left; clear:left; float:left;}
	
	
/* MAIN NAVIGATION */

#navigation
	{width: 400px; height:49px; padding:0; margin: 70px 0 0 0;  background:transparent; float:right; clear:right;}
	
ul#nav li {display:block; float:right; padding: 0 10px; margin:2px 0 0 0;} 
ul#nav li a {display:block; outline:none; background:transparent url(../images/navigation.png) no-repeat 0 0; colour:#e5e4e4; margin:0px;}
			
ul#nav li#websites a {width:84px; height:27px; background-position:0 0; text-indent:-9000000px;}
ul#nav li#websites a:hover {background-position: 0 -27px;}

ul#nav li#print {border:0px 1px solid #333;}
ul#nav li#print a {width:40px; height:27px; background-position:-97px 0; text-indent:-9000000px;}
ul#nav li#print a:hover {background-position: -97px -27px;}

ul#nav li#contactme a {width:110px; height:27px; background-position:-150px 0; text-indent:-9000000px;}
ul#nav li#contactme a:hover {background-position: -150px -27px;}
 



/* IMAGE LINK */
A img{text-decoration: none; color: transparent; border:none;}

/* LINK INFO 
A:link {margin: 0px; padding-top: 0px; color: #ffffff; text-decoration: none; font-size: 11px; font-family: Arial; line-height: 15px;}
A:visited {text-decoration: none; color: #ffffff; none font-family: arial, sans-serif;}
A:active {text-decoration: none; color: #ffffff; none font-family: arial, sans-serif;}
A:hover{text-decoration: none; color: #ffa800; none font-family: arial, sans-serif;}
*/


/* PAGE TITLES*/		
.pagetitle{margin: 0; padding: 30px 10px 20px 0px; float: left; width: 990px; border: 0px; color: #bfbfbf; clear:both;}
#pagetitle a:link, a:visited{font-size:0.7em; clear:both; color:#ccc; border:0; margin:10px 0 0 0; text-decoration:none; padding:0px; text-transform:none; font-weight:normal; float:left;}
#pagetitle a:hover{text-decoration:underline;}
h1 {width:196px; height:16px; float:left; background:transparent url(../images/title_wd.png) no-repeat 0 0; margin:0px; text-indent:-9000000px;}
h2 {width:404px; height:16px; float:left; background:transparent url(../images/title_wdd.png) no-repeat 0 0; margin:30px 0 0 0; text-indent:-9000000px;}
h3 {width:159px; height:16px; float:left; background:transparent url(../images/title_print.png) no-repeat 0 0; margin:30px 0 0 0; text-indent:-9000000px;}
h4 {width:158px; height:16px; float:left; background:transparent url(../images/title_contactme.png) no-repeat 0 0; margin:30px 0 0px 0; text-indent:-9000000px;}



p.titlecopy  {margin: 0px; padding: 0px; color: #fff; text-decoration: none; font-size: 0.75em; background-color: transparent; font-family: Arial, Helvetica, sans-serif;}




/* -------- WEBSITE DIV -------- */
#web{margin: 0; padding: 0; background:transparent;float: left; clear:both;}

/* MAIN CONTENT AREA */
#maincontent{margin: 0; padding: 0;background:transparent; float: left; width: 990px; border: 0px;}

/* MAIN GALLERY AREA */
dl.gallery {border: 0px; background:transparent; float: left; margin: 10px 0px; text-align: left; width: 310px; padding:0;}
.gallery dt .thumb {border: 0px; width: 310px; height: 186px; margin-left: -3px; margin-right: 0px; padding: 0 0 10px 0; text-indent:-10px;}
.gallery dt {color: #666; text-decoration: none; text-transform: uppercase; font-size: 0.75em; font-family: Arial; font-weight: bold; margin:0px; padding: 0 2px; line-height: 15px;}
.gallery dd {margin-right: 0px; color: #999; text-decoration: none; font-size: 0.7em; font-family: Arial; margin:0px; padding: 4px 2px; line-height: 16px; float:left;}

dl.gallery2 {border: 0px; background:transparent; float: left; margin: 10px 30px; text-align: left; width: 310px; padding:0;}
.gallery2 dt .thumb {border: 0px; width: 310px; height: 186px; margin-left: -3px; margin-right: 0px; padding: 0 0 10px 0px;}
.gallery2 dt {color: #666; text-decoration: none; text-transform: uppercase; font-size: 0.75em; font-family: Arial; font-weight: bold; margin:0px; padding: 0 2px; line-height: 15px;}
.gallery2 dd {margin-right: 0px; color: #999; text-decoration: none; font-size: 0.7em; font-family: Arial; margin:0px; padding: 4px 2px; line-height: 16px; float:left;}


#maincontent a:link, a:visited{color:#999; border:0; text-decoration:underline; font-weight:normal; margin:0; }
#maincontent a:hover{text-decoration:underline;}

.rowwrapper {width:100%; float: left;}


/* -------- PRINT DIV -------- */
#printdesign{margin: 0; padding: 0; background:transparent; float:left; clear:both; width:950px;}

.printproject{width:950px; height:420px; margin: 0; padding: 0; background:transparent;float: left; clear:right;}
.printproject p{color: #999; text-decoration: none; font-size: 0.7em; font-family: Arial; font-weight: normal; margin:0px; padding: 0; line-height: 15px; padding:5px 0px;}
.printproject p.printtitle {font-size: 0.75em; color:#666; font-weight:bold; text-transform: uppercase; }
.imagefloat {float: left; width: 643px; height:386; padding: 0 40px 0 0;}
.printthumb{width:643px; height:386px; background:transparent; float:left;}





/* -------- CONTACT ME -------- */
#contactmediv{margin: 0; padding: 0; background:transparent; float: left; clear:both; width:940px;}


/* ABOUT ME */

#about{width: 630px; height: auto; background:transparent; padding:0 30px 0 0px; text-align: left; float: left;}

#about p{color: #999; text-decoration: none; font-size: 0.85em; font-family: Arial; font-weight: normal; margin:0px; padding: 10px 0; line-height: 20px;}
#about p.aboutbold{font-size: 0.75em; color:#333;}

#about ul {width: 100px; text-align: left; background: transparent; padding: 0px; margin:0px; float:left; clear:both; border: 0px solid #999; list-style: none; }
#about ul li {font-size:0.75em; width:120px; float:left; clear:both;  margin:0px; padding:0 0 10px 0;}

span.highlight {color:#f6920f;font-weight:normal;}

/* CONTACT FORM*/

#contact {width:310px; height: 520px; background:transparent; float:left;}
#contact-area p{color: #999; text-decoration: none; font-size: 0.75em; font-family: Arial; font-weight: normal; margin:0px; padding: 10px 0; line-height: 20px;}


#contact-area {
	background:transparent;
	width: 310px;
	float:left;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 220px;
	font-family: Helvetica, sans-serif;
	font-size: 0.75em;
	margin: 0px 0px 10px 0px;
	border: 1px solid #ccc;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 1px solid #f6920f;
}

#contact-area input.submit-button {
	width: 51px;
	float: right;
}

label {color: #333; width:60px; text-decoration: none; font-size: 0.75em; font-family: Arial; font-weight: bold; margin:0 15px 0 ; padding: 5px 0 0 0; line-height: 15px; text-align:right; float:left;}



#footer {width:960px; height:50px; margin:30px 0 0 0; padding:0px; clear:both; float:left; border-top:1px solid #ccc;}
#footer p{color: #999; text-decoration: none; font-size: 0.75em; font-family: Arial; font-weight: normal; margin:0px; text-align:left; padding: 10px 0;}










