html {
	overflow: hidden;
	}
body {
 	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	background:#000;
	font-size:12px;
	color:#FFF;
	overflow: hidden;
	}
a{
	outline:none;
	text-decoration:none;
	}
input, select, textarea{
	color:#8F8F8F;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	}
p, h1, h2, h3, h4, h5, h6, ul, li, ol, dl, dt, dd, input{
	margin:0;
	padding:0;
	}
li{
	list-style-type:none;
	}
img{
	border:none;	
	}
table{
	border-collapse:collapse;
	}
.whole-container{
	position: relative;
	display: none;
	}
#main{
	position: relative;
	width:982px;
	margin:0 auto 0 auto;
	}
/*-column-1-*/
.col-1{
	top: 0;
	left: 510px;
	width:460px;
	position:absolute;
	overflow: hidden;
	}
.fixed{
	position: fixed;
	width:460px;
	height: 520px;
	overflow: hidden;
	margin:11px 0 0 3px;
	}
.top-padding{
	padding-top: 50%;
	margin-top: -155px;
	overflow: hidden;
	}
.col-1 h1{
	width:66px;
	height:13px;
	float:right;
	clear: both;
	background:url(image/logo.gif) no-repeat;
	padding:0 33px 20px 0;
	position:relative;
	z-index:2000;
	}
.col-1 h1 a{
	width:66px;
	height:11px;
	float:left;
	text-indent:-1000000px;
	}
.menu{
	float:right;	
	clear: both;
	padding:0 15px 0 0;
	}
.menu li{
	float:right;
	padding:0 26px 0 0;
	}
.menu a.contact{
	background:url(image/contact.gif) no-repeat;
	text-indent:-100000000px;
	float:left;
	width:55px;
	height:10px;
	}
.menu a:hover.contact, .menu a.contact.current{
	background-position:left -10px;
	}
 .menu a.contact.current{
	opacity:0.50;
	}
.menu a.profile{
	background:url(image/profile.gif) no-repeat;
	text-indent:-100000000px;
	float:left;
	width:42px;
	height:13px;
	}
.menu a:hover.profile, .menu a.profile.current{
	background-position:left -13px;
	}
.menu a.profile.current{
	opacity:0.50;
	}
.menu a.showcase{
	background:url(image/showcase.gif) no-repeat;
	text-indent:-100000000px;
	float:left;
	width:72px;
	height:10px;
	}
.menu a:hover.showcase, .menu a.showcase.current{
	background-position:left -10px;
	}
.menu a.showcase.current{
	opacity:0.50;
	}
.col-1 h2{
	text-indent:-1000000px;
	float:right;
	width:100%;
	height:59px;
	margin:188px 22px 0 0;
	background-position:right 0 !important;
	}
.twitter{
	float:right;
	width:460px;
	height:60px;
	margin:114px 0 0;
	background:url(image/twitter-bird.gif) no-repeat 429px 25px;
	}
.twitter div{
	background:url(image/twitters.png) no-repeat left top;
	height:62px;
	}
.twitter p{
	padding:15px 20px 14px 20px;
	width:391px;
	height:22px;
	overflow:hidden;
	color:#878099;
	}
.twitter a{
	color:#B8B3C1;
	}
.twitter a:hover{
	color:#ead711;
	}
.footer{
	font-size:11px;
	width:420px;
	float:right;
	padding:20px 41px 0 0;
	position:absolute!important;
	bottom:12px;
	right:0;
	}
.footer ul{
	float:left;
	}
.footer ul li{
	float:left;
	padding:10px 10px 0 0;
	}
.footer ul li a{
	text-indent:-1000000px;
	float:left;
	width:16px;
	height:16px;
	}
.footer ul li a:hover{
	background-position:left -16px;
	}
a.twitter-ico{
	background:url(image/icon_twitter.gif) no-repeat left top;
	}
