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

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

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



/* 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;
	font-size: x-small;
}
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:200px; text-indent:-9999px }
h2 { display:none }
h3 { height:91px; text-indent:-9999px; margin:0 }
h4 { font:bold 16px/18px Georgia, "Times New Roman", Times, serif; color:#0099FF; margin:30px 0 0 0 }

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

span.description { color:#0099FF}
p#smallPrint { display:none }
p.comingSoon { color:#000; font-weight:bold }





/* 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}

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

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

div#findhome { position:relative }
div#findhome h3 { background:url(../images/presentation/heading-findhome.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:330px; height:170px; 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:#fff; background:#666; padding:2px 4px 3px 4px }
a.visitProjectButton:hover { color:#fff; background:#000; border:none }

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






/* Navigation */

ul.nav { width:260px; height:16px; position:absolute;top:42px; left:700px }
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 = 23px
	selected state = 46px

	The distance from the far-left to the...
	
	ourwork button = 0
	aboutus button = 64px
	goodnews button = 126px
	findhome button = 200px
	
	The width of the...
	
	ourwork button = 64px
	aboutus button = 62px
	goodnews button = 71px
	findhome button = 61px
*/

li.navaboutus a, li.navourwork a, li.navfindhome a { background:url(../images/presentation/navBG02.gif); text-indent:-9999px; display:block; position:absolute; top:0; height:16px }

li.navaboutus a 						{ background-position:0 0; width:64px; left:0 }
li.navaboutus a:hover 				{ background-position:0 -23px }
 ul#sectionaboutus li.navaboutus a	{ background-position:0 -46px }

li.navfindhome a							{ background-position:-64px 0; width:62px; left:64px }
li.navfindhome a:hover					{ background-position:-64px -23px }
ul#sectionfindhome li.navfindhome a		{ background-position:-64px -46px }


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