body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}fieldset,img {border:0;}

body {background: #090909; color: #FFF; font: 10px/18px Arial; font-size: 12px; margin: 0; padding: 0;}
a {color: #fff; text-decoration: underline;}

/* CONTAINER / NAV */
#container {width: 900px; margin: 0 auto;}
#header h2 {background: url('images/logo.png') no-repeat; text-indent: -9999px; width: 198px; height: 37px; float: left; margin: 20px 0;}
#nav a {color: #8c8c8c; margin: 0 5px; text-decoration: none; padding: 38px 0 10px; display: block; float: right; background: url('images/navHide.png') no-repeat center -150px; width: 68px; text-align: center;}
#nav .activeFlash, #nav a:hover {background-position: center bottom; font-weight: bold; color: #FFF;}
#navLink1:hover {background-color: #00E527;}
#navLink2:hover {background-color: #E5002E;}
#navLink3:hover {background-color: #1285B2;}
#navLink4:hover {background-color: #E9DE17;}
#navLink5:hover {background-color: #AE03E5;}
#navLink6:hover {background-color: #00E5E5;}

#content h1, #content h2, #content h3 {font-size: 20px; font-weight: normal; border-bottom: 1px solid #fff; padding-bottom: 4px; margin-bottom: 8px; font-family: Verdana, Geneva, sans-serif; line-height: normal; text-decoration: none;}

/* HOMEPAGE */
#mainPage {padding: 10px 20px; margin-bottom: 20px;}
#mainPage p {font-size: 20px; padding: 0 25px; background: url('images/tick.png') no-repeat left center; margin: 20px 0;}
#mainPage h2 {font-size: 26px;}
#leftHand {width: 350px; float: left;}
#rightHand {width: 542px; float: right;} 

/* BLOG */
#homepageBlog {width: 350px;}
#content .blogPost h3 {font: bold 16px/normal Arial; border: none;}
.blogText {padding: 0 35px; background: url('images/quoteTop.png') no-repeat; display: block; font: 12px/18px Arial;}
.blogText img {border: 1px solid #fff; float: left; margin: 0 8px 8px 0;}
.blogPost {background: url('images/quoteBottom.png') no-repeat right bottom;}
.published {background: url('images/published.png') no-repeat; text-align: center; height: 19px; width: 194px; clear: both; display: block; margin: 6px 0 0 136px; font-size: 10px;}
#blogContent hr {margin: 20px 0;}

/* RIGHT HAND */
#freelanceBox img {float: left; margin: 0 8px 8px 0;}
#freelanceBox {margin-bottom: 10px;}
#portfolioBox, #omgBox {width: 266px; float: left;}
#portfolioBox .curvedContent, #omgBox .curvedContent {width: 246px; float: left;}
#portfolioBox {margin-right: 10px;}


#bodyCopy {clear: both;}

/* CURVED STYLES */
.topCurved {display: block; height: 5px; background: url('images/curveTopLeft.gif') no-repeat; position: relative;}
.topCurvedRight {position: absolute; right: 0px; height: 5px; width: 5px; background: url('images/curveTopRight.gif') no-repeat;}
.bottomCurved {display: block; height: 5px; background: url('images/curveBottomLeft.gif') no-repeat; position: relative; clear: both;}
.bottomCurvedRight {position: absolute; right: 0px; height: 5px; width: 5px; background: url('images/curveBottomRight.gif') no-repeat;}
.curvedContent {border: 2px solid #595959; border-top: none; border-bottom: none; padding: 2px 8px 8px; float: left; display: block;}
#greyBack {background: #151515; width: 100%; height: 68px; position: absolute; top: 0px; left: 0px; z-index: -2; border-bottom: 1px solid #2d2d2d;}