@charset "utf-8";
/* Created by Mick Dinulos 07-21-09 */

* {
margin: 0px;
padding: 0px;
}

a, a:active, a:hover, a:focus { outline-style:none; outline-width:0; border:none; }

/* Layout */

html {
height: 100%;
}

body {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
height:100%;
background: #fff url(../imgs/background.gif) repeat-y left top;
}

h1 {
font-size: 18px;
margin-bottom: 10px;
}

h2 {
font-size: 60px;
margin-bottom: 10px;
}


p {
margin-bottom: 10px;
line-height:170%;
}

#wrapper {
width: 100%;
display:block;
height:100%;

}

#content_container {
clear:both;
float:left;
display:block;
width:100%;
height:100%;
}

#content {
width:100%;
float:left;
display:block;
height:100%;
}

#left_column {
float:left;
width: 327px; /*Width of left column*/
display:block;
margin-left: -100%;
position:relative;
height:100%;
background:url(../imgs/left_col_bg.jpg) no-repeat top left;
}

#cheng_logo {
display:block;
float:left;
background: url(../imgs/cheng_logo.png) no-repeat top left;
height:169px;
text-indent:-9999px;
width:327px;
margin-bottom:24px;
}

#right_column {
margin-left: 327px; /*Set left margin to left_column*/
display:block;
position:relative;
height:100% ;
background:#fff;
}

#right_content {
padding: 20px;
display:block;
height:100% ;
font-size: 12px;
}

#right_content a, #right_content a:link, #right_content a:active, #right_content a:visited {
color: #000;
border-bottom:1px dotted #000;
text-decoration:none;
}

#right_content a:hover {
border-bottom:none;
text-decoration:none;
}


.home {
background: url(../imgs/sketch_large_1.jpg) no-repeat center center;
display:block;
}

.contact_bg {
background: url(../imgs/contact_bg.jpg) no-repeat center right;
display:block;
height: 630px !important;
}
	
.video_bg {
background: url(../imgs/fw2010.gif) repeat-x top left;
display:block;

}

.float_right {
float:right;
margin:0 0 10px 20px;
}


/* Media Content */

#contact_container { float:left;  display:block; clear:both; width: 100%; clear:both;}

p.address { float:left; display:block; width:300px;}

#media_container { display:block; float:left; text-align:right; width: 100px; height:32px; margin: 10px 0; }

#media_container img{ margin: 0 0 0 10px; border:none !important; }

#media_container a{ text-decoration:none !important; border:none !important; }

/* Navigation */

.left_navigation { 
height: 310px;
display:block;
float:right;
}

#left_navigation a { color:#fff; font-size: 40px; width: 244px; height: 43px; display:block; float:right; text-decoration:none; text-align:right; padding-right:10px;}

#left_navigation a:hover, #left_navigation a.active { background: url(../imgs/nav_bg.png) no-repeat center right; }

#nav_home {
display:block;
float:right; 
background:url(../imgs/nav_home.jpg) no-repeat top left;
height:43px;
width: 246px;
outline: none;
text-indent:-9999px;
}

a:hover#nav_home, a.active#nav_home {
background-position: -246px top;
outline: none;
}

#nav_sketches{
display:block;
float:right; 
background:url(../imgs/nav_sketches.jpg) no-repeat top left;
height:43px;
width: 246px;
outline: none;
text-indent:-9999px;
}

a:hover#nav_sketches, a.active#nav_sketches {
background-position: -246px top;
outline: none;
}

#nav_projects{
display:block;
float:right; 
background:url(../imgs/nav_projects.jpg) no-repeat top left;
height:43px;
width: 246px;
outline: none;
text-indent:-9999px;
}

a:hover#nav_projects, a.active#nav_projects {
background-position: -246px top;
outline: none;
}

#nav_about{
display:block;
float:right; 
background:url(../imgs/nav_about.jpg) no-repeat top left;
height:43px;
width: 246px;
outline: none;
text-indent:-9999px;
}

a:hover#nav_about, a.active#nav_about {
background-position: -246px top;
outline: none;
}

#nav_contact{
display:block;
float:right; 
background:url(../imgs/nav_contact.jpg) no-repeat top left;
height:43px;
width: 246px;
outline: none;
text-indent:-9999px;
}

a:hover#nav_contact, a.active#nav_contact{
background-position: -246px top;
outline: none;
}

ul.subnav {
list-style-type: none;
display:block;
padding: 0px 0px;
float:right;
clear:both;
}

ul.subnav li {
color:#0089ca;
display:block;
margin: 0px 0px; 
}

ul.subnav li a{
color:#fff;
display:block;
text-decoration:none !important;
padding: 6px 24px 6px 0px;
width: 246px;
text-align:right;
outline: none;
}

ul.subnav li a:hover{
background: url(../imgs/subnav_bg.gif) no-repeat center right;
outline: none;
text-decoration:none;
}

/* Navigation */

