@charset "utf-8";

/* css reset */
html,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; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size:100%; font-weight:normal; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; }
ul,ol { list-style:none; }
abbr,acronym { border:0; }
fieldset,img { border:0; }
table { border-collapse:collapse; border-spacing:0; }
caption,th { text-align:left; }

/* basics */
body { background: #292929; font-family: Arial, Helvetica, sans-serif; font-size: .8em; }
h1 { font: 1.3em #F00 bold; text-align: center; margin: 20px 0 15px 0; }
h2 { font: 1em #F00 bold 'helvetica neue',sans-serif; margin-top: 0px; padding-bottom: 15px; letter-spacing:3px; text-transform: uppercase; }
h3 {font-size: 10pt; margin-top:10px;}
h4 {font-size: 9pt;}

/* images and misc. */
img { border: none; padding: 0; }
img a {border:none; }
img.left { float: left; border: none; padding: 0; }
img.right { float: right; border: none; padding: 0; }
blockquote{ border-left:1px solid #A5ABAB; margin:15px; padding:0 12px 0 12px; }
code{ margin:10px; font-family:"Courier New", Courier, monospace;}
.redd {color:#F00}

/* links */
a { color:#FFF; text-decoration:none; border: none; }
a:hover { color: #F00; text-decoration: none; border: none; }

/* wrapper */
#wrapper { width: 780px; color:#B5B5B5; background: #000; overflow: hidden; padding: 10px 20px 0 20px; margin: 10px auto; border-bottom: 1px solid #CC2229; }

/* banner */
#banner { background: #369; float: left; height: 100px; width: 780px; }

/* navigation */
#top-nav { float: left; height: 32px; width: 780px; margin-bottom: 10px; }
.topnav { height: 32px; width: 300px; float: left; }
#top-nav ul { margin: 0; padding: 0; text-align: left; }
#top-nav ul li { display: inline; }
#top-nav ul li a { text-decoration: none; padding: 0 10px 0; color: #B5B5B5; }
#top-nav ul li a:hover { color: #fff; }
#top-nav #active { color: #FFF; }
#main-nav ul { padding-left: 0; margin-left: 0; background-color: #6F1E21; color: White; float: left; width: 100%; }
#main-nav ul li { display: inline; }
#main-nav ul li a { font-size: 12px; padding: 0.1em 1em; background-color: #6F1E21; color: #d98689; text-decoration: none; float: left; border-right: 2px solid #000; }
#main-nav ul li a:hover { background-color: #B02127; color: #FFF; }
#main-nav ul li a#active { background-color: #B02127; color: #FFF; text-decoration: none; }

/* main content area */
#main-content { padding: 25px 0 25px; float: left; width: 780px; overflow: hidden; }
#main-content p { line-height: 1.6em; }

#recent { width: 780px; height: 420px; margin: 0; }
.wrap1,.wrap2,.wrap4,.wrap5 { width: 220px; height: 180px; margin: 0 60px 40px 0; float: left; position: relative; overflow: hidden; }
.wrap3,.wrap6 { width: 220px; height: 180px; margin: 0 0 40px; float: right; position: relative; overflow: hidden; }
.normal { top: 0; left: 0; position: absolute; }
.over1,.over2,.over3,.over4,.over5,.over6 { top: -180px; left: 0; position: absolute; }

#bigimg { float: left; width: 335px; height: 500px; margin-top: 35px; border: 1px solid #292929; }
#content { width: 380px; float: left; margin-left: 63px; }
#content p { font-size: 1em; line-height: 1.6em; }
#current { width: 780px; text-align: center; }
#portfolio { height: 100%; width: 700px; margin-right: auto; margin-left: auto; }

.emailimg { margin-top: 3px; }

/* footer */
#footer { color: #6F6F6F; text-align: center; width: 780px; background: #292929; margin: 0 auto 30px auto; padding-top: 5px; }
#footer p { font-size: 12px; }

/* form */
#form { float: left; width: 380px; margin-top: 30px; }
label { width: 100px; float: left; text-align: left; display: block; line-height: 14px; }
#form p label { font-size: 0.9em; }
input { color: #FFF; background: #000; border: 1px solid #292929; margin-bottom: 15px; padding: 2px; width: 250px;}
textarea#styled { background: #000; color: #AAA; width: 245px; height: 120px; border: 1px solid #292929; padding: 5px; margin: 0 0 10px 100px; }
.submit input { color: #AAA; background: #000; border: 1px solid #292929; margin-left: 100px; width: 5em; cursor:pointer;}
.tiny { color:#FFF; font-size:9px; margin-top: -4px; }

/* Social Networks */
.socialnet { height: 21px; width: 90px; margin-right: 40px; float: left; cursor: pointer;}
#socialnetworks { width: 380px; margin: 30px auto 0; }

#social_nets { width: 250px; height: 32px; float: right; }
#social_nets ul li { background-color: black; list-style-type: none; padding: 0px !important; display: inline; float: right; margin-left: 12px; }
#social_nets ul li a { display: block; width: 32px; height: 32px; padding: 0px !important; }
#social_nets img a {border:none; }
.tw { background: url(../images/tw_sm.png) no-repeat center center; }
.in { background: url(../images/lk_sm.png) no-repeat center center; }
.fb { background: url(../images/fb_sm.png) no-repeat center center; }
.tw a:hover { background: url(../images/tw_bg.png) no-repeat left top; }
.in a:hover { background: url(../images/lk_bg.png) no-repeat left top; }
.fb a:hover { background: url(../images/fb_bg.png) no-repeat left top; }

/* Galleria Styles */
h1,h2 .portfolio {font:bold 90% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;color:#ccc;padding-bottom:2px;}
.nav {padding-top:15px;clear:both;font:80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}
.nav a { color: #555; }
.nav a:hover { color: #FFF; text-decoration: none; border: none; }
.caption { font-style:italic; color:#999; }

#main_image { margin:0 auto 15px; height:438px; width:700px; background:black; overflow: hidden; }
#main_image img {margin-bottom:10px;}

.portfolio {position:relative;margin-top:1.5em;text-align:center;width:780px;}
.galleria{list-style:none;width:700px; text-align: center; }
.galleria li{display:inline;width:68px;height:50px;overflow:hidden;float:left;margin:0 4px}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */