@charset "utf-8";
/* CSS Document */


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	text-decoration: none;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
/*:focus {
	outline:1px dotted #111 ;
}*/

input:focus {
	outline:1px solid #666 ;
}

a:focus {
	outline:1px dotted #666 ;
}

ol, ul {
	list-style: none;
}

/* FORMS */
fieldset { padding: 0 1em 1em 1em; margin: 10px 0; } /* padding-top is margin-top for fieldsets in Opera */
fieldset { border: none; }
input, select { cursor: pointer; }
input[type='text'] { cursor: text; }


/* Tripoli Overrides--------------------------------------*/

p+ul { margin-top: -0.8em }

fieldset { border:none; }


/*end-----------------------------------------------------*/


html { font-size: 62.5%; font-family:Arial, Helvetica, sans-serif; }

body {
	
	color:#767676;
	font-family: Arial, sans-serif;
    font-size: 1.2em; 
	line-height: 1.6em; 
	background:#f5f4ee;	
	 }
	 
/*Paragraph formating------------------------*/

p, ul, address, a {
font-family:Georgia,"Times New Roman",Times,serif;
}

p.statement {
font-size:1.88em;
line-height:1.4em;
margin:1.07em 0;
}

p strong {
font-size:14px;
}

em {
font-style:italic;
}


/*Site Text formating--------------------------------------*/

blockquote *:first-child { margin: .8em 0; }
 hr,  p,  ul,  ol,  dl,  pre,  blockquote,  address,  table,  form { margin-bottom: 1.6em;}
 p+p { margin-top: -.8em; }
 
 
/*Headers--------------------------------------*/

h1 {
 font-size: 1em; 
margin: 0px;  
line-height:0em; 
padding:0;
}

h2 { font-size: 1.88em; margin: 1.07em 0 1.07em; line-height:1.4em; letter-spacing:-0.015em; }
h3 { font-size: 1.2em; margin: 0em 0 .57em;  }

h1, h2, h3 {
font-weight:600;
}

h2, h3, h4, h5, h6 {
text-transform:uppercase;
color:#767676;
}
 
#masthead h1 a:link, 
#masthead h1 a:visited,
#masthead h1 a:active {
background: url(../img/logo.gif) top left no-repeat;
display:block;
height:140px;
width:225px;
}

#masthead h1 a:hover, 
#masthead h1 a:focus {
background-position:0 100%;
text-decoration:none;
outline:none;
}

h1 span.indent {
text-indent:-999em;
display:inline-block;
}


h2.mail {
color:#323232;
margin:0 0 20px;
padding-bottom:5px;
border-bottom:8px solid #323232; 
}


/*links styles--------------------*/

a:link,
a:visited {
color:#d3353d;
text-decoration:none;
}

a:hover,
a:active {
color:#ff000d;
text-decoration:underline;
}

.mail_inner a.mail {
color:#323232;
float:left;
width:100px;
padding-left:44px;
background: url(../img/close.gif) left no-repeat;
font-size:16px;
font-weight:600;
line-height:3em;
}


/*Lists------------------------*/


ul.work {
margin:30px 0px 0px;
padding:0;
}

ul.work li, ul.work li.right {
width:225px;
float:left;
margin-right:20px;
margin-bottom:20px;
}

ul.work li.right {
margin-right:0;
}

ul.work li a:link,
ul.work li a:visited,
ul.work li.right a:link,
ul.work li.right a:visited {
width:218px;
padding:5px;
float:left;
border:1px solid #beb2b2;
color:#767676;
text-transform:uppercase;
font-family:arial, sans serif;
background:#ddd;
font-size:10px;
font-weight:600;
-moz-border-radius:3px;
-webkit-border-radius: 3px;
}

ul.work li a:hover,
ul.work li a:active,
ul.work li.right a:hover,
ul.work li.right a:active {
border:1px solid #beb2b2;
background:#fff;
-webkit-box-shadow: 5px 5px 10px rgba(0,0, 0, 0.4);
-moz-box-shadow: 5px 5px 10px rgba(0,0, 0, 0.4);
text-decoration:none;
}


