/*
styles.css
author: ben stockwell for his portfolio site
*/

/*reset*/
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;
	font-weight: normal;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {

}
a
{
text-decoration: none;
}
a:hover
{
text-decoration: underline;
}
/*end reset*/

body
{
font-family:Helvetica,Tahoma,Arial,sans-serif;
background: #DBFFF5 url(images/lowback.png) center 142px no-repeat;
font-size:0.6251em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
}

.all
{
width: 750px;
margin: 0 auto;
background: #fff;
font-size: 1.6em;
}
.top
{
margin: 0 auto;
background: #fff;
font-size: 1.6em;
background: #FFFFFF url(images/topback.png) no-repeat center bottom;
border-bottom: 6px solid #d6cf96;

}

.head
{
	width: 750px;
	margin: 0 auto;
}

.nav
{
height:2.5em;
}

.nav *
{
	cursor: pointer;
}

.nav a:link, .nav a:visited, .nav a:hover, .nav a:active
{
background: url(images/navhead.png) left 55px;
color:#333333;
display:inline-block;
float:left;
font-weight:500;
margin-right:10px;
text-decoration:none;
vertical-align:top;
}

.nav a.current
{
background: url(images/navhead.png) left 110px !important;
}

.nav a span
{
	padding:0px 9px 0 14px;
	font-size:1em;
	line-height:2.5em;
	float: left;
}

.nav a:hover
{
background: url(images/navhead.png) left top !important;
}

.nav a:link span.righttab, .nav a:visited span.righttab, .nav a:hover span.righttab, .nav a:active span.righttab 
{
	background: url(images/navhead.png) right 55px;
	padding: 0;
	padding-left: 5px;
	line-height: 1em;
	height: 1em;
	vertical-align: -10px;
	font-size: 2.5em;
	display: inline-block;
}

.nav a.current span.righttab
{
	background: url(images/navhead.png) right 110px !important;
}

.nav a:hover span.righttab
{
	background: url(images/navhead.png) right top !important;
}



.nav .right
{
border-right:0pt none !important;
float:right !important;
margin-right:0 !important;
}


.banner
{
height: 85px;
padding-bottom: 15px;
overflow: hidden;
}

.banner a
{
display: block;
text-indent: -5555px;
padding-left: 00px;
height: 85px;
width: 400px;
background: url(images/headlogo.png) left top;
}

.banner a:hover
{
background: url(images/headlogo.png) left bottom;
}

.body
{
font-size: .8em;
line-height: 170%;
}

.body a
{
color: #BB9900;
}

.body a:hover
{
color: #808059;
}

.body .featportitem
{
border-bottom: 1px dotted #dadada;
padding: 10px;
}

.body .featportitem .h
{
display: none;
padding: 0 10px;
border-bottom: 2px solid #000;
margin-bottom: 10px;
font-size: 1.3em;
}

.about
{
display: block;
width: 447px;
background-color: #dfdab0;
padding: 10px;
margin-left: 260px;
}
.about em
{
display: block;
font-size: 1.2em;
margin: 0 0 10px 0;
}

.about span
{
display: block;
padding-left: 10px;
margin-bottom: 1em;
}

.about a
{
text-decoration: none;
color: #0000ff;
margin-left: 10px;
}

.about a:hover
{
text-decoration: underline;
}

.footer
{
clear: both;
background-color: #D6CF96;
font-size: 1em;
line-height: 1.7em;
text-align: center;
padding: 10px 0;
}

.body .news
{
clear: both;
padding: 10px 0;
}
.body .news div
{
float: left;
overflow: hidden;
width: 360px;
padding: 0 0 0 10px !important;
}

h1
{
	display: none;
}



.body .news .left p
{
padding: 10px 15px 0;
}

.body .news .left p a:hover
{
color: #666660;
}

/*portfolio polariods*/

a.port, a.port:visited, a.port:hover, a.port:active
{
  background-color: #fff;
  padding: 3px;
  display: block;
  width: 242px;
  color: #222;
  overflow: hidden;
  text-align: left; 
  text-decoration: none;
  border: 1px solid #888;
  cursor: pointer;
  margin: 0 10px 0 0;
  float: left;
}

