/*
Title:		Global Stylesheet
Website:	www.josephdarling.com
Author:		Joseph Darling
Date:		20-01-09
*/

/* Css Imports */
@import url("reset.css");
/* End */

body { font-family: Arial, Helvetica, sans-serif; padding-top: 80px; background: #f3f3f3; }
#wrapper { width: 100%; }
#wrapper #header { width: 100%; background: #1d1d1d; position: absolute; top: 0px; left: 0px; z-index: 0; }
#wrapper #header .container { width: 940px; height: 80px; margin: 0px auto; position: relative; }
#wrapper #header .container ul#mainNavigation { width: 100%; float: left; position: absolute; bottom: 0px; left: 0px; padding: 32px 0px; font-size: 0.75em; text-align: center; }
#wrapper #header .container ul#mainNavigation li { display: inline; text-transform: uppercase; }
#wrapper #header .container ul#mainNavigation li a { text-decoration: none; color: #f1f1f1; padding: 0px 50px; font-weight: bold; }
#wrapper #header .container ul#mainNavigation li a:hover {  }
#wrapper #content { width: 900px; margin: 0px auto; padding: 20px; height: 290px; background: #fff; } /* Temp Height */
#wrapper #content #column_1, #wrapper #content #column_2, #wrapper #content #column_3 { float: left; height: 300px; } /* Temp Height */
#wrapper #content #column_1 { width: 290px; margin-right: 10px; }
#wrapper #content #column_1 img#logo {  }
#wrapper #content #column_2 { width: 230px; position: relative; z-index: 1; margin: -30px 10px -30px 10px; padding: 20px; background: #66CCFF; border: 5px solid #FF0000; }
#wrapper #content #column_2 h2 { color: #f1f1f1; }
#wrapper #content #column_3 { width: 290px; margin-left: 10px; }
#wrapper #content h1 {  }
#wrapper #content .hr { height: 1px; width: 100%; background: #ccc; margin: 15px 0px; }
#wrapper #content .hr hr { display: none; }
#wrapper #footer { width: 100%; clear: both; background: #1d1d1d; }
#wrapper #footer .container { width: 900px; margin: 0px auto; padding: 20px; height: 100px; }
#wrapper #footer .container .column_1, #wrapper #footer .container .column_2, #wrapper #footer .container .column_3 { float: left; height: 180px; }
#wrapper #footer .container .column_1 { width: 290px; margin-right: 10px; }
#wrapper #footer .container .column_2 { width: 280px; margin: 0px 10px 0px 10px;}
#wrapper #footer .container .column_3 { width: 290px; margin-left: 10px; }
#wrapper #footer .container p.smallText { color: #999; font-size: 0.7em; }
#wrapper #footer .container p.smallText a { color: #999; text-decoration: none; }
#wrapper #footer .container p.smallText a:hover { color: #f1f1f1; text-decoration: underline; }


/* Development CSS (Temp) */
#wrapper #content ul.devNavigation {  }
#wrapper #content ul.devNavigation li {  }
#wrapper #content ul.devNavigation li.title {  }
#wrapper #content ul.devNavigation li ul {  }
#wrapper #content ul.devNavigation li ul li {  }
#wrapper #content ul.devNavigation li ul li a {  }
#wrapper #content ul.devNavigation li ul li a:hover {  }