/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Left & Right alignment */

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

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

body{ background: url(../images/bg_img.jpg) top center no-repeat #000; border:0; font:14px Arial, Helvetica, sans-serif; color:#7b7775; line-height:20px;}

.css3{border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; box-shadow: 0 0 4px rgba(0, 0, 0, .4); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .4); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .4); position: relative;}

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

body, html {height:100%;}

#bg{ position:fixed; z-index:-1}


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

a{ color:#fff; text-decoration: none; outline:none}
a:hover{ color:#7b7775}
h1{ margin-left:-2px; position:relative}
h2{
	font-size:24px;
	color:#FFFFFF;
	line-height:1.2em;
	padding: 27px 0 19px 0;
	font-weight: normal;
	letter-spacing:-1px
}
h2.pad{ padding:32px 0 19px 0;}
p{ padding-bottom:20px;}

/* ============================= header ====================== */
header{ margin:0 10px; width:220px; padding-top:34px; float:left; position:relative; z-index:2}

#logo{ display:block; background:url(../images/logo.png) 0 0 no-repeat; width:223px; height:71px; text-indent:-9999px;}

#menu { padding-top:214px;}
#menu > li { background:url(../images/menu_line.png) bottom center no-repeat; margin-top:-8px; position:relative}
#menu > li > a{
	display:block;
	height:78px;
	width:202px;
	padding-left:18px;
	font-size:30px;
	color:#3d1d53;
	line-height:78px;
	letter-spacing:-2px;
	position:relative;
	z-index:2;
}
#menu > li > span{ background:url(../images/bg_menu.png) center 3px no-repeat; position:absolute; z-index:1; top:0; left:110px; width:0; height:100%;}

#menu > li:hover, #menu > .active{ }

#menu .ul_1{ position: absolute; top:3px; left:215px; display:none}
#menu .ul_1 > li{ position:relative; margin-bottom:-6px; background:url(../images/bg_menu2.png) 0 0 no-repeat;}
#menu .ul_1 > li > a{
	display:block;
	width:153px;
	height:78px;
	font-size:30px;
	color:#572d79;
	line-height:78px;
	padding-left:18px;
	z-index:2;
	position:relative
}
#menu .ul_1 > li > span{ background:url(../images/bg_menu2_active.png) center 0 no-repeat; position: absolute; top:0; left:86px; width:0; height:100%; z-index:1}

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

#content{padding-top:148px; margin:0 10px;position:relative; float:left; padding-bottom:10px; width:700px; height:662px; position:relative; z-index:1}

#content > ul > li{ position: relative; width:700px; height:662px;}

.box{ position:absolute; top:0; left:0; width:100%; height:100%;border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;box-shadow: 2px 2px 4px rgba(0, 0, 0, .4); -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, .4); -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, .4);  background:#000}

.text{ padding:12px; position:relative}
.pad1{ padding:0 20px 0 28px}
.marg_right1{ margin-right:24px;}
.pad_bot1{ padding-bottom:16px}
.pad_left1{ padding-left:145px}

.font1{
	font-weight:bold;
	color:#FFFFFF
}

