/*
***********************************************************

Title:			styleMain.css
Browser(s): 	All (except IE6)

Author: 		P Minvalla www.soundsbad.net
Created: 		02.11.2006

Last modified: 	19.03.2009 by PMM

***********************************************************
*/


/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100% }
q:before, q:after { content:''}


/* Global reset-RESET */
/* The below restores some sensible defaults */


strong { font-weight: bold }
em { font-style: italic }
p { margin:14px 0 14px 0 }

ol, ul, li { list-style:disc; padding:0 0 0 14px }


/* Typography */

/*h1 { background:url(../images/presentation/headerCombined02.gif) top left no-repeat; width:860px; height:100px; text-indent:-999px }*/

h1 { text-indent:-999px }

h2 { display:none }

h3 { height:91px; text-indent:-9999px; margin:0; font Verdana, Arial, Helvetica, sans-serif }

h4 { font:14px  Verdana, Arial, Helvetica, serif; color:#0e3f6d; margin:10px 0 20px 0px; font-weight: normal }

h5 { font:12px  Verdana, Arial, Helvetica, serif; color:#0e3f6d; margin:0px 0 0px 0px; font-weight: normal line-height:14px}

p, a, li, dt, dd, label, input, textarea {color:#0e3f6d; font-family: Verdana, Arial, Helvetica, sans-serif }

p, a, li, dt, dd { font-size:12px; line-height:16px;  
	margin-top: 12px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0px; }
	
.style22 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
	
	
label { font-size:12px; line-height:16px; color:#105DA3 }
input, textarea { font-size:12px; color:#000; padding:2px }

span.description { color:#066 }

p#smallPrint { display:none }

p.comingSoon { color:#000; font-size:12px }


/* Layout */

body { background:url(../images/presentation/bgMess01.gif) fixed; text-align:center }

div#wrapper { width:860px; margin:0 auto; padding:0 0 10px 0; text-align:left; position:relative; background:url(../images/presentation/footerBG01.gif) bottom left no-repeat }


div#portfolio, div#services, div#contact { position:relative; width:860px }
html>body div#portfolio, html>body div#services, html>body div#contact  { background:url(../images/presentation/headingBGrepeater01.png) top left repeat-x } /* Parent>child hack required to stop IE6 from picking it up */

div#portfolio { position:relative }
div#portfolio h3 { background:url(../images/presentation/heading-portfolio01.gif) bottom left no-repeat; width:244px }

div#services { position:relative }
div#services h3 { background:url(../images/presentation/heading-services01.gif) bottom left no-repeat; width:218px }

div#contact { position:relative }
div#contact h3 { background:url(../images/presentation/heading-contact01.gif) bottom left no-repeat; width:200px }

div.columnFull { width:860px; float:left; padding:0 10px 10px 0px }
div.columnHocMain { width:550px; float:left; padding:0 10px 10px 0px }
div.columnMainWide { width:470px; float:left; padding:0 20px 10px 0px }
div.columnMain { width:280px; float:left; padding:0 10px 10px 0px }
div.columnMain2 { width:190px; float:left; padding:0 10px 10px 0px }
div.columnExtras { width:310px; float:left; padding:0 10px 10px 0px }

div#contact div.columnMain { margin:0 }
div#contact div.columnMain2 { margin:0 }
div#contact div.columnExtras { margin:0px 0 0 0 }

br { clear:both }

img.mainPortfolioImage { width:200px; height:50px; margin:16px 0 10px 1px; border:1px solid #000 }

img.mainHeader { width:860px; height:100px; margin:16px 0 10px 1px; border:0px solid #000 }

img.mainDetailImage { width:440px; height:150px; margin:16px 0 10px 1px; border:1px solid #000 }

img.mainSmallImage { width:140px; height:103px; margin:160px 0px 10px 1px; border:1px solid #AAA }

img.mainMediumImage { width:240px; height:160px; margin:16px 0 10px 1px; border:0px solid #000 }

img.mainTrioImage { width:812px; height:147px; margin:16px 10px 10px 1px; color:#105DA3; border:0px solid #006 }

img.mainBannerImage {
	width:860px;
	height:60px;
	border:0px solid #FFF;
	margin-top: 1px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 1px;
}

img.mainMapImage { width:430px; height:180px; margin:16px 0 10px 1px; border:1px solid #AAC }

img.mainWideMapImage { width:829px; height:344px; margin:16px 0 10px 1px; border:1px solid #AAC }



/* Links */

* a { position:relative } /* Gets links displaying over a PNG background */
a img { border:none } /* Gets rid of IE's blue borders */

a { color:#738BA1; text-decoration:none }
a:hover { color:#f90 }

a.visitProjectButton { color:#105DA3; background:#EEE; padding:2px 2px 3px 0px }
a.visitProjectButton:hover { color:#83ABD0; background:#FFF; border:none }

a.backToTop { color:#105DA3; text-decoration:none; padding:0 0 2px 0 }
a.backToTop:hover { border-bottom:4px solid #83ABD0 }


/* Navigation */

ul.nav { width:221px; height:20px; position:absolute;top:42px; left:530px }
ul.nav li { list-style:none }
ul.nav li a { border:none }

/*  
Measurements for the nav image replacement:

	The distance from the top to the...
	
	initial state = 0
	rollover state = 21px
	selected state = 43px

	The distance from the far-left to the...
	
	portfolio button = 0
	services button = 74px
	contact button = 156px
	
	The width of the...
	
	portfolio button = 74px
	services button = 83px
	contact button = 66px
*/

li.navPortfolio a, li.navServices a, li.navContact a { background:url(../images/presentation/navBG01.gif); text-indent:-9999px; display:block; position:absolute; top:0; height:10px }

li.navPortfolio a 						{ background-position:0 0; width:74px; left:0 }
li.navPortfolio a:hover 				{ background-position:0 -21px }
ul#sectionPortfolio li.navPortfolio a 	{ background-position:0 -43px }

li.navServices a						{ background-position:-74px 0; width:83px; left:74px }
li.navServices a:hover					{ background-position:-74px -21px }
ul#sectionServices li.navServices a		{ background-position:-74px -43px }

li.navContact a							{ background-position:-156px 0; width:66px; left:156px }
li.navContact a:hover					{ background-position:-156px -21px }
ul#sectionContact li.navContact a		{ background-position:-156px -43px }


/* Form */

input.textInput, textarea { width:320px; margin:2px 0 12px 0 }
input.formButton { width:100px }
textarea { height:100px }


/* mailer.php custom styles */

body.contactFormFeedback { margin:50px; background:url(../images/presentation/bgMess01.gif) fixed; text-align:left }
body.contactFormFeedback h1 { background:url(../images/presentation/logo01.gif); width:394px; height:124px; text-indent:-9999px }
body.contactFormFeedback p { margin:40px 0 0 110px; width:180px }