a.facebook-ico{
	background:url(image/icon_facebook.gif) no-repeat left top;
	}
a.linked-ico{
	background:url(image/icon_linked.gif) no-repeat left top;
	}
.footer p{
	color:#FFF;
	text-align:right;
	float:right;
	position:relative;
	z-index:20000;
	opacity:0.25 !important;
	}
.footer p a{
	color:#FFF;
	}
.footer p a:hover{
	text-decoration:underline;
	}
/*-column-1-*/
/*-column-2-*/
.col-2{
	top: 50%;
	margin-top: -430px;
	left: 0;
	width:494px;
	position:absolute;
	}	
.bottom{
	left:464px;
	}
.col-2 h3{
	text-indent:-1000000px;
	padding:0;
	}
.col-2 h3.about{
	background:url(image/who-we-are.gif) no-repeat left bottom;
	margin:33px 0 25px 0;
	}
.col-2 h3.contact{
	background:url(image/lets-touch-base-2.gif) no-repeat left bottom;
	margin:33px 0 22px 0;
	}
#profile, #contact{
	padding:0 0 0 51px;
	width:474px !important;
	height:520px;
	overflow-y:hidden;
	overflow-x:visible;
	}
.text{
	background-color:#000;
	border:1px solid #343434;
	width:392px;
	height:12px;
	padding:8px 14px;
	}
.checkbox{
	background-color:#000;
	border:1px solid #343434;
	margin-right:9px;
	}
td span{
	float:left;
	margin:10px 0 0 0;
	color:#FFFFFF;
	opacity:0.60;
	}
.button{
	display: inline;
	float:right;
	margin:9px 2px 0 0;
	}
.button img{
	vertical-align: top;
	margin-top: 2px;
	display: none;
	}
.content{
	padding:0 0 78px 0;
	position:relative;
	}
#contact-us{
	padding:0 0 21px 0;
	}
#contact-us table td{
	width:420px;
	height:44px;
	}
#contact-us select{
	background-color:#000;
	border:1px solid #343434;
	width:421px;
	padding:7px 14px;
	}
#contact-us input.error, #contact-us select.error, #contact-us textarea.error{
	color: #ff0000;
	border: 1px solid #ff0000;
	}
#contact-us textarea{
	background-color:#000;
	border:1px solid #343434;
	width:390px;
	height:71px;
	padding:8px 14px;
	}
.col-2 p{
	padding-bottom:19px;
	width:416px;
	color:#FFFFFF;
	opacity:0.60;
	line-height:18px;
	font-size:12px;
	}
.box-1{
	width:418px;
	height:58px;
	float:left;
	position:absolute;
	bottom:97px;
	background-color:#000;
	border:1px solid #26265c;
	}
.box-1 span{
	float:left;
	padding:20px 16px 0 10px;
	}
.box-1 span.co{
	padding:17px 0 0 0;
	float:left;
	width:210px;
	color:#808080;
	}
.box-1 a:hover span.co{
	color:#ead711;
	}
#slider {
    width:494px;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
}
#slider .panel{
	width:507px;
    position: absolute; 
	}
/*-column-2-*/
/*-pop-up-*/
.loader{
	margin: 0;
	padding: 0;
	position: absolute;
	top: 124px;
	left: 195px;
	}
#projects li {
    background: url(image/project-bg.png) no-repeat left top;
    width: 418px;
    height: 258px;
    margin-bottom: 32px;
    position: relative;
	border-right: 1px solid #552b53;
	border-bottom: 1px solid #482b49;
	}
#project_gallery {
	height: 550px;
	}
#project_gallery li {
	position: relative;
	width: 580px;
	height: 550px;
	}
#project_gallery img {
	display: none;
	}
.popup-loader{
	margin: 0;
	padding: 0;
	position: absolute;
	top: 270px;
	left: 250px;
	}
#project_description, #project_summary{
	opacity:0.60;
	line-height:16px;	
	}
