/*
Theme Name: Black
Description: Charlie Foxtrot
Author: Iwan Sugiharto
Version: 0.1
*/

@font-face {
    font-family: 'Din'; /*a name to be used later*/
    src: url('images/Fonts/DINCond-Medium.otf') format("truetype");
    
}

@font-face {
    font-family: 'Didot'; /*a name to be used later*/
    src: url('images/Fonts/Didot.ttc') format("truetype"),
    src: url('images/Fonts/Didot.otf') format("truetype");
    
}

@font-face {
    font-family: 'RopaSans2'; /*a name to be used later*/
    src: url('images/Fonts/RopaSans-Regular.otf') format("truetype");
    
}

@font-face {
    font-family: 'gotham'; /*a name to be used later*/
    src: url('images/Fonts/Gotham/Gotham-Medium'); /*URL to font*/
}


/* -- =1: reset all elements to a common value ----------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li {list-style:none;display:inline}
caption,th {text-align:left;}
q:before,q:after{content:"'";}
abbr,acronym {border:0;font-variant:normal;}
sub {vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}
a{font-size: 1.2em }
label{font-size: 1.2em; float: left; clear: left; color: #e8e8e8}
.san{font-family: 'Open Sans Condensed', sans-serif;}
*{margin:0; padding:0}
/* -- =2: default classes -------------------------------------------------------------------------- */
.center { text-align: center; }
.floatleft {float:left}
.left { text-align: left !important; }
.small { font-size: 0.9em; }
.smaller { font-size: 0.8em !important; }
.bold { color:#FF0909; font-weight:bold !important;}
.linksign{color:#FF0909}
.floatRight { float: right; }
.floatLeft { float: left;}
.clear { clear: both; }


/* -- =3: accessibility ---------------------------------------------------------------------------- */
.aural {
	position: absolute;
	left: -9999px;
	font-size: small;
}

.hide { display: none; }


/* -- =4: Default Styles --------------------------------------------------------------------------- */
/* =4a: colours, sizes, etc of elements */
body {
	font: 80.5% 'times', san-serif;
}


p { font-size: 1em; color:#e8e8e8; text-align:left}

a:link{ text-decoration: none; color:#e8e8e8}
a:visited  {text-decoration: none; color:#FFF}
a:hover {text-decoration: none; color:#FFF}
a:active  {text-decoration: none; color:#FFF}

/* -- =5: Layout Styles --------------------------------------------------------------------------- */

body{background: #060707}
#bigContainer{position:fixed;
    top: 50%;
    left: 50%;
    width:960px;  
    height:450px;
    margin-top: -225px; 
    margin-left:-480px;
    text-align:center; color:#fff; }
  

#logo{ float:left; display:inline; width:176px; height:80px;  margin-left:20px; padding-top:44px;}

.quad{float:left; display:inline; width:215px; color:#fff; height:88px; padding-top:44px;}
.contact{margin-left:102px;}

#video{float:left; display:inline; margin:22px 20px;  width:685px; height:409px; overflow:hidden; }
#video img{margin-top:-100px; }

#accWrapper{float:left; display:inline; width:215px; height:400px; margin:60px 0;}

.acc-container {
  width:100%;
  margin:0 auto;
  overflow:hidden;
}

.acc-btn { 
  width:100%;
  margin:0 auto;
  padding:15px 0px 0px 0px;
  cursor:pointer; }

.override{letter-spacing: 5px; font-weight:normal  !important;}

.acc-content {
  height:0px;
  width:100%;
  margin:0 auto;
  overflow:hidden;
}

.button{ 
  width:215px;
  padding:0px;
  cursor:pointer; }

.dropdown{
	/* The expandable lists */
	display:none;
	width:100%;
  overflow:hidden;
}
.dropdown li{
	/* Each element in the expandable list */
	margin:0; width:215px; text-align:left;
	padding:0;
}
.menu{float:left; display:inline; width:215px; padding:5px 0px 15px 0}
.menu ul{float:left; display:block; width:215px; text-align:left}
.button a {float:left; display:inline; text-align:left; width:215px;  
  font:500 1.1em 'gotham', sans-serif; color:#ffffff; border-bottom:1px solid #fff; padding-bottom:15px; letter-spacing: 5px; font-weight:normal  !important;
}



.acc-content-inner {
  padding:0;
}

.open {
  height: auto;
}

.acc-btn h1{text-align:left;
  font:500 1.1em 'gotham', sans-serif; color:#ffffff; border-bottom:1px solid #fff; padding-bottom:15px;
}

.condtl {border-bottom:1px solid #fff; padding:10px 0;}
.condtl p { 
  font:1em "times", serif; letter-spacing: 0.0625em; line-height:1.4em; 
}

.condtl p.georg { 
  font:1em "Georgia", serif; letter-spacing: 0em; line-height:1.4em; 
}

.condtl p.georg a { 
  font:1em "Georgia", serif; letter-spacing: 0em; line-height:1.4em; 
}

.condtl p.georg a.visited{ color:#fff}
.condtl p.georg a:hover{ color:#fff; text-decoration:underline}


.condtl p span{ float:left; display:inline; width:18px;
  font:1em 'gotham', sans-serif; letter-spacing: 0.0625em; line-height:1.4em; 
}

.adydtl2{padding:10px 0; border-bottom:1px solid #fff;}

.adydtl2 p { text-transform: uppercase;
  font:.97em 'Din', san-serif;  line-height:1.4em;  letter-spacing: 0em;
}