a.port img
{
width: 240px;
height: 160px;
display: block;
margin: 0 auto;
border: 1px solid black;
background: #fff;
}
a.port span
{
  background-color: #eee;
  display: block;
  width: 236px;
  padding: 3px;
  margin: 3px auto 0 auto;
  border-bottom: 1px solid #aaa;
}
a.port:hover
{
 background-color: #ddd;
}

/* portfolio pages */
.portfolio
{
margin: 0 0 3px 0;
}

.portfolio h2
{
height: 30px;
background-color: #dfdab0;
padding: 10px 0 0 10px;
font-size: 1.3em;
font-weight: bold;
vertical-align: bottom;
}
.portfolio h2 span
{
border-right: 1px solid #000;
font-weight: normal;
padding-right: 10px;
margin-right: 10px;
}

.portfolio a
{
color: #444;
text-decoration: none;
}

.portfolio .url
{
display: block;
text-align: center;
margin: 5px 0;
font-size: 1.3em;
}

.portfolio a:hover
{
color: #000;
}

.portfolio .dates
{
display: block;
text-align: center;
margin: 5px 0;
color: #598080;
}

.portfolio .info
{
display: block;
padding: 0 10px 10px 30px;
}
.portfolio img
{
background-color: #fff;
border: 1px solid #000;
padding: 3px;
width: 240px;
height: 160px;
float: right;
margin: 10px 10px;
}

.portfolio h3
{
width: 57%;
margin: 10px 20px;
font-weight: bold;
font-size: 1.1em;
background-color: #8FBFBF;
padding: 5px 10px;
}

.portgateway
{
border-bottom: 1px dotted #dadada;
padding: 10px;
}


.sectionheader
{
font-size: 1.2em;
padding: 10px;
font-weight: bold;
border-bottom: 2px solid #000;
background-color: #d6cf96;
margin: 0 10px;
margin-top: 10px;
}

.section
{
padding: 10px 20px;
margin-bottom: 10px;
}
.section a
{

}
.section ul
{
list-style: disc;
margin: 0 0 0 40px;
}

/* news item */
.newsarticle
{
margin: 0 0 3px 0;
}

.newsarticle a
{
color: #444;
text-decoration: none;
}
.newsarticle a:hover
{
color: #000;
}

.newsarticle .dates
{
display: block;
text-align: center;
margin: 5px 0;
color: #598080;
}

.newsarticle .info
{
display: block;
padding: 0 10px 10px 30px;

}
.newsarticle img
{
background-color: #fff;
border: 1px solid #000;
padding: 3px;
width: 240px;
height: 160px;
float: right;
margin: 3px 10px;
}

.newsarticle h3
{
width: 60%;
margin: 10px 20px;
font-weight: bold;
font-size: 1.1em;
background-color: #8FBFBF;
padding: 5px 10px;
}


.contact
{
	font-size: 1.1em;
}

.formsection {
background:#809FFF;
color:#333;
display:block;
margin:5px auto;
padding:10px 0;
text-align: right;
}

.formsection label em{
font-weight: 700;
font-size: 1.5em;
line-height: .8em;
overflow: hidden;
vertical-align: middle;
margin-right: 2px;
}

.formsection .smaller
{
	color: #0000cc;
	margin-right: 300px;
	font-size: .8em;
}

.formsection input, .formsection textarea
{
	color: #444;
	width: 200px;
	margin: 3px 200px 3px 10px;
	padding: 3px;
	border: 1px solid #60BFBD;
}

.formsection #desc
{
	width: 350px;
	height: 7em;
	margin-right: 50px;
	vertical-align: top;
}

form .submit
{
	width: 300px;
	display: block;
	padding: 10px 0;
	font-size: 1.7em;
	margin: 10px auto;
}

#moreInfo
{
	margin-top: 10px;
	width: 375px;
	text-align: left;
	background: #97c3ff;
	padding: 10px;
	margin-left: 342px;
}

#err
{
	width: 700px;
	margin: 0 auto;
	background: #FFE6E6;
	padding: 10px;
	text-align: center;
}