#project_summary, #project_summary ul{
	padding:50px 0 0 0;
	float:left;
	height:278px;
	overflow:hidden;
	width:100%;
	}
#project_summary ul li{
	float:left;
	padding:0 20px 10px 0;
	width:100px;
	}
#project_gallery li{
	background:none !important;
	}
#project_description{
	float:left;
	height:128px;
	width:100%;
	overflow:hidden;
	font-size:11px;
	}
#project_detail{
	display: none;
	width:100%;
	height:550px;
	position:absolute;
	left:0;
	top:50%;
	margin-top:-275px;
	font-size:11px;
	z-index:100;
	background:#000000 url(image/showcase_shadow.png) no-repeat center 200px;
	}
.show{
	position:relative;
	width:898px;
	margin:0 auto 0 auto;
	z-index:999;
	height:550px;
	padding:0 0 0 67px;
	}
.back-btn{
	position:absolute;
	top:266px;
	left:0px;
	}
.close{
	background:url(image/close.gif) no-repeat right center;
	text-indent:-100000000px;
	position:absolute;
	right:-22px;
	top:158px;
	width:16px;
	height:17px;
	z-index:1000;
	}
.next{
	background:url(image/arrow_next.gif) no-repeat right center;
	text-indent:-100000000px;
	float:left;
	width:18px;
	height:18px;
	padding:80px 0 80px 0;
	}
.notes{
	position:absolute;
	right:34px;
	top:120px;
	width:280px;
	height:550px;
	}
.notes h4{
	font-size:28px;
	font-weight:lighter !important;
	float:left;
	height:30px;
	padding-bottom:20px;
	overflow:hidden;
	}
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

.jcarousel-container {
    
}

.jcarousel-container-horizontal {
    height: 550px;
    width: 650px;
}

.jcarousel-container-vertical {
	margin: 0 36px 0 51px;
    width: 494px;
}

.jcarousel-clip-horizontal {
   	width: 580px;
	height:550px;
   	 overflow:hidden;
}

.jcarousel-clip-vertical {
    width: 425px;
    height: 0px;
}

.jcarousel-item {
   
}

.jcarousel-item-horizontal {
     /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 580px;
    height: 550px;
    margin-right: 20px;
}

.jcarousel-item-vertical {
	 /* We set the width/height explicitly. No width/height causes infinite loops. */
    margin-bottom: 20px;
}

.jcarousel-item-placeholder {
    background: #000;
    color: #fff;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-next-horizontal {
    position: absolute;
    top: 278px;
    left: 585px;
    width: 17px;
    height: 18px;
    cursor: pointer;
	z-index:999;
    background: transparent url(image/right.gif) no-repeat 0 0;
	
}

