@import url(http://fonts.googleapis.com/css?family=Nixie+One);

/*RESET*/
ul,li{margin:0; padding:0; list-style:none;}
#ShowNavigation{color:#fff;}
body{background-color:#000;}
*{padding:0px;margin:0;}
img{border:0;}
a{outline:none;}

.ClearLeft{clear:left;}

#InnerHeader{
    height:30px;
    background:#000;
}

#OuterHeader{
	height:30px;
	/*NEXT PREVIOUS NAV*/ position:absolute; right:0;
}

ul.UINControls{
	line-height:30px;
	/*font-family:Rokkitt; font-size:14px; color:#58595B;*/
	font-family:'Nixie One';
	font-size:12px;
	color:#fff;
	font-weight:400;
}
ul.UINControls li{
	margin:0 26px 0 0;
}

#HideNavigation,
#ShowNavigation{
	float:right;
}
#HideNavigation,
#ShowNavigation{
	cursor:pointer;
}

#LeftNav{
	color:#fff;
    position:absolute;
    top:30px;
    left:0px;
    bottom:0px;
    background:black;
    width:108px;
}

#InnerContent{
    position:absolute;
    top:30px;
    left:108px;
    bottom:0px;
    right:0px;
	background-position:center center;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
}

#OuterContent{
	position:absolute;
	top:0px;
	right:0px;
	bottom:0px;
	left:0px;
	background-position:center center;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
}

.Rot{
	-webkit-transform-origin:top left;
	-webkit-transform:rotate(-90deg);
	-moz-transform-origin:top left;
	-moz-transform:rotate(-90deg);
	-ms-transform-origin:top left;
	-ms-transform: rotate(-90deg);
}

/*LHNAV*/
#LHNav{
	padding:0 0 0 14px;
	font-family:'Nixie One';
	font-weight:400;
	font-size:13px;
	color:#666;
	/*width:129px;*/
	background-color:#000;
	display:block;
/*	background-color:green;
*/}
#LHNav h1 a{
	color:#fff;
	text-decoration:none;
}
#LHNav li{
	padding:0 0 1px 0;
}
#PSNav{
	position:absolute;
	bottom:0px;
/*	background-color:cyan;
*/}
#PSNav a{
	color:#525355;
	text-decoration:none;
}
#PSNav a:hover{
	color:#fff;
	text-decoration:none;
}
#PSNav a.Active{
	color:#fff;
	text-decoration:none;
}
ul#LHPrimaryNav,
ul#LHSecondaryNav{
	position:relative;
	width:120px;
	height:106px;
}
ul#LHPrimaryNav{
	top:76px;
/*	background-color:red;
*/}
ul#LHSecondaryNav{
	top:62px;
/*	background-color:orange;
*/}

#LHNav h1{
	position:relative;
	top:216px;
	font-family:'Nixie One';
	font-weight:400;
	font-size:15px;
	color:#fff;
	text-align:right;
	width:216px;
	height:20px;
	/*background-color:pink;*/
}

/*THUMBS*/
ul#ThumbList{
	position:relative;
	padding:52px;
	background-color:#231F20;
	
}
.PThumb{
	float:left;
	margin:0 5px 5px 0;
}

.PThumb a,
.PThumb img{
	display:block; 
}

#Debug pre{color:#0f0;}

/*NEXT PREVIOUS NAV*/
#NavPrevious,#NavNext{height:100%;}
#NavPrevious{float:left;}
#NavNext{float:right;}

#UIPrevious{}
#UINext{}

.VPad{
	height:50%;
	margin-bottom:-80px;/*half CentreContainer's height*/
	float:left;
	width:25px;
/*	background-color:blue;*/
}
.UIPreviousNext{
	height:100px;
	width:25px;
	position:relative;
	clear:left;
/*	background-color:yellow;*/
}

a.UINPText{
	line-height:25px;
	width:100px;
	position:relative;
	top:100px;
	display:block;
	text-align:center;
	background-color:#fff;
/*	background-color:rgba(255,255,255,.5);*/
	font-family:'Nixie One';
	font-size:12px;
	color:#000;
	text-decoration:none;
}

/*CONTACT*/
body#Contact{
	background-color:rgb(241,241,241);
}

#CCVPad{
	height:50%;
	margin-bottom:-122px;/*half CentreContainer's height*/
	float:left;
	width:25px;
	/*background-color:blue;*/
}

#ContactCard{
	margin:0 auto;
	background-color:#fff;
	width:406px;
	height:244px;
	position:relative;
	clear:left;
	/*background-color:yellow;*/
}
#ContactCard ul{
	padding:180px 0 0 20px;
	font-family:'Nixie One';
	font-size:16px;
}
#ContactCard li{
	padding:0 0 4px 0;
}
#ContactCard li.CCCredit{
	color:#ccc;
	font-family:arial;
	font-size:.7em;
}
#ContactCard li.CCCredit a{
	color:#ccc;
}

#ContactCard a{
	text-decoration:none;
	color:#000;
}

/*ABOUT*/
body#About{
	background-color:rgb(241,241,241);
}
#ACVPad{
	height:50%;
	margin-bottom:-250px;/*half CentreContainer's height*/
	float:left;
	width:25px;
}
#AboutCopy{
	padding:20px 30px;
	margin:0 auto;
	background-color:#fff;
	width:600px;
	height:500px;
	position:relative;
	clear:left;
	/*background-color:yellow;*/
}
#AboutCopy p{
	line-height:160%;
	padding:0 0 20px 0;
	font-family:'Nixie One';
	font-size:14px;
}

/*MOTION*/
body#Motion{
	background-color:rgb(241,241,241);
}