.under{ padding-bottom:22px; border-bottom:1px solid #1a1a1a; margin-bottom:17px;}

.link1{ display:inline-block; font-size:16px; color:#ff5512; font-weight:bold; line-height:1.2em; padding-left:23px; background:url(../images/marker_1.png) 2px 0 no-repeat; padding-bottom:2px;}
.link1:hover{ background-position:2px -30px; color:#fff}

.list1 li{ font-size:16px; line-height:1.2em; padding:6px 0}
.list1 li a{ display:inline-block; color:#fff; font-weight:bold; padding-left:23px; background:url(../images/marker_1.png) 2px 0 no-repeat; padding-bottom:2px;}
.list1 li a:hover{ background-position:2px -30px; color:#ff5512}

.hover_img{ position:relative; display:block}
.hover_img img{ top:0; left:0}
.hover_img .img{ position:relative; z-index:1}
.hover_img .img_act{ position:absolute; width:100%; height:100%; z-index:2}

.close{ display:block; position:absolute; top:30px; right:35px; background:url(../images/close.png) 0 bottom no-repeat ;  width:20px; height:22px}
.close:hover{ background-position:0 0} 

/*================ScrollPane==========================*/
.scroll-pane, .scroll{ height:203px; padding-right:27px; overflow:auto; position:relative; z-index:99}
.jScrollPaneContainer {position: relative;overflow: hidden;z-index: 1; width:100% !important}
.jScrollPaneTrack {	position: absolute;	cursor: pointer;right: 0px;top: 0;height: 100%; background: url(../images/scroll_track.gif) repeat-y}
.jScrollPaneTrack span{ display:block; background:url(../images/scroll_track_top.gif) 0 0 no-repeat; position:absolute; top:0; left:0; width:100%; height:100%}
.jScrollPaneTrack span span{ background:url(../images/scroll_track_bot.gif) bottom no-repeat}
.jScrollPaneDrag {position: absolute;background: url(../images/scroll_drag.png) no-repeat;cursor: pointer;overflow: hidden;}
.jScrollPaneDragTop {position: absolute;top: 0;left: 0;overflow: hidden;}
.jScrollPaneDragBottom {position: absolute;bottom: 0;left: 0;overflow: hidden;}
a.jScrollArrowUp {	display: block;	position: absolute;	z-index: 1;	top: 0;	right: 0px;	text-indent: -2000px;	overflow: hidden;height: 26px; background: url(../images/scroll_track.html) repeat}
a.jScrollArrowDown {	display: block;	position: absolute;	z-index: 1;	bottom: 0;right:0px;text-indent: -2000px;overflow: hidden;height: 26px; background: url(../images/scroll_track.html) repeat}

#page_3 .scroll-pane, #page_3 .scroll{ height:522px}
#page_more .scroll-pane, #page_more .scroll{ height:522px}

/* =====================page portfolio============================= */
.gallery {min-height:100%; height:auto !important; height:100%; width:540px; position:absolute; width:100%; z-index:2}
.gallery .container_12{min-height:100%; height:auto !important; height:100%; position: absolute; left:50%; margin-left:-480px; overflow:hidden}
.gallery_min_height{ height:900px; width:1px; float:left;}

.portfolio{min-height:100%; height:auto !important; height:100%; position:absolute; right:0}

#page_2{ visibility:hidden}

.roundabout-holder  {  height: 5em; }
.roundabout-moveable-item { cursor: pointer; width:566px; height:516px;}
.roundabout-in-focus { cursor: auto; }
.portfolio ul{ position:absolute; top:410px;}
.portfolio img{ display:block; width:100%; height:100%; position:absolute; top:0; left:0;}
.portfolio li{}
.portfolio .img{ z-index:1}
.portfolio .img_act{ z-index:2}
.portfolio li a{ position: absolute; top:0; left:0; width:100%; height:100%; z-index:3; display:block;cursor:pointer; background:url(../images/spacer.gif) 0 0 no-repeat}

.next, .prev{ position:absolute; z-index:101; right:230px; top:117px; height:78px; width:78px; display:block; background: url(../images/marker_up.png) 0 0 no-repeat; zoom:1; cursor:pointer}
.next:hover, .prev:hover{ background-position:right}
.prev{ top:723px; background: url(../images/marker_down.png) 0 0 no-repeat}


#page_3 figure{ padding-top:5px;}

#map{ position:relative}
#map figure{ position:relative; z-index:1}
#map div{ position:absolute; width:8px; height:8px; z-index:2}
#map .top_left{ background:url(../images/map_top_left.png) 0 0 no-repeat; top:0; left:0}
#map .top_right{ background:url(../images/map_top_right.png) 0 0 no-repeat; top:0; right:0;}
#map .bot_left{ background:url(../images/map_bot_left.png) 0 0 no-repeat; bottom:0; left:0}
#map .bot_right{ background:url(../images/map_bot_right.png) 0 0 no-repeat; bottom:0; right:0}

.address{ width:195px; float:left;}

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

footer { padding-top:18px; height:62px; padding-left:30px; font-size:14px; color:#000; position:relative; z-index:2; width:400px;}
footer a{}
footer a:hover{}

#icons{ width:100%; overflow:hidden; padding-bottom:2px;}
#icons li{ float:left; padding-right:11px;}

/* Tooltips */
.aToolTip {	border:1px solid #000; background: url(../images/tooltip_bg.png) 0 0 repeat; color:#fff;	margin:0; padding:2px 10px; font-size:11px;	}
.aToolTip .aToolTipContent { position:relative;	margin:0; padding:0; }


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

#contact-form { width:626px; overflow:hidden; padding-top:10px;}
#contact_form .link1{ float:right; margin-right:0; margin-left:35px}
#contact-form input {  width:269px; background: none; padding:5px 10px;  float:left; font:14px Arial, Helvetica, sans-serif; color:#797979; height:17px;}
#contact-form textarea { overflow: auto;width:269px; background: none; padding:5px 10px;  float:left; font:14px Arial, Helvetica, sans-serif; color:#797979; height:97px; margin:0}
#contact-form fieldset {border:none; width:100%; overflow:hidden;}
#contact-form .rowElem {display:block;position:relative; width:100%; overflow:hidden; min-height:40px}
#contact-form .textarea-box { width:100%;display:inline-block;position:relative; min-height:115px; overflow:hidden; padding-bottom:10px;}
#contact-form label {padding:0;display: none;	font-size:10px;	position: relative;font-size:11px; left:10px;top:1px; margin-bottom:0px}
#contact-form .error {color:#ff5512;}
#contact-form fieldset {border:none;}
div#contact_form .download-box p{
	padding:16px 30px;background: none; border:1px solid #4a4746;border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; position:relative
}
#contact-form .bg{ float:left;background: none; border:1px solid #4a4746;border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; position:relative}

#contact-form .col_1{ width:291px; float:left;}
#contact-form .col_2{ width:291px; padding-left:44px; float:left;}