@charset "utf-8";
body {
background-color:#bab3a8;
width : auto;
font-family : "futura", "helvetica neue", "helvetica", "calibri", "arial", "san-serif";
color : #fff;
text-align : center;}
a {
outline:none;}

#hugediv {position:absolute;top:0;left:0;margin:0 0 0 0;padding:0 0 0 0;width:100%;overflow:hidden;}

#page {
position:relative;
background-color:#0a0a0c;
margin: 26px auto 133px auto;
width:600px;-moz-box-shadow: 0px 0px 164px #565450;
-webkit-box-shadow: 0px 0px 164px #565450;
box-shadow: 0px 0px 164px #565450;
border : 2px solid #363532;
-moz-border-radius: 13px;
border-radius: 13px;
}
/*wrap*/
#wrapper {
z-index:500;
background:url(../uigraphics/bgheader.png);
background-color:#212121;
clear : both;
position : relative;
border-bottom : 1px solid #565450;
height : 50px;
width : 600px;
margin: 0px auto 0px auto;
padding:0;
display:block;
font-weight : normal;
-moz-border-radius-topleft: 13px;
border-top-left-radius: 13px;
-moz-border-radius-topright: 13px;
border-top-right-radius: 13px;
}

#wrapper h1 {
position:absolute;
top:0;left:26px;
font-weight : normal;
color : #bab3a8;
font-size : 18px;
letter-spacing:3px;
margin : 1px 0 0 0;
padding : 0 0 0 0;
text-shadow: 1px 0px 2px #000, -1px -0px 2px #666158, 0px 1px 2px #000, -0px -1px 2px #666158;
text-transform:uppercase;
line-height:50px;}
#wrapper h2 {
position:absolute;
top:0;right:112px;
font-weight : normal;
color : #7a7163;
font-size : 12px;
letter-spacing:3px;
margin : 1px 0 0 0;
padding : 0 0 0 0;
text-shadow: 1px 0px 2px #000, -1px -0px 2px #565450, 0px 1px 2px #000, -0px -1px 2px #565450;
text-transform:uppercase;
line-height:50px;}
#wrapper h3 {
position:absolute;
top:0;right:26px;
font-weight : normal;
color : #7a7163;
font-size : 12px;
letter-spacing:3px;
margin : 1px 0 0 0;
padding : 0 0 0 0;
text-shadow: 1px 0px 2px #000, -1px -0px 2px #565450, 0px 1px 2px #000, -0px -1px 2px #565450;
text-transform:uppercase;
line-height:50px;}
/*container*/
.container {
margin: 0 auto 0 auto;
padding : 0;
display : block;
width : 600px;
height : auto;}
.container p {
text-align:left;
font-weight : normal;
color : #777;
font-size : 12px;
margin : 0 0 0 13px;
padding : 0 0 0 0;}
.container ul {
list-style : none;
margin:0;
padding:0;
height:auto;
}
.container li {
list-style : none;
margin:0;
padding:0;
height:auto;}
.container img{
float:left;display:inline;}

/*portfolio*/
#portfolio ul {
list-style : none;
margin:0 0 0 0 ;
padding:0 0 0 0 ;}
#portfolio li {
background-color:#000;
height : 300px;
top : 0px;
left: 0px;
list-style : none;
margin : 0 0 0 0;
padding : 0;
overflow:hidden;
border : 0px solid #454441;}
#portfolio a {
border : 0px solid #000;}
#portfolio img {
margin : 0 0 0 0 ;
padding : 0 0 0 0;
display:inline;
clear:both;
border : 0px solid #000;}
ul#portfolio-desc {
position:absolute;
display:block;
top:351px;
left:0;
text-align : left;
padding : 0 0 0 0;
margin : 0 0 0 0 ;
list-style : none;}
ul#portfolio-desc li{background:url(../uigraphics/bgfooter.png);
background-repeat:repeat-x;
display:block;
background-color:#131317;
list-style : none;
height:auto;
width:600px;
border-bottom : 1px solid #1b1b1e;}
ul#portfolio-desc p {
color : #a7a091;
font-size : 12px;
margin : 0 26px 0 26px;
line-height:36px;
padding : 0 0 0 0;
text-shadow: 1px 1px 1px #313133, -1px -1px 1px #000, -1px 1px 1px #18181b, 1px -1px 1px #111;
}


