/*  Hi, there.  */
/*
	Jorge Pinon Design
	jorge.pinon@gmail.com
	ver.1.2  January, 2007
*/

/*  partial version of Meyer's Reset  */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, 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-family: inherit; }
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 { quotes: "" ""; }

body { font: 12px/1.5 "Times New Roman", serif; color: #222; background: #f6f6f6}
p { font-size: 1em; margin: 0 0 1em; }
a { text-decoration:none; border-bottom-width: 1px; border-bottom-style:solid; }


body {
	font-size: small;
	font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Helvetica, Verdana, sans-serif;
	background-color: #1E2531;
	color: #bbccda;
	margin: 0; padding: 0;
}

a img { border: none;}

/* ==========  TYPOGRAPHY  ========== */
h1 { font-size: 1.5em; color: #CC0; padding: 0 0 18px; }
h2 { font-size: 1.2em; padding: 9px 0; margin: 9px 0 0; color: #6694bb; }
h3 { font-size: 1.1em; padding: 3px 0; margin: 15px 0 3px; color: #1E2531; }
p { font-size: 1em; line-height: 1.6em; margin: 0 0 1em; }

div.introtext p { color: #6694bb; font-weight: normal; font-size: 1.3em; }
#footer { font-size: .95em; color: #6694bb; }

/* ==========  LINKS  ========== */
a, a:link { color: #6694bb; text-decoration: none; }
a:visited { color: #999; }
a:hover { color: #cc3; }

#footer a {color: #7bb1e0 }
#footer a:visited {color: #7e8f9e }
#footer a:hover { color: #cc3; background: none; }

#home #featured h2 a {font: italic 1em/1 "Times New Roman", Georgia, sans-serif; border:none; color: #6694bb;}
#home #featured h3 a { font-size: 1em; color: #1E2531; border:none; }

/* ==========  STRUCTURE  ========== */
#wrapper {
	font-size: inherit;
	width: 58em;
	margin: 0 auto 2em;
	min-width: 600px;
	max-width: 1200px;
	border: 1px dotted #369;
	border-top: 0;
}
#top { height: 4em; }
#headerlogo { float: left; width: 300px; margin: .2em .3em; font-size: .8em; color: #369; }
    #headerlogo a, #headerlogo a:hover {border:none}
#content { color: #666; background: #fff; padding: 2em 5em; }
#footer { clear: both; font-size: 11px; padding: 18px 30px; }


/* ---  Top Nav  ------------------------------------------------- */
#nav { list-style-type: none; float: right; margin: 0 15px 0 0; border-left: 1px dotted #369; }
#nav li { float: left; }
#nav a { font-size: 1em; display: block; color: #69C; text-decoration: none; padding: 9px 18px 10px 18px; border-top: 1px solid #0C1621; background-color: #1E2531; border-right: 1px dotted #369; border-bottom: 1px dotted #369; }
	#nav a:visited { color: #69C; }
	#nav a:hover { color: #FFF; background: #6694bb; }
	body.portfoliohome #nav a.portfolio,body.tportfolio #nav a.portfolio,body.contact #nav a.contact, body.about #nav .about { color: #E5F1F9; background: #6694bb url(/images/navbutton_down.jpg) no-repeat; }


/* ==========  INDEX STYLES  ========== */
div.mission p { font-weight: bold; font-size: 1.4em; }
#home #featured { border-top: dotted 1px #ddd; padding: 9px 0 0; margin-top:36px;}
#home #featured img { display:block; margin: 0 0 6px; }
#home #featured .meta { float:left; width:180px; border-right: solid 1px #ccc; font-size: 11px; color: #666; padding: 9px 30px; }
#home #featured h3 { padding: 0; margin: 0 0 6px; }
#home #featured .description { float:right; width: 330px; font-size: 11px; color: #666; padding: 9px 15px; }


/* ========== PORTFOLIO SECTION =========== */
/* ------ index ---------- */
ul#casestudies {
	margin: 0 0 2em;
	list-style: none;
	float: left;
	width: 100%;
}
#casestudies li { clear:left; }
#casestudies img { float: left; margin: 0 2em 2em 0; }

/* ------ casestudy ---------- */
body.tportfolio h1 { padding: 0 .5em 1em; }
div.related { padding: 9px 0 0; font-size: .9em; }

div.detailimage img { display:block; margin: 1em; padding: 2px; border: solid 1px #ddd; }
div.casestudytext { float:left; width: 360px; margin: 0 30px 18px; font-size: .8em; color: #555; }
div.casestudytext span { font-weight: bold; color: #1E2531; }
div.casestudytext p { margin-right: 2em; margin-top: 1em; }

#casestudies img {padding: 2px; border: solid 1px #ddd; }
#casestudies h2 { font-size: 1.1em; padding-top: 12px }

body.portfoliohome div.introtext { float: none; width: 100%; font-size: .9em }


/* ---------------  CONTACT FORM ----------------- */

fieldset { width: 24em; padding: 0 1em 1em; border: 1px dotted #369; }
legend { padding: 0 1em 1em; }	
.clientinfo { margin: .5em 0; position: relative; }
label { float: left; width: 25%; text-align: right; }

input, textarea { width: 65%; margin-left: 1em; }
input.submit { float: right; margin-top: 1em; margin-right: 6%; width: 7em; }


/* -------- hCard styles  ----- */
img#hcardicon {float: left; margin-right: 1em; }
div.vcard { float:left; width: 180px; margin-right: 30px; padding: 0 15px; }


.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

.structurelabel { position: absolute; left: -5000px; width: 4000px; }