/* - - - - - - - - - - - - - - - - - - - - - - - - CLEARING */
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* - - - - - - - - - - - - - - - - - - - - - - - - BROWSER RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
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-size:100%; vertical-align:baseline; background:transparent;}
body {line-height:1; background:url('/img/background.gif');}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
/* remember to define focus styles! */
:focus {outline:0;}
/* remember to highlight inserts somehow! */
ins {text-decoration:none;}
del {text-decoration:line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse:collapse; border-spacing:0;}

/* - - - - - - - - - - - - - - - - - - - - - - - - GENERAL */

body {background-color:#fff; color:#444; font-family:trebuchet ms, arial, verdana, sans-serif; font-size:11px; text-align:center;}
#container {width:100%; margin:0 auto; min-height:100%; text-align:center; background:url('/img/curve2.gif') center top;}
* html #container {height:100%;}
.clearer {clear:both; display:block; height:1px; margin-bottom:-1px; font-size:1px; line-height:1px;}
A:link, A:visited, A:active {color:#000; text-decoration:none;}
A:hover {color:#605947;}
A.parent {color:#993300;}

h1 {position:absolute; top:4px; right:152px; font-weight:normal; font-style:italic; font-size:14px; color:#fff;}
h2 {font-size:14px; padding-bottom:10px;}
p {font-size:12px; color:#333; line-height:16px; padding-bottom:10px;}
p a {font-size:11px;}
#logo {position:absolute; left:0px; top:27px;}

/* CONTENT */
#content {padding-bottom:100px;}
#contentMain {display:inline; margin-top:0; margin-left:41px; width:450px;}

/* HEADER */
#header {height:55px; background-color:#ccc; background:url('/img/top-background.gif') top center;}
#header-content { /*This creates a div we can position header elements into*/ position:relative; margin:auto; width:915px; height:52px;}

/* Main Area - this is the main content area*/
#main-area {position:relative; margin:auto; width:915px; margin-top:80px; border-top:2px solid #E2C979;}

/*Menu*/
#global-nav {position:absolute; right:0px; top:30px;}
#global-nav li {list-style:none; display:inline; padding-left:11px; font-size:13px; font-weight:bold; color:#fff;}
#global-nav a.parent {color:#FFFFFF;}

/*Sub Menu*/
#sub-nav {position:absolute; left:0px; top:118px; padding-bottom:5px; text-align:left; z-index:200;}
#sub-nav li {list-style:none; display:inline; padding-right:8px; color:#993300; font-weight:normal; font-size:12px;}

/*Awards Menu*/
#awards-nav {position:absolute; top:118px; right:0px; padding-bottom:5px; color:#39551e; z-index:300;}
#awards-nav li {list-style:none; display:inline; padding-left:11px; font-weight:bold; font-size:12px; color:#39551e;}
#awards-nav li a:link, #awards-nav li a:visited, #awards-nav li a:active {color:#39551e;}
#awards-nav li a:hover {color:#605947;}
#awards-nav li.selected {color:#993300;}

#homeslideshow {position:relative; float:left; padding-top:20px;}

#portfolio-grid {position:relative; float:left; padding-top:20px;}
#project-copy {position:absolute; left:0px; top:20px; width:325px; height:250px; overflow:hidden; text-align:left;}
#project-slideshow {position:relative; float:left; margin-top:20px; background-image:url(/img/project-background.gif);}
.nextProject {position:relative; float:left;}

#image {position:relative; float:right; padding-top:20px;}
#contact-image {position:relative; float:right; margin-top:20px; border:1px solid #ccc;}
#copy {position:relative; float:left; text-align:left; width:330px; padding-top:20px; font-size:12px; color:#333; line-height:16px;}
#copy a {font-size:12px; color:#333; line-height:16px;}
#copy a:hover {color:#605947;}

#news-content {padding-top:20px; text-align:left; z-index:100; font-size:12px; color:#333; line-height:16px;}
.news {float:left; clear:both; width:100%; border-bottom:1px dashed #aaa; padding-bottom:10px; margin-bottom:20px; z-index:100;}
.news img {float:left; margin-right:10px; clear:both;}

#footer-content {position:relative; margin:auto; width:900px; padding-top:10px; text-align:left;}
#footer-content li {list-style:none; display:inline; line-height:10px; color:white; padding-right:20px;}
#canright-link {position:absolute; top:11px; right:0px; line-height:10px; color:#6e6760;}

/* FOOTER */
#footer {width:100%; height:35px; background-color:#2f251b; text-align:center; clear:both;}
#footer {position:relative; margin:-35px auto 0 auto;}

/* - - - - - - - - - - - - - - - - - - - - - - - - The CSS that's required to position the footer */
html {height:100%;}
body {height:100%;}
#nonFooter {position:relative; min-height:100%;}
* html #nonFooter {height:100%;}
/* A CSS hack that only applies to IE -- specifies a different height for the footer */
* html #footer {margin-top:-40px;}
#sm-link {color:white;}