/*-------
// global 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,b,u,i,center,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-size: 100%;
vertical-align: baseline;
background: transparent;
}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
table { border-collapse: collapse; border-spacing: 0; }
acronym { cursor: help; }
/*-------
// general
//-----*/
html { font-size: 100.01%; }
body { font-size: 62.5%; line-height:1.2em; }
input, select, textarea { font-size: 100%; }
input.text, textarea { padding: 2px 3px; font-family: Verdana, sans-serif; }
.submit { cursor/**/: /**/pointer; }
select > option { padding: 0 5px 0 3px; }
.ul, .ol { margin: 0 0 1em 2em; }
.ul li, .ol li { margin: .2em 0; padding: 0; }
.flR { float: right; }
.flL { float: left; }
.alR { text-align: right; }
.alC { text-align: center; }
.vlT {vertical-align:top;}
.vlB {vertical-align:bottom;}
.hide { display: none; }
.clear { clear: both; height:1px; line-height:1px; }
.ir { position: relative; overflow: hidden; }
.ir span { position: absolute; width: 100%; height: 100%; left: 0; top: 0; text-indent: -1000em; }
a:link, a:visited { text-decoration: none; cursor/**/: /**/pointer; }
a:link:hover, a:visited:hover { text-decoration: underline; }
a.inv:link, a.inv:visited { text-decoration: underline; }
a.inv:link:hover, a.inv:visited:hover { text-decoration: none; }
.cols { overflow: hidden; margin: 0; }
.cols .col { float: left; width: 50%; }
#page .cols .last { margin-right: 0; }
.clearFix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.small_section { width:48%; }
/*-------
// Globals
//-----*/
body { font-family:"Trebuchet MS",sans-serif; color:#38230E; line-height:1.2em; background:#575757; }
h1, h2, h3, h4, p, li { line-height:1.2em; }
/*-------
// Page Layout
//-----*/
/*-----Container-----*/
div#container { background:#F6F1DE url('../images/content/content-bg.gif') repeat-x top left; padding-top:25px; padding-bottom:50px; }
/*-----Wrapper-----*/
div.wrapper { width:790px; margin:0 auto; }
/*-----Header-----*/
div#header { margin-bottom:10px; }
/*-----Banner-----*/
div#banner { padding:0px 0px; margin:40px 0px 60px 0; }
/*--- Content ---*/
div#content { margin-bottom:30px; margin-top:30px; }
/*--- Navigation ---*/
div#navigation { border-top:1px solid #E0D0B1; border-bottom:1px solid #E0D0B1; padding:5px 0px;}
div#navigation ul { margin:0px auto; width:790px; overflow:hidden; }
div#navigation ul li { float:left; padding:0px 36px; line-height:1.7em; text-align:center; }
div#navigation ul li a { font-size:160%; color:#606060; font-family:Georgia; }
div#navigation ul li a.active { color:#38230E; text-decoration:underline; }
/*---Content - Main ---*/
div#main { width:55%; }
/*---Content - Sidebar ---*/
div#sidebar { width:40%; }
/*---Footer---*/
div#footer { padding:20px 0px; font-size:110%; color:#F8F8F0; background:#575757 url('../images/footer/footer_bg.gif') repeat-x scroll left top; }
/*-------
// common page content
//-------*/
/*---Header---*/
div#header div.logo h1 { width:136px; font-size:180%; color:#000;}
div#header div.logo h1 a { background:url(../images/header/logo.png) no-repeat; height:35px; display:block; color:#000; text-decoration:none; }
/*---Banner---*/
div#banner h2 { font-size:498%; color:#268CCD; font-weight:normal; letter-spacing:-2px; font-family:Georgia; line-height:60px; }
/*---Content ---*/
div#content p, div#content ul { color:#38230E; font-size:140%; line-height:1.6em; margin-bottom:15px; }
div#content p a, div#content ul a { color:#268CCD; }
div#content ul li { margin-bottom:10px; list-style-type:square; margin-left:15px; line-height:1.6em; }
div#content ol li { list-style:outside decimal; }
div#content ol li h4 { font-size:150%; }
div#content ul.checklist li { background: transparent url('../images/content/icon-checksm.gif') no-repeat top left; padding-left:25px; margin-bottom:20px; line-height:1.0em; margin-left:0px; list-style-type:none; }
div#content div.section { margin-bottom:35px; }
div#content h3 { font-size:160%; margin:0px 0 10px; color:#990022; text-transform:uppercase; }
div#content h4 { font-size:140%; margin:0px 0 5px; color:#3F3F3F; }
div#content blockquote { background: url('../images/content/blockquote.gif') no-repeat scroll top left; padding-left:30px; padding-top:5px; margin:0 0 30px; }
div#content blockquote p { font-family:georgia; line-height:1.4em; font-size:160%; margin-bottom:0px; padding:0; }
div#content blockquote p cite { font-family:verdana; font-size:70%; }
/*---Footer---*/
div#footer a { color:#F8F8F0; text-decoration:underline; }
div#footer a:hover { text-decoration:none; }
div#footer p.copy { font-size:110%; margin-bottom:5px; color:#fff; }
div#footer ul { margin-bottom:15px; }
div#footer ul li { display:inline; }
/*-------
// portfolio page content
//-------*/
div#content div.html_projects {overflow:hidden; margin-bottom:30px; }
div#content div.project div.info { margin-top:5px; padding:0px 5px; }
div#content div.project div.info h5 { font-size:170%; line-height:1.4em; color:#268CCD; }
div#content div.project a.link_btn { display:block; padding:5px 10px; background:#7F001D; color:#fff; font-size:120%; }
div#content div.project a.link_btn:hover { background:#990022; text-decoration:none; }
div#content div.project { width:327px;}
/*-------
// Contact Us Page
//-------*/
/*--- main ---*/
div#content div#main p label{font-size:90%; padding-bottom:5px;}
div#content div#main p input.txt_box {width:250px; padding:3px 0px; }
div#content div#main p textarea { }
div#content div#main div.bio { overflow:hidden; margin-bottom:15px; }
div#content div#main div.bio img { }
div#content div#main div.bio p { margin-left:60px; font-size:120%; line-height:1.4em; }
/*--- Sidebar - Contact Details ---*/
div#address, div#phone, div#messenger, div#mail, div#vcard, div#gmap { margin-bottom:10px; padding-left:25px; padding-bottom:5px; font-size:110%; color:#666; line-height:1.3em; }
div#address a, div#phone a, div#messenger a, div#mail a, div#vcard a, div#gmap a { color:#666; text-decoration:underline; }
div#address a:hover, div#phone a:hover, div#messenger a:hover, div#mail a:hover, div#vcard a:hover, div#gmap a:hover { text-decoration:none; }
div#address h6, div#phone h6, div#messenger h6, div#mail h6, div#vcard h6, div#gmap h6 { color:#3F3F3F; font-weight:600; margin-bottom:2px; }
div#address h6 a, div#phone h6 a, div#messenger h6 a, div#mail h6 a, div#vcard h6 a, div#gmap h6 a { color:#3F3F3F; }
div#address { background:url(../images/content/address.gif) no-repeat; }
div#phone { background:url(../images/content/phone.gif) no-repeat; }
div#messenger { background:url(../images/content/messenger.gif) no-repeat; }
div#mail { background:url(../images/content/mail.gif) no-repeat top left; }
div#vcard { background:url(../images/content/vcard.gif) no-repeat; }
div#gmap { background:url(../images/content/map.png) no-repeat; }