/*///<------ Styles v2.0 ------>///*/

/* Reset */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th{ font-size: 1em; font-weight: normal; font-style: normal; }
fieldset,iframe { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
* {margin: 0;padding: 0;}


/* General Styles Definitions */
body {font-family:Arial, Helvetica, sans-serif; background:url(../images/cch-bg.jpg) repeat-x top #201b17; margin:0px; padding:0px}
a { outline:none}
.clear{ clear:both}
h1 {font-size:30px; font-weight:bold; color:#fa9d14; margin:0 0 5px; border-bottom:dotted 1px #ccc; width:100% }
h2 {font-size:18px; font-weight:bold; color:#201b17; margin:10px 0 10px 7px;}
p {font-size:16px; font-weight:normal; color:#201b17;}

/* Landing */
#wrapper {display:block; position:relative; margin:0 auto; width:960px; height:580px; background:url(../images/cch-wrapper-bg.png) no-repeat}
a#logo {display:block; position:relative; width:234px; height:115px; font-size:30px; text-indent:-9999px; background:url(../images/cch-logo.png) no-repeat }
#socialmedia {display:block; float:right; margin:-65px 15px}
#socialmedia a.twicon {display:block; float:left; width:41px; height:48px; background:url(../images/cch-tw-btn.png) no-repeat top; text-indent:-9999px; margin:0 15px}
#socialmedia a.fbicon {display:block; float:left; width:41px; height:48px; background:url(../images/cch-fb-btn.png) no-repeat top; text-indent:-9999px; margin:0 15px}
#socialmedia a.beicon {display:block; float:left; width:41px; height:48px; background:url(../images/cch-be-btn.png) no-repeat top; text-indent:-9999px; margin:0 15px}
#boxcontent {display:block; float:left; width:516px; height:385px; padding:10px; background:url(../images/cch-content-box.png) no-repeat;}
#boxcontent ul.projects {list-style:none; display:block; float:left; margin-right:10px;}
#boxcontent ul.projects li { background:url(../images/cch-project2-bg.png) no-repeat; display:inline-block; float:left; width:150px; height:20px; padding:5px 0 10px 10px; margin:5px 0 5px 5px }
#boxcontent ul.projects li a { text-decoration:none; font-size:14px; font-weight:normal; color:#333;}
#boxcontent ul.projects li a:hover { text-decoration:underline; color:#fa9d14;}
img.mecha {float:right; margin-top:30px}
h1.construction {border:none; width:357px; height:43px; display:block; float:left; background:url(../images/cch-h1-title-bg.png) no-repeat; text-indent:-9999px; position:absolute; top:40px; left:304px; }
a.resume {display:block; float:right; background:url(../images/cch-resume-bg.png) no-repeat; width:174px; height:64px; text-indent:-9999px; margin-right:90px}