.jcarousel-prev-horizontal {
    position: absolute;
    top: 278px;
    left: 600px;
	display:none !important;
    width: 17px;
    height: 18px;
    cursor: pointer;
	z-index:9999;
    background: transparent url(image/left.gif) no-repeat 0 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-next-vertical {
    position:absolute;
    top: 430px;
    margin-top: -9px;
    left: 439px;
    width: 18px;
    height: 17px;
    cursor: pointer;
    background: transparent url(image/bottom.gif) no-repeat 0 0;
	}
.jcarousel-next-vertical:hover{
	background: transparent url(image/bottom.gif) no-repeat 0 -17px;
	}
.jcarousel-prev-vertical {
    position:absolute;
    top: 430px;
    margin-top: -9px;
    left: -38px;
    width: 18px;
    height: 17px;
    cursor: pointer;
    background: transparent url(image/top.gif) no-repeat 0 0;
	}
.jcarousel-prev-vertical:hover{
   background: transparent url(image/top.gif) no-repeat 0 -17px;
}
.message {clear:both; width: 420px;}
.message ul {list-style:none;padding:5px 0 10px 0;margin:0;}
.message ul li {list-style:none;padding:7px 5px 7px 35px;margin:3px 0 0 1px; border: 1px solid #402637;}
.message ul li.success {background:#000000 url(image/success-icon.gif) no-repeat scroll 15px; color:#808080;}
.scrollButtons{display:none !important;}
.indicator-wrap {position: relative;}
#main-indicator {position: absolute; background:url(image/indicator-bg.gif) no-repeat center center;left: 50%; top: 50%;margin-top: -24px; margin-left: -24px; z-index: 10;display: none;}
#overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(image/overlay-bg.png) repeat left top; z-index: 5;display: none;}

span.title{
	position:absolute;
	width:20000px;
	height:49px;
	display:block;
	right:-5px;
	z-index:10000000;
	display:none;
	top:104px;
	background:#000 url(image/hover_arrow.gif) no-repeat right top;
	}
span.title span{
	width:418px;
	text-align:left;
	float:right;
	height:29px;
	vertical-align:middle;
	padding:20px 0 0 0;
	overflow:hidden;
	z-index:1000000;
	font-size:12px;
	cursor: pointer;
	}
#status{
	position: absolute;
	top: 0;
	right: 0;
	width: 100px;
	height: 100px;
	font-size: 24px;
	font-weight: bold;
	border: 1px solid red;
	}
#status2{
	position: absolute;
	top: 0;
	right: 103px;
	width: 100px;
	height: 100px;
	font-size: 24px;
	font-weight: bold;
	border: 1px solid green;
	}
/*Select*/
.selectbox {
	background:#000 url(image/bg_select.gif) no-repeat scroll 390px center;
	border:1px solid #343434;
	cursor:pointer;
	display:block;
	height:12px;
	padding:8px 14px;
	text-align:left;
	width:392px !important;
	}
div.selectbox-wrapper {
	margin:0 0 0;
	padding:0;
	position:absolute;
	text-align:left;
	width:421px !important;
	}
div.selectbox-wrapper ul {
	list-style-type:none;
	background-color:#000;
	border:1px solid #343434;
	width:420px;
	padding:0;
	}
div.selectbox-wrapper ul li {
	cursor:pointer;
	display:block;
	list-style-type:none;
	padding:6px 14px 5px 14px;
	color:#8F8F8F;
	font-size:11px;
	border-bottom:1px solid #343434;
	}
div.selectbox-wrapper ul li:hover{
	background-color:#010042;
	}
.rotator{
	position:absolute;
	display:none;
	top:0;
	left:0;
	width:100% !important;
	z-index:1000;
	background:url(image/tab_bg.png) no-repeat center center;
	}
#rotator01{
	margin:-150px 0 0 -445px;
	top:50%;
	left:50%;
	position:absolute;
	opacity:1;
	width:890px;
	}
#rotator01 div{
	width:890px;
	overflow:hidden;
	}
.phPhoto{
	position:absolute;
	text-align:center;
	}
.phPhoto img {
	height:100%;
	}
.close-btn{
	background:url(image/close-2.gif) no-repeat;
	text-indent:-1000000px;
	float:left;
	width:16px;
	height:17px;
	position:absolute;
	top:151px;
	right:-28px;
	}
.p_leftButton{
	display:none;
	}
.p_rightButton{
	background:url(image/arrow_next-2.gif) no-repeat;
	text-indent:-1000000px;
	float:left;
	width:16px;
	height:17px;
	position:absolute;
	top:153px;
	left:-25px;
	}
#rotate-detail{
	background:#000 url(image/top-box.gif) repeat-x left top;
	width:362px !important;
	height:270px;
	position:absolute;
	left:263px;
	top:10px;
	display: none;
	}
#rotate-title{
	float:left;
	padding:240px 0 10px 25px;
	width:100%;
	background:url(image/arrow_next.gif) no-repeat 320px 240px;
	}	
.phRotatingElement img{
	cursor: pointer;
	}