#success
{
	width: 700px;
	margin: 10px auto;
	background: #809FFF;
	padding: 10px;
	text-align: center;
}


.projects
{
	width: 720px;
	margin: 10px auto;
	font-size: 10px;
	border-left: 2px solid #444;
	border-top: 2px solid #444;
}
.projects tr:first-child
{
	background-color: #ddd;

}
.projects td
{
	border-bottom: 2px solid #444;
}
.projects td
{
padding: 3px;
border-right: 2px solid #444;
}

h2
{
	height: 40px;
	text-indent: -5555px;
	background: url(images/headings/h2blank.png);
}
.featporthead
{
	background: url(images/headings/h2feat.png);
}
.scrupuloishead
{
	background: url(images/headings/h2scrupulois.png);
}
.newshead
{
	background: url(images/headings/h2news.png);
}
.abouthead
{
	background: url(images/headings/h2about.png);
}
.serviceshead
{
	background: url(images/headings/h2serv.png);
}
.worksheethead
{
	background: url(images/headings/h2worksheet.png);
}
.porthead
{
	background: url(images/headings/h2port.png);
}

.portfolio h2
{
	text-indent: 0;
}

.news .left
{
margin-bottom: 10px;
padding-left:  10px !important;
}
.news .right h3
{
	padding: 10px;
}

.news .right h3
{
	text-transform: none;
	display: block;
}

.news .right h3 span
{
	text-transform: none;
	display: block;
	padding: 10px 0 10px 10px;
}

.news .right h3 a
{
	font-size: 1.1em;
	text-transform: uppercase;
	color: #bf9960;
	display: block; 
	border-bottom: 1px solid #d6cf96;
	text-decoration: none !important; 
}

.news .right h3 a:hover
{
	color: #bb9900;
	border-bottom:1px solid #bb9900; 
}

.news .right h3 span a
{
	font-size: 1em;
	text-transform: none;
	color: #bf9960;
	display: inline; 
	border-bottom: 0;
	text-decoration: none !important; 
}

.webtype
{
padding: 10px 10px;
clear: both;
}

.webtype img
{
	width: 120px;
	height: 80px;
	float: left;
	padding: 10px;
	background-color: #d6cf96;
	margin: 0 10px 0 0;
	display: block;
}

.webtype h4
{
	font-size: 1.2em;
	background-color: #d6cf96;
	margin-left: 150px;
	text-indent: 20px;
	line-height: 1.3em;
	padding: 5px 0;
	margin-bottom: 5px;
}

.clear
{
	line-height: 0px;
	font-size: 0px;
	height: 0px;
	background: #333;
	overflow: hidden;
	clear: both;
}

dl
{
	
}
dt
{
	list-style: disc outside;
	display: block;
	font-size: 1.2em;
	font-weight: 600;
}
dd
{
	display: block;
	text-indent: 25px;
	padding: 5px 0;
	margin-left: 15px;
	background: url(images/dtarr.png) left 5px no-repeat;
}

.workSchedule tr td
{
	text-align: center;
}
.workSchedule td
{
	padding: 5px 7px;
}
.workSchedule td img
{
	vertical-align: middle;
}
.workSchedule .shaded
{
	background: #ddd;
}
.workSchedule .theTime
{
	text-align: right;
	border-right: 2px solid #666;
}
.workSchedule .days td
{
	border: 2px solid #666; 
	border-left: 0;
}
.workSchedule .days td.theTime
{
	border: 0;
}
.workSchedule td.p
{
	border-right: 1px dotted #aaa;
}

.workSchedule td.e
{
	border-right: 2px solid #666;
}

.portfolio h2, .newsarticle h2
{
text-indent: 0;
height: 30px;
background-color: #dfdab0;
padding: 10px 0 0 30px;
font-size: 2em;
color: #fff;
font-weight: bold;
}
.portfolio h2 span, .newsarticle h2 span
{
border-right: 2px solid #fff;
font-weight: normal;
padding-right: 10px;
margin-right: 10px;
}

.all .clear
{
background: #fff;
height: 10px !important;
}

.ndate
{
border: none !important;
font-weight: bold;
vertical-align:bottom;
font-size: .6em;

}