@import url(http://fonts.googleapis.com/css?family=Roboto:300);

body{font-family: 'Roboto', sans-serif;font-size:15px;line-height:21px;font-weight:300;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;color:#999;background:#181817;padding:0}

h1,h2,h3,h4,h5,h6{color:#999; font-weight:300;letter-spacing:1px;margin:0}
h1{font-size:24px;line-height:1em; margin:60px 0 10px}
h3{margin:0 0 30px;color:#000;font-size:24px; line-height:1.2em}
h3 a{ color:#000} 
h5{font-size:18px;line-height:18px;color:#222;margin:40px 0 0;padding:20px 0 10px;}

p{margin:0}
a{color:#999;text-decoration:none;font-weight:400}
a:hover{text-decoration:underline}

#maximage{display:none;position:fixed!important}

.gradient{left:0;height:100%;position:absolute;top:0;width:100%;z-index:999}
.show{display:block}
.hide{opacity:0}

.main-nav{display:none}
.main-nav ul{list-style:none;margin:0;padding:0}
.main-nav ul li{list-style:none;display:inline;padding-right:10px}
.main-nav ul li a.active{color:#ccc!important}

.content{z-index:9999;-webkit-font-smoothing:antialiased;background:#fff;margin:0;padding:10px 30px 30px; opacity:100	} 
.content ul{ list-style-type:none; padding:0; margin:0 0 10px; /*border-bottom:1px dotted #eee*/}
.content ul li{ padding:3px 0; /*border-top:1px dotted #eee*/}

p.more-info{padding-top:15px;max-width:150px}
p.more-info a:link, p.more-info a:visited{color:#000;font-size:14px}
p.more-info a:hover{color:#333}
p.email{color:#333;}

#copyright{font-size:11px;display:block;z-index:10000;padding:10px 30px 10px;margin:0;background:#333;color:#ccc;line-height:1.4em}
#copyright em{font-style:normal; color:#fff}
#copyright a {color:#ccc;}

/* @ MIN 768 */
@media (min-width:600px){
body{font-size:15px}
#copyright{position:absolute;bottom:0;left:0;padding:10px 0;font-size:11px;text-align:left;width:100%}
#copyright .holder{ padding-left:100px}

.content{position:absolute;left:0;margin-left:0;top:50%;margin-top:-320px;height:450px;width:500px;padding:70px 0 70px 100px;max-height:none;} 
p{max-width:400px;margin:0 0 15px}
.main-nav ul{margin:0;padding:0 0 0 10px}
.main-nav ul li{padding-right:10px;border-left:1px solid #555;padding-left:15px}
.main-nav{display:inline-block}
h5{font-size:18px;margin:20px 0 0;}
h3 br{ display:none}

#contact ul{ border:none}
#contact ul li{ border:none; padding:0 15px 0 0; margin-right:15px; display:inline-block; border-right:1px solid #eee}
#contact ul li.last{ border:none}
}

/* @ MAX 480 */
@media (max-width:650px){
.hidden-sm{display:none}

}

/* @ MAX 750 */
@media (max-width:750px){
.main-nav{margin:8px 0 0;padding:0; clear:both; display:none;}
.main-nav, .main-nav ul{padding:0;}
.main-nav ul li:first-child{border-left:none;padding-left:0}
}

/* @ MAX 599 */
@media (max-width:599px){
.hidden-xs{display:none}
.main-nav ul li{padding:6px 0; border:none;border-top:1px solid #333; display:block}
.main-nav, .main-nav ul{padding:0;}
}

/* @ MAX 480 */
@media (max-width:480px){
#copyright span{display:block}
}