/*misc styles*/


img.mugshot {
float:left;
display:block;
overflow:hidden;
margin-right:20px;
}


/*main divs structure------------*/


#wrapper {
width:960px;
margin:0 auto;

}

/*contact divs-------*/

.hide_mail {
margin:0 auto;
width:960px;
}


.mail_inner { 
width: 920px;
float:left;
margin:40px 0px 0px;
padding:20px;
background:#767676;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
line-height:1.6em;
}



/*content divs----------*/
	
#masthead {
	float:left;
	padding:20px 0px 20px;
	margin:32px 0px 0px;
	width:960px;
	background:#f5f4ee url(../img/masthead-bg.gif) top left no-repeat;
	border-bottom: 1px solid #b6b6b6;
}


#content, #top_content, #mid_content, #bottom_content {
	float:left;
	padding:0;
	margin:0;
	width:960px;
	padding:20px 0px 0px;
	background:#f5f4ee;
	border-top:none;
	}
	
#content {
margin-bottom:32px;
padding-top:0;
}
	
#top_content {
padding:10px 0px 0px;
}

#mid_content {
padding:20px 0px 30px;
border-top:1px solid #b6b6b6;
z-index:1;
}

#bottom_content {
margin-bottom:32px;
border-top:1px solid #b6b6b6;
}

.column_hold, .column_hold_right {
width:225px;
float:left;
margin-right:20px;
}

.column_hold_right {
margin-right:0;
}


.about_hold {
width:715px;
float:left;
margin-right:20px;
}

.three_column_hold {
float:left;
width:715px;
}

/*Footer styles--------------------------------------*/


#footer{
float:left;
width:100%;
padding-top:30px;
border-top:10px solid #767676;
margin:0px 0px 10px;
}


ul.credits {
margin:0;
padding:0;
float:left;
width:960px;
padding-bottom:15px;
}

ul.credits li {
float:left;
margin-right:10px;
}

ul.credits li.right {
float:right;
text-align:right;
margin-right:0px;
width:300px;/*ie bug fix*/
}



/*Contact styles-------------------------------------*/


form#contact {
margin:0;
padding:0;
width:920px;
float:left;
}

fieldset.address,
fieldset.text {
width:450px;
float:left;
margin:0;
padding:0;
}

fieldset.text {
margin-left:20px;
}


fieldset.address label,
fieldset.text label {
float:left;
width:100%;
margin:10px 0px;
padding:0;
text-transform:uppercase;
color:#323232;
}

fieldset.text label {
margin-bottom:0;
}

fieldset.address label span,
fieldset.text label span {
float:left;
width:368px;
font-weight:600;
}

fieldset.address input {
float:left;
width:100%;
border: 1px solid #ccc;
border-top:1px solid #ddd;
color:#323232;
background-color:#f5f4ee;
padding:4px 0px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}

fieldset.address input#name {
margin-top:1px;
}

fieldset.text textarea  {
font-family:Arial, Helvetica, sans-serif;
float:left;
width:100%;
border: 1px solid #ccc;
border-top:1px solid #ddd;
color:#232323;
background-color:#f5f4ee;
margin:0;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
min-height:150px;
}

/*Safari textaerea fix - sorry but times a wastin...*/

@media screen and (-webkit-min-device-pixel-ratio:0) {
 fieldset.text textarea  {
min-height:154px;
}
  }

/*submit button-----------*/

form#contact div.submit {
margin:10px 0px 0px;
width:700px;
float:right;
}


form#contact div.submit input {
border:none;
padding:0.5em;
margin:0 0 20px;
float:right;
color:#fff;
text-transform:uppercase;
letter-spacing:1px;
font-weight:300;
background-color:#323232;
border-top: 1px solid #212121;
border-right: 1px solid #212121;
border-bottom: 1px solid #212121;
border-left: 1px solid #212121;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}

form#contact div.submit input:hover {
color:#323232;
background-color:#fff;
border: 1px solid #212121;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
font-style:italic;
}