* {margin: 0; padding: 0; border: 0;} 

/* COMMON ELEMENTS
------------------- */

body {
	color:#000;
	font-size:68%;
	font-family:Arial, Helvetica, sans-serif;	
}


h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:2.1em;
}

h2 {
	display:inline;
	font-size:2em;
	border-bottom:1px dotted #ccc;
	padding-right:50%;
}

h3 { font-size:1.5em; }

ul { font-size:1.2em; }

li { font-size:1em; }

a:link, a:visited {
	text-decoration:none;
	border-bottom:1px dotted #000;
	color:#000;
}

a:hover {
	text-decoration:none;
	border-bottom:1px dotted #69c8ff;
	color:#000;
}

/* CUSTOM LINK STYLES
---------------------- */

a.home:link, a.home:visited { color:#fff; }

a.home:hover {
	color:#69c8ff;
	border-bottom:#fff;
}

a:link img, a:hover img {
	text-decoration:none;
	border-bottom:0;
} 

a.image:link, a.image:hover, a.image:visited { border:0; }

a.visit:link, a.visit:visited {
	font-size:1.2em;
	color:#000;
	line-height:50px;
}

a.visit:hover {
	color:#00a2ff;
}

/* LAYOUT 
----------*/

#wrapper {
width:90%;
}

/* HEADER */
#header {
	margin:0;
	background-color: #000;	
	padding:2% 4%;
	border-bottom:5px solid #ddd;
	height:100%;
}
 

/* MAIN CONTENT */
#content {
	margin:5% 15%;
	width:80%;
}

* html #content {	/* ie fixaroo - if set to 80% horizontal scroll in IE */
  	width:65%;
}


/* THUMBNAILS */
#thumbs {
height:100%;	/* ie fix: thumbs jump when hovered over if height is not set */
}

#thumbs ul {
display:inline;
background-color:#000;	
}

#thumbs li {
display:inline;
float:left;
margin:1% 3% 0 0;
height:52px;
width:52px;
}

#thumbs li a:link {
display:block;
border:1px solid #84abc4;
}

#thumbs li a:visited {
display:block; 
border:1px solid #000;
}

#thumbs li a:hover {  
border:1px solid #69c8ff;
}


/* RIGHT COLUMN: SELECTED WORK */

#imgcol {
clear:left;
position:relative;
padding:5% 0;
}

* html #imgcol {
padding:40px 0 ;	/* if set to %, then main image jumps when thumbs are hovered over */
}

#imgcol p.imagereplacement {
width:350px;
display:block;
font-size:2.6em;
border:1px dotted #ccc;
padding:25px;
background-color:#ddd;
color:#000;
}
#workinfo {
position:absolute;
top:13%;
left:450px;
}

#workinfo ul {
margin:5px 15px;
}

#workinfo li {
display:list-item;
list-style-type:circle;
line-height:1.8em;
margin:0 0 0 1px;
padding:0;
}



/* SELECTED WORK: FOOTER */

#footer {
clear:both;
}

#footer ul {
padding-top:1%;
width:60%;
border-top:1px dotted #ccc;
}

#footer li { 
background:transparent url('images/checkmark.png') no-repeat top left;
font-weight	:bold;
display:inline;
margin:0 2% 0 0;
padding-left:18px;
}

p.contactlink a:link, p.contactlink a:visited {
float:left;
position:absolute;
clear:both;
right:20%;
color:#151515;
font-weight:bold;
margin:0;
font-size:1.5em;
}

p.contactlink a:hover{
color:#69C8FF;
}


/* CONTACT SECTION */

#contact {
height:100%;
background-color:#151515;
border-top:5px solid #ddd;
color:#fff;
margin:0;
padding:2% 4%;
text-align: left;


}

#contact h2 {
border-bottom:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
}


/* FORM STYLE */

#form {
margin:5% 10%;
}

form fieldset {
background-color:#2e2e2e;	
border-width:2px 0px 0px 0px;
border-style:solid;
border-color:#c4c4c4;	
font-family:Arial, Helvetica, sans-serif;
font-size:12px;		
margin:40px 0px 20px 0px;
width:500px;
position:relative;
display:block;
padding: 0px 10px 10px 10px;
}

form fieldset legend {	
border-width:0px 1px;
border-style:solid;
border-color:#fff;	
color:#fff;
font-weight:bold;
text-transform:uppercase;
font-size:90%;
letter-spacing:3px;		
padding:2px 5px;
margin:0px 0px 10px 0px;
position:relative;
top: -12px;
}
	 
form fieldset legend img {
padding:0px 5px 0px 5px;	
}

label {
font-size:1em;
display:block;
float:left;
width:100px;
text-align:right;
margin:10px 5px 0px 0px;
}

input, textarea {
width:220px;
margin:10px 0px 0px 0px;	
border-width: 1px 1px 4px 1px;
border-style: solid solid ridge solid;
border-color:#fff;	
font-family:Arial, Helvetica, sans-serif;
padding:1px 2px;
}

.button {
background-color:#fff;	
border-width:2px;
border-style:solid;
border-color:#69C8FF;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;	
display:block;
width:100px;
padding:2px;
margin:0px 420px;
}