/*slide nav*/
#slide_nav {
display : block;
margin: 46px auto 0 auto;
height:auto;}
#slide_nav {
cursor : pointer;
z-index : 2000;}
ul#slide_nav {
display:block;
list-style : none;
height:auto;
width:600px;
margin-left:0px;}
ul#slide_nav li {
background-color : #000;
display : block;
float : left;
height : 43px;
width : 86px;
list-style : none;
margin : 13px 0 13px 26px;
padding : 0;
overflow : hidden;
border : 1px solid #a7a091;
filter:alpha(opacity=30);
-moz-opacity:0.3;
-khtml-opacity: 0.3;
opacity: 0.3;}
#slide_nav li img {
position:relative;
background-color : #000;
z-index : 500;
height : 43px;
width : 86px;
}
ul#slide_nav li#button_selected {
border : 1px solid #a7a091;
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity: 1;
opacity: 1;}
ul#slide_nav li:hover {
border : 1px solid #a7a091;
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;}
ul#slide_nav li:active {
border : 1px solid #b8b0a0;
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity: 1;
opacity: 1;}

/*ui arrows*/
a.smpageleft {
position:relative;
float:right;
background:url(../uigraphics/smarrow_left.png);
background-repeat:repeat-x;
z-index:100;
display:inline;
background-position: 0 0;
margin:0 0 0 0;
padding:0 0 0 0;
border : 0px solid #454441;}
a.smpageleft img{
border:0;height:50px;width:29px;}
a.smpageleft:hover {
background-position: 0 -50px;}
a.smpageleft:active {
background-position: 0 -100px;}
a.smpageright {
position:relative;
float:right;
background:url(../uigraphics/smarrow_right.png);
background-repeat:repeat-x;
z-index:100;
display:inline;
background-position: 0 0;
margin:0 26px 0 0px;
padding:0 0 0 0;
border : 0px solid #454441;}
a.smpageright img{
border:0;height:50px;width:31px;}
a.smpageright:hover {
background-position: 0 -50px;}
a.smpageright:active {
background-position: 0 -100px;}

#slide_control ul{
position:absolute;
margin: 0 0 0 0 ;
padding: 0 0 0 0 ;
width: 62px;
}
a.prev_button {
position:absolute;
right:57px;top:351px;
background:url(../uigraphics/arrow_left.png);
background-repeat:repeat-x;
z-index:100;

background-position: 0 0;
margin:0 0 0 0;
padding:0 0 0 0;
border : 0px solid #454441;}
a.prev_button img{
border:0;height:36px;width:29px;}
a.prev_button:hover {
background-position: 0 -36px;}
a.prev_button:active {
background-position: 0 -72px;}
a.next_button {
position:absolute;
right:26px;top:351px;
background:url(../uigraphics/arrow_right.png);
background-repeat:repeat-x;
z-index:100;

background-position: 0 0;
margin:0 0 0 0 ;
padding:0 0 0 0;
border : 0px solid #454441;}
a.next_button img{
border:0;height:36px;width:31px;}
a.next_button:hover {
background-position: 0 -36px;}
a.next_button:active {
background-position: 0 -72px;}

/*main navigation*/
#mainnav {
background:url(../uigraphics/bgfooter.png);
background-repeat:repeat-x;
background-color:#131317;
padding : 0 0 0 0;
display : block;
width : 600px;
height : auto;
clear : both;
border-top : 1px solid #000;
margin : 0 auto 0 auto;
-moz-border-radius-bottomleft: 13px;
border-bottom-left-radius: 13px;
-moz-border-radius-bottomright: 13px;
border-bottom-right-radius: 13px;
}
#mainnav a {
color:#948f87;
text-decoration:none;
text-shadow: 0px 1px 3px #161619;
line-height:24px;}
#mainnav a:hover {
color:#bab3a8;
text-shadow: 0px 0px 2px #161619;
text-decoration:underline;}
#mainnav a.currentpage {
color:#bab3a8;
text-shadow: 0px 0px 2px #161619;
font-weight:bold;
text-decoration:underline;}
#mainnav ul {
list-style : none;
text-align:left;
font-weight : normal;
color : #bab3a8;
margin : 0 auto 0 auto;
padding : 13px 0 0 0;
display:block;
width:600px;
height:auto;}
#mainnav li {
background:url(../uigraphics/bgpartition.png);
background-position:bottom;
background-repeat:repeat-x;
background-color:#161619;
border-right:1px solid #1b1b1e;
border-left:1px solid #1b1b1e;
border-bottom:1px solid #0d0d0f;
margin : 13px 0 0 26px;
padding : 0 0 5px 0;
float:left;
display:block;
width:164px;
height:auto;
line-height:26px;
-moz-border-radius-bottomleft: 13px;
border-bottom-left-radius: 13px;
-moz-border-radius-bottomright: 13px;
border-bottom-right-radius: 13px;
}