h2.contact_me {
display:block;
height: 37px;
text-indent:-9999px;
background: url(../imgs/header_contact.gif) no-repeat top left;
clear:both;
}


h2.about_me {
display:block;
height: 52px;
text-indent:-9999px;
background: url(../imgs/header_about.gif) no-repeat top left;
}

h2.sketches {
display:block;
height: 44px;
text-indent:-9999px;
background: url(../imgs/header_sketches.gif) no-repeat top left;
}

h2.projects{
display:block;
height: 63px;
text-indent:-9999px;
background: url(../imgs/header_projects.gif) no-repeat top left;
}

h2.gowns{
display:block;
height: 63px;
text-indent:-9999px;
background: url(../imgs/header_gowns.gif) no-repeat top left;
}

h2.costumes{
display:block;
height: 37px;
text-indent:-9999px;
background: url(../imgs/header_costumes.gif) no-repeat top left;
}

h2.drag-fashion{
display:block;
height: 60px;
text-indent:-9999px;
background: url(../imgs/header_drag-fashion.gif) no-repeat top left;
}

h2.fashion-art{
display:block;
height: 36px;
text-indent:-9999px;
background: url(../imgs/header_fashion-art.gif) no-repeat top left;
}

h2.news{
display:block;
height: 37px;
text-indent:-9999px;
background: url(../imgs/header_news.gif) no-repeat top left;
}


/* Contact Us */

.div_textfield {
float:left;
display:block;
margin-top: 3px;
width:95%;
clear:both;
}

.div_textfield input, .div_textfield textarea{
border: 1px solid #2B2B2B;
background: #F0F0F0;
width: 300px;
display:block;
float:left;
color:#281c15;
font-size:12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding:4px;
}

.div_textfield .textfield:hover {
background: #E0E0E0;
z-index:100;
}

.div_textfield label {
display:block;
float:left;
height:25px;
width:180px;
text-align:left;
margin-right: 20px;
padding-top: 3px;
}

.submit_button {
border:none !important;
width:66px !important;
background: none !important;
padding:0px !important;
height:32px;
}

/* Simple Form CSS */

.message-box { text-align: center; padding: 5px; color:#545454; width:80%;  margin:5px auto; }  

.clean { background-color: #efefef; border-top: 2px solid #dedede; border-bottom: 2px solid #dedede; } 
.info  { background-color: #f7fafd; border-top: 2px solid #b5d3ff; border-bottom: 2px solid #b5d3ff; } 
.ok    { background-color: #d7f7c4; border-top: 2px solid #82cb2f; border-bottom: 2px solid #82cb2f; } 
.alert { background-color: #fef5be; border-top: 2px solid #fdd425; border-bottom: 2px solid #fdd425; } 
.error { background-color: #ffcdd1; border-top: 2px solid #e10c0c; border-bottom: 2px solid #e10c0c; }
 
form .error { border: 2px solid #e10c0c; } /* js error class */

.required {color: red; font-size: 11px;}

/* Footer */

#footer_container {  width:96%; text-align:left; left: 20px; margin:10px 20px 10px 0px; display:block; font-size:11px; position:absolute; top: 680px; }

#footer_left {display:block; color:#fff; padding: 20px 0 0px 0px; width:100%; position:absolute; top: 680px; left: 15px;}

#footer_right {display:block; float:right; }

#footer_right span {padding: 6px 6px 0 0; display:block; float:left;}

#footer_right img {display:block; float:left;}

/* tabs */

.tabs-hide { display: none; }

#tabs img.icon { float:left; display:block; margin:0 6px 0 0;}

#tabs ul.tabs-nav { display:block; list-style-type:none; clear:both; text-align:center; margin-bottom:0px; }

#tabs ul.tabs-nav li { display:inline; width:22%;}

#tabs ul.tabs-nav li a{ border-bottom: none;display:inline-block; width:22%; padding: 8px 0px; font-weight:bold; font-size:13px; background:url(../imgs/tab_bg.jpg) repeat-x top left; color:#A6A6A6; text-align:center; }

#tabs ul.tabs-nav li span { clear:both; font-size:12px; font-weight:normal;}

#tabs ul.tabs-nav li a:hover { text-decoration:none; color:#fff !important; background:url(../imgs/tab_bg.jpg) repeat-x; background-position: left -33px;}

#tabs ul.tabs-nav li.tabs-selected  a{ text-decoration:none; color:#ff0000 !important; background:url(../imgs/tab_bg.jpg) repeat-x; background-position: left -33px;}

.column_two_sub { display:block; width:100%; clear:both; text-align:center; padding:0px 0 10px 0; z-index: 0; position:relative; }

.column_two_sub p { text-align: left; margin-bottom: 6px;}

#gowns, #costumes, #drag-fashion, #fashion-art { clear:both; padding-top: 5px;}

.home-flash { position: relative; z-index: 0; margin-bottom:20px; text-align:center;}

.gallery-thumb { text-align:center; margin-bottom: 60px;}