@charset "UTF-8";
/* Dean Clamp Design style sheet for http://www.deanclamp.com */
/* Style sheet used under the Portfolio section for http://www.deanclamp.co.uk */

#logo {
	background: transparent url(../images/dean-clamp-design.gif) 0 -19.5em no-repeat;
}

#subnav li a:hover {
	color: #FF1B00;
}

a {
	color: #999;
}

a:hover {
	text-decoration: none;
}

.highlight {
	color: #FF1B00;
}

#contact-details h1 a:hover {
	color: #FF1B00;
}

.portfolio-column {
float: left;
display:inline;
width: 33%;
}

/* FORMS - ALL CSS FOR FORMS AND FORM ELEMENTS BELOW */
#content form { 
/* set width in form, not fieldset (still takes up more room w/ fieldset width */  
color:#999;
margin: 0;
padding: 0;
float: left;
display: inline;
width: 28em;
text-align: left;
}

#content form fieldset {  
/* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
border-color: #999;
border-width: 1px;
border-style: solid;
padding: 1em 1em 1.5em 1em;        /* padding in fieldset support spotty in IE */  
margin: 0 0 .5em 0;
border-radius: .5em 2em .5em 2em;
}
#content form label {
display: block;  /* block float the labels to left column, set a width */
float: left;
width: 8em;
padding: 0;
margin: 0.5em 0 0 1em; /* set top margin same as form input - textarea etc. elements */
text-align: right; 
}
#content form fieldset legend {
color: #999;
font-size: 1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
margin: 0;                   /* be careful with padding, it'll shift the nice offset on top of border  */
font-family: 'AftaserifRegular', Georgia, "Times New Roman", Times, serif;
}
#content form input, #content form textarea, #content form select {
/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
font-family: "CicleGordita", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
color: #999;
width: 15em;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */	
margin:0.5em 0 0 1em; /* set margin on left of form elements rather than right of                              label aligns textarea better in IE */
border-radius: .2em;
}

#content form input, #content form textarea {
	padding: .2em;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
}

#content form input#reset {	
margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}
textarea {
overflow: auto; 
}

#content form small {	
display: block;
margin: 0 0 0.5em 30%; /* instructions/comments left margin set to align w/ right column inputs */
padding: 1px 3px;
font-size: .95em;
}

#content form .required{
	font-family: "CicleSemi", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
} /* uses class instead of div, more efficient */

#content form .button{
width: 5em;
background-color:#fff;
color:#999;
} /* uses class instead of div, more efficient */