/* --- Fonts ---
   ================================================== */

@import url(http://fonts.googleapis.com/css?family=Coustard);
@import url(http://fonts.googleapis.com/css?family=Open+Sans);

/* --- General Styles ---
   ================================================== */

body,
html { height: 100% }

body {
    background: #000;
    font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

a { outline: none }

a img { border: none }

img { -ms-interpolation-mode: bicubic }

.clear { clear: both }

.clearfix:before,
.clearfix:after {
    content: "\0020";
    display: block;
    height: 0;
    visibility: hidden;
}

.clearfix:after { clear: both }

.clearfix { zoom: 1 }

.left {
    display: inline;
    float: left;
    margin-right: 30px;
}

.right {
    display: inline;
    float: right;
    margin-left: 30px;
}

/* --- Layout ---
   ================================================== */
   
#header,
#footer {
	min-width: 960px;
    width: 100%;
}

#content {
    min-width: 860px;
    width: 100%;
}

#header .wrap,
#footer .wrap {
    margin: 0 auto;
    width: 960px;
}

#content .wrap {
    margin: 0 auto;
    width: 860px;
}

/* --- Header Styles ---
   ================================================== */

#logo {
    background: url(../images/logo.png) no-repeat;
    float: left;
    height: 187px;
    text-indent: -9999px;
    width: 317px;
}

#logo a {
    display: block;
    height: 100%;
}

#main_menu {
    clear: right;
    float: right;
    margin: 45px 20px 0 0;
}

#main_menu li {
    float: left;
    margin: 0 10px;
    position: relative;
}

#main_menu a {
    color: #fff;
    display: block;
    font-family: 'Coustard', Georgia, Times, 'Times New Roman', serif;
    font-size: 18px;
    text-decoration: none;
    outline: none;
    -webkit-transition: all, 0.35s;
	-moz-transition: all, 0.35s;
	-o-transition: all, 0.35s;
	transition: all, 0.35s;
}

#main_menu a:hover,
#main_menu li.current_page_item a { color: #A336D9 }

#social_menu {
    float: right;
    margin: 48px 20px 0 0;
}

#social_menu a {
    display: inline-block;
    margin-left: 10px;
    zoom: 1;
    filter: alpha(opacity=70);
    opacity: 0.7;
    -webkit-transition: all, 0.35s;
	-moz-transition: all, 0.35s;
	-o-transition: all, 0.35s;
	transition: all, 0.35s;
}

#social_menu a:hover {
    zoom: 1;
    filter: alpha(opacity=90);
    opacity: 0.9;
}

/* --- Slider Styles ---
   ================================================== */

#slider_wrap {
    min-width: 900px;
    width: 100%;
}

#slider {
    background-color: #272423;
    border: 10px solid #121212;
    height: 527px;
    margin: 0 auto;
    position: relative;
    width: 900px;
}

#slider .slides {
    height: 527px;
    overflow: hidden;
    width: 900px;
}

#slider .slide {
    height: 527px;
    width: 900px;
}

/* --- Navigation ---
   ================================================== */

#slider .prev,
#slider .next {
    background: url(../images/slider_arrows.png) no-repeat left top;
    display: block;
    height: 24px;
    position: absolute;
    text-indent: -9999px;
    width: 24px;
    z-index: 80;
}

#slider .prev {
    top: 250px;
    left: -50px;
    background-position: left 0;
}

#slider .prev:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
    zoom: 1;
}

#slider .next {
    top: 250px;
    right: -50px;
    background-position: right 0;
}

#slider .next:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
    zoom: 1;
}

#slider .prev:active,
#slider .next:active { top: 251px }

/* --- Content Styles ---
   ================================================== */

#content .wrap {
    background-color: #272423;
    border: 10px solid #121212;
    padding: 40px;
}

#content h1 {
    color: #A336D9;
    font-family: 'Coustard', Helvetica, Arial, sans-serif;
    font-size: 26px;
    margin-bottom: 15px;
}

#content h2 {
    color: #A336D9;
    font-family: 'Coustard', Helvetica, Arial, sans-serif;
    font-size: 22px;
    margin-bottom: 15px;
}

#content h2 a {
    color: #A336D9;
    text-decoration: none;
}

#content h2 a:hover { color: #D5D4D4 }

#content p {
    color: #D5D4D4;
    font-size: 14px;
    line-height: 1.8em;
    margin-bottom: 15px;
}

#content a:link,
#content a:visited { color: #DFAE4E }

#content a:hover,
#content a:focus { text-decoration: none }

/* --- Footer Styles ---
   ================================================== */

#footer {
    background: url(../images/footer_bg.png) no-repeat top center;
    height: 50px;
    margin-top: 50px;
}

#footer p {
    color: #666;
    font-size: 12px;
    padding-top: 15px;
}

#footer p span { margin: 0 5px }

#footer a {
    color: #666;
    text-decoration: none;
    -webkit-transition: all, 0.35s;
	-moz-transition: all, 0.35s;
	-o-transition: all, 0.35s;
	transition: all, 0.35s;
}

#footer a:hover {
    color: #A336D9;
}