body {
	font-family: Helvetica;
	font-size: 12px;
	color: #333333;
	
}
a {
	text-decoration: none;
	outline:0;
	color: #333333;
}
a:hover {
	text-decoration: none;
	color: #FF3300;
}
a:active {
	text-decoration: none;
	color: #FF3300;
}
#header{
	padding-bottom:15px;
}
#head {
	font-family: 'Alfa Slab One', cursive;
	font-size: 32px;
	color: #000000;
}
#work {
	border-left: 2px solid #000000;
	color: #FF3300;
	font-family: 'Century Gothic';
	font-size: 21px;
	padding-left: 5px;
}
#container {
    background-color: #FFFFFF;
    border-bottom: 1px solid #CCCCCC;
    height: 620px;
    margin: auto;
    padding: 10px 30px;
    position: relative;
    width: 1000px;
}
#navigation {
	/*border:1px solid #093d72;*/
	width: 200px;
	float: left;
	color: #333333;
	height: 530px;
    position: relative;
}

#content {
	/*	border:1px solid #093d72;*/
	width: 800px;
	height:560px;
	float: left;
}
.photo{
	float:left;
}
.photo img{
	max-width:799px;
	height:531px;
	margin:0 auto;
	display:block;
}
.nav {
	padding: 10px 5px 5px 0;
	cursor: pointer;
}
.nav:hover {
	color: #FF3300;
}
.active {
	color: #FF3300;
}
.sCap{
	text-align:center;
	margin:5px;
	font-family:arial;
	color:#666666;
	font-size:11px;
}
#crdts{
	font-family:arial;
	color:#666666;
	font-size:11px;
	float:right;
	position:relative;
	top:14px;
}
#BACKSTAGE {
	padding-top: 20px;
}
#bottomNav{
	position: relative;
    top: 100px;
    width: 80px;
}

.cont {
	display: none;
	width: 63%;
	padding-top: 20px;
}
#about {
	float: left;
	line-height: 1.4;
	padding-left: 3%;
	width: 68%;
}
#pImg {
	float: left;
	max-width: 27%;
}
#pContact {
	line-height: 1.8;
	padding-left: 16.2%;
	padding-top: 10%;
	width: 63%;
}
#slider{
	position:relative;
	top: -50px;
    width: 800px;
}
#slideNum {
	line-height:3;
	float:left;
	color:#666666;
	width:45px;
	padding-right: 5px;
	text-align:right;
}
.snav {
	cursor: pointer;
    float: left;
    font-size: 18px;
    height: 35px;
    line-height: 2.2;
    padding: 0.3% 0.8%;
    width: 35px;
}
#imageSlide{
	float: left;
	overflow:hidden;
	width:100%;
	height:100%;
	z-index:3;
	margin:auto;
	cursor:pointer;
	position:relative;
	/*padding-top:25px;*/
}	
#innerSlider{
-webkit-transition-property: -webkit-transform;
-webkit-transition-timing-function: ease-out; 
-webkit-transform:translate3d(0px,0px,0px);
-webkit-backface-visibility: hidden;
height:100%;
position:relative;
}

#next{
	background:url('images/nextbtn.png') no-repeat;
}
#prev{
	background:url('images/prevbtn.png') no-repeat;
}
#next:hover{
	background:url('images/nextbtn_active.png') no-repeat;
}
#prev:hover{
	background:url('images/prevbtn_active.png') no-repeat;
}
#shareBtns{
	bottom: 0;
    color: #999999;
    position: absolute;
    width: 100px;
	
}
#shareBtns div{
	padding:3px 0;
}
.sBtns{
  left: 6px;
  position: relative;
  top: -3px;
 color:#666666;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px)  and (orientation:landscape){
   #container{
   	  width: 940px;
   	 /* height:580px;*/
   	  padding:10px;
   	  
   }
   #navigation {
      width:140px;
   }
   #content{
   	width:800px;
   }
    #slider{
   width:800px;
   }
}

@media only screen and (min-device-width: 768px)
       and (max-device-width: 1024px) 
       and (orientation:portrait){
   #container{
   	width: 752px;
   	padding:2px;
   	  }
   #navigation {
      width:140px;
   }
   #content{
   	width:612px;
   }
   #slider{
   width:612px;
   }
   .photo img{
	max-width:612px;
	
	}
}