body {background: #000; margin: 0 auto; font-family:Helvetica Neue,Helvetica,Arial,FreeSans,sans-serif;}
section, article, header, footer {display: block;}
img, iframe {border : 0;}
.clearme {clear: both;}
a {outline: 0px;}

#wrapper {background: #222; float: left; margin: 0 auto; height: 400px; width: 100%}
#amazing {background:#333 url(../img/ajax-loader.gif) no-repeat 50% 50%;  border: 1px solid #444444; height: 200px; width: 200px; margin: 0px auto;}
#content {float: left;}
.divider {background: #EA692F; clear: left; float: left; margin: 0 10px; padding: 0px; height: 1px; width: 930px;}

/*Footer*/
#base {background: #000; border-top: 0px solid #000; top: 400px; height: 140px; position: absolute; width: 100%;}
#base ul {list-style: none;}
#base #footer {color: #fff; margin: 0px auto; padding: 20px; height: 100px; width: 910px;}

#footer strong {color:#DDDDDD; display: block; font-family:Georgia,"Times New Roman",Times,serif; font-size:15px; font-weight:normal; line-height:15px; margin: 0px; padding: 0px;}
#footer div p {color: #C1C6C6; font-size:11px; margin: 10px 0;}
#footer div a {color: #C1C6C6; font-size:11px; text-decoration: none}
#footer div a:hover {color: #EA692F; font-size:11px;}
#footer div.contact {float: left; margin: 0 10px 0 0; width: 290px;}
#footer div.elsewhere {float: left; margin: 0 0 0 10px; width: 600px;}
#footer div.elsewhere .links {height: 83px; width: 600px;}
#footer div.elsewhere ul {margin: 10px 0; padding: 0px; float: left;}
#footer div.elsewhere ul.right_col {padding-left:20px;}
#footer div.elsewhere ul li {width: 290px;}
#footer div.elsewhere ul li a {border-bottom:1px dotted #555555; display:block; font-size:11px; line-height: 14px; height: 14px; padding:3px; text-decoration: none;}
#footer div.foot_col {border-right: 1px solid #444444; float: left; height: 65px; margin: 0 20px 0 0; width: 212px;}
#footer div.foot_col_right {border-right: 0px; margin: 0; width: 211px;}
#footer p.copyright {color: #C1C6C6; font-size: 11px; margin-top: 5px; float: right;}

/*Header*/
#header {border-top: 10px #000 solid; float:left; height: 89px; width: 950px;}
#mainnav {float: right; list-style: none; height: 85px; padding: 0 20px 0 0; margin: 0 0 0 20px;}
#mainnav li {float: left; padding: 63px 10px 0px 13px;}
#mainnav h4 {margin: 0px; padding: 0px;}
#mainnav h4 a {color:#fff; font-family: Arial; font-weight: bold; font-size: 12px; text-decoration: none;}
#mainnav h4 a:hover, #mainnav h4 a.selected {color: #EA692F; text-decoration: none;}
h1 {color: #fff; background: transparent url(../img/nicbell.gif); float: left; height: 38px; margin: 24px 15px 26px 19px; padding: 0; font-size: 42px; text-indent: -9999px; width: 212px;}


/*Home*/
.contentarea_home {display: block; float: left; padding: 20px 20px; width: 910px;}
/*Home - About*/
.contentarea_home h2 {color: #fff; font-family:Georgia,"Times New Roman",Times,serif; font-size: 18px; font-weight: normal; line-height: 18px; margin: 0px;}
.contentarea_home section {display: block;}
.contentarea_home section.about_me {float: left; margin: 0 10px 0 0; width: 290px;}
section.about_me p {color: #c1c6c6; font-size: 12px; margin: 12px 0 0 0;}
section.about_me p a {color: #EA692F; text-decoration: none;}
section.about_me p a:hover {color: #fff; text-decoration: none;}
/*Home - Gallery*/
.contentarea_home section.gallery {float: left; margin: 0 0 0 10px; width: 600px;}
ul.projects {display: block; float: left; list-style: none; margin: 0px 0; padding: 0px; top:0px; width: 600px;}
ul.projects li {background: #444; display: block; float: left; height: 160px; margin: 0 0 10px 0; padding: 10px; position: relative; width: 580px;}
ul.projects li.orange {background: #EA692F;}
ul.projects li img {display: block; height: 160px; width: 580px;}
section.gallery .gall_cont {height: 560px; position: relative; margin: 10px 0; width: 600px; overflow: hidden;}
a.up {background: transparent url(../img/homepage/up.jpg); display: block; height: 20px; margin: 0 auto; padding: 0px; text-indent: -9999px; width: 40px;}
a.down {background: transparent url(../img/homepage/down.jpg); display: block; height: 20px; margin: 0 auto; padding: 0px; text-indent: -9999px; width: 40px;}
.more_info {height: 160px; left: 10px; display: none; position:absolute; top: 10px; width: 580px; z-index: 10}
.more_info .bg_trans {background: #222; filter: alpha(opacity=90); opacity: 0.9; height: 160px; position:absolute; width: 580px; z-index: 10}
.info {color: #fff; position: absolute; z-index: 11; left: 20px; top: 20px; width: 540px;}
.info h3 {font-size: 16px; font-weight: normal; font-family: Georgia; line-height: 16px; margin: 0px;}
.info p {font-size: 11px; margin: 10px 0 0 0}
.orange .more_info {display: block}
.more_info a {color: #EA692F; text-decoration: none;}
.more_info a:hover {color: #fff; text-decoration: none;}

/*IE6 Fixes*/
* html h1 {margin: 10px 15px 12px 15px;}
* html .divider {margin: 0 10px 0 5px; overflow: hidden;}
a.up, a.down {overflow: hidden;}