.mainnav_right {
text-align:right;}
#mainnav p {
margin : 0 0 0 0;
padding : 0 0 0 0;
font-size:12px;
text-shadow: 0px 1px 3px #000;
line-height:16px;}
#mainnav h2 {
border-bottom:0px solid #212121;
color:#bab3a8;
margin : -2px 0 2px 0;
padding : 0 0 4px 0;
font-size:14px;
text-shadow: 0px 1px 3px #000;
line-height:16px;}

.navoption {
margin : 3px 0 6px 0;
padding : 0 13px 0 13px;
font-size:11px;
font-family:georgia,serif;}
.navoption hr {
border-top:1px solid #2e2d2b;
border-bottom:1px solid #131317;
border-left:1px solid #1f1f22;
border-right:1px solid #1f1f22;
height:3px;
background-color:#1f1f22;
}
.navtitle {
border-top:0px solid #a7a091;
color : #7a7163;
margin : 0px 0 2px 0;
padding : 0px 13px 0 13px;
font-size:14px;
font-weight : normal;
text-decoration:none;
text-shadow: 1px 1px 1px #313136, -1px -1px 1px #000, -1px 1px 1px #313136, 1px -1px 1px #000;
}
.navtitle {
cursor : pointer;
z-index : 2000;}

/*footer*/
#footwrapper {
background:url(../uigraphics/bgfooter.png);
background-repeat:repeat-x;
background-position:center;
background-color:#111111;
position : relative;
border-top : 1px solid #0a0a0c;
height : 25px;
width : 600px;
margin: 11px auto 0 auto;
padding:0;
display:block;
font-weight : normal;
-moz-border-radius-bottomleft: 13px;
border-bottom-left-radius: 13px;
-moz-border-radius-bottomright: 13px;
border-bottom-right-radius: 13px;
}

#footwrapper h1 {
position:absolute;
top:0;
left:26px;
font-weight : normal;
color : #7a7163;
font-size : 10px;
margin : 0 0 0 0;
padding : 0 0 0 0;
text-shadow: 1px 1px 1px #313133, -1px -1px 1px #131317, -1px 1px 1px #18181b, 1px -1px 1px #131317;
line-height:23px;
text-transform:uppercase;}
#footwrapper h2 {
position:absolute; 
right:26px;
top:0;
font-weight : normal;
color : #7a7163;
font-size : 10px;
margin : 0 0 0 0;
padding : 0 0 0 0;
text-shadow: 1px 1px 1px #313133, -1px -1px 1px #131317, -1px 1px 1px #18181b, 1px -1px 1px #131317;
line-height:23px;
text-transform:uppercase;}

#flashContent {
display:block; 
width:500px; 
height:416px;
background-color:black;}