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

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

Author: 		P Minvalla www.soundsbad.net
Created: 		02.11.2006
Last modified: 	05.01.2008 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, h5, h5, h6 { font-size:100% }
q:before, q:after { content:''}





/* Global reset-RESET */
/* The below restores some sensible defaults */
/* Very loosely based upon Shaun Inman's reset-RESETS in http://shauninman.com/post/styles/layout.css */

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:150px; text-indent:-999px }
h2 { display:none }
h3 { height:91px; text-indent:-9999px; margin:0; font "Verdana" }
h4 { font:bold 16px/18px  Verdana, Times, serif; color:#86A064; margin:30px 0 0 0 }

p, a, li, dt, dd, label, input, textarea { font-family: Verdana, Arial, Helvetica, sans-serif }
p, a, li, dt, dd { font-size:11px; line-height:16px; color:#666 }
label { font-size:11px; line-height:16px; color:#000 }
input, textarea { font-size:11px; color:#000; padding:2px }

span.description { color:#066 }
p#smallPrint { color:#066; font size:8px }
/* p.comingSoon { color:#000; font-weight:bold } */
p.comingSoon { color:#000; font-size:11px }




/* Layout */

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

div#wrapper { width:860px; margin:0 auto; padding:0 0 140px 0; text-align:left; position:relative;  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.columnMain { width:500px; float:left; padding:0 30px 70px 0 }
div.columnExtras { width:330px; float:left }
div#contact div.columnMain { margin:0 }
div#contact div.columnExtras { margin:30px 0 0 0 }

br { clear:both }

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






/* Links */

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

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

a.visitProjectButton { color:#000; background:#EEE; padding:2px 2px 3px 0px }
a.visitProjectButton:hover { color:#F90; background:#FFF; border:none }

a.backToTop { color:#86A064; text-decoration:none; padding:0 0 2px 0 }
a.backToTop:hover { border-bottom:4px solid #ccc }






/* 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:20px }

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 }