/* Left & Right alignment */

.left { float:left;}
.right { float:right;}
.wrapper {width:100%; overflow:hidden;}
.relative{ position:relative;}

/* Global properties ======================================================== */

body{ background: url(../images/bg.jpg) center center no-repeat #ff8900; border:0; font:13px Arial, Helvetica, sans-serif; color:#fff; line-height:16px; min-width:940px; /*text-transform:uppercase; */ overflow:hidden}

.page_spinner{ position:absolute;background: url(../images/bg.gif) repeat #ff8900; z-index:99; width:100%; height:100%; top:0; left:0}
.page_spinner div{ position:absolute;background: url(../images/ajax-loader.gif) 50% 50% no-repeat;width:100%; height:100%; top:0; left:0}


/* Global Structure ============================================================= */

.main {	margin: 0 auto;	width: 940px; }


/* ============================= main layout ====================== */

a{ color:#fff; text-decoration: none; outline:none}
a:hover{ text-decoration: none}
h1{ font-size:23px; font-weight:bold; padding:0 0 0 0; line-height:1.2em; line-height:1.2em;}
#content h1{ padding-bottom:28px;}
p{ padding-bottom:16px;}

/* ============================= header ====================== */
header{ height:70px; padding-top:44px;}
header h1{ float:left;}

#logo{ display:inline-block; font-size:40px;}
#logo span{ display:block; font-size:16px; font-weight:bold; color:#FFFFFF; /*ae50;*/ margin-top:-10px; padding-left:1px;}

.menu{ float:left; width:480px; padding-top:48px;}
#menu {}
#menu > li { position:relative; min-height:100px;}
#menu > li > a{ text-transform:uppercase; font-size:130px; line-height:156px; overflow:hidden; letter-spacing:-1px; height:100px; display:inline-block}
#menu > li > a span{ margin-top:-28px; display:block}
#menu > li > a:hover, #menu > .active > a, #menu > .sfHover > a{ color:#ffae50}

.submenu{ position:relative; padding-top:3px; overflow:hidden;}
.submenu li{ float:left; margin-right:32px}
.submenu a{ font-size:38px; color:#fff; overflow:hidden; line-height:1.2em; display:block}
.submenu a:hover{ color:#ffae50}

#close{ float:right; font-size:65px; line-height:1.2em; text-transform:uppercase; margin-top:-5px; letter-spacing:-1px; position:relative}
#close:hover{color:#ffae50}

/* ============================= content ====================== */

#content{width:460px; float:left; min-height:500px; position:relative; padding-top:0px;}
#content > ul{ position:relative; margin-top:50px; z-index:1; overflow:hidden}
#content > ul > li{ position:relative; height:500px;}

.color1{ color:#ffcc90;}

#folio{ position:absolute; right:0; top:0px; width:940px; height:590px; z-index:10}
#images{ background:#ffae50; padding:11px;}
#gallery{ position:relative; width:918px; height:544px; overflow:hidden}
#gallery ul{}
#gallery li{ float:left;}

.scroll_gallery{ position:relative; width:100%; height:1px; background:#ffae50; margin-top:19px}
.scroll_drag{ position:absolute; left:0; top:-3px; height:7px; background:#fff; width:225px; cursor:pointer}

.scroll{height:350px; width:435px; overflow:hidden}
.track{ width:1px; height:297px; padding:0 0; top:73px !important; left:456px !important; background:#ffae50;}
.shuttle{ width:7px; height:150px; margin-left:-3px; background:#fff}
._up-butt, ._down-butt{ height:0px !important;}

.pad_bot1{ padding-bottom:40px;}
.pad_top1{ padding-top:5px;}
.pad_top2{ padding-top:85px;}
.marg_right1{ margin-right:24px;}

/* ============================= footer ====================== */

footer { height:50px; color:#ffae50; line-height:20px; padding-top:10px;}
footer a{ color:#ffae50}
footer a:hover{}

#icons{ float:right; padding:0 0 0 0;}
#icons li{ float:left; padding-left:5px;}
#icons a{ position:relative; display:block;}
#icons .img_act{ position:absolute; top:0; left:0}

/* ============================= forms ============================= */

#ContactForm{ padding-top:4px; position:relative; padding-bottom:10px}
#ContactForm .wrapper{ overflow:inherit; min-height:44px;}
#ContactForm .success{ display:none; position:absolute; left:0; bottom:0}
#ContactForm label{ position:relative;min-height:29px; display: inline-block;}
#ContactForm .message{ height:auto;}
#ContactForm  span{ display:block}
#ContactForm .error, #ContactForm .empty{ font-size:10px; color:#fff; line-height:14px; display:none; width:100%; text-transform:none}
#ContactForm a{ margin-left:20px; float:right; padding-right:7px; background:url(../images/marker_1.gif) right 5px no-repeat;}
#ContactForm .input { margin:0;width:324px; height:13px; background: url(../images/bg_form.png) repeat; border:1px solid #ffae50; padding:7px 10px;color:#fff; font:10px Arial, Helvetica, sans-serif; text-transform:uppercase}
#ContactForm textarea { overflow: auto; margin:0;resize:none;width:400px; height:80px; background: url(../images/bg_form.png) repeat; border:1px solid #ffae50; padding:7px 10px;color:#fff; font:10px Arial, Helvetica, sans-serif; text-transform:uppercase}


#ContactForm  .bg{ display:inline-block;}