/********/
/* html */
/********/
body {
	background:#000;
	margin:0;
	padding:0;
	text-align:center
}

div {
	text-align:left
}

img {
	border:0;
	display:block
}

h1 {
	color:#fff;
	font-size:18px;
	line-height:20px;
	margin:5px 0 15px 0;	
}

h2 {
	color:#fff;
	font-size:11px;
	margin:0 0 16px 0;
	text-transform:uppercase;
}

h3 {
	color:#b0b1ae;
	font-size:18px;
	line-height:20px;
	margin:5px 0 15px 0;	
}

h4 {
	color:#b0b1ae;
	font-size:11px;
	margin:0 0 16px 0;
	text-transform:uppercase;
}

h5 {
	color:#1ce2e2;
	font-size:11px;
	margin:0 0 16px 0;
	text-transform:uppercase;
}

h6 {
	color:#1ce2e2;
	font-size:11px;
	margin:0 0 16px 0;
	text-transform:uppercase;
}

p {
	margin:0 0 18px 0;
	padding:0
}

a {
	text-decoration:none;
	color:#b0b1ae;
}

a:hover {
	text-decoration:underline
}

hr {
	display:none;
}

form {
	margin:0;
	padding:0
}

input,
textarea,
select {
	border:1px solid #DBDFE6;
	color:#7F7F7F;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	height:16px;
	padding:2px 5px 0 5px
}

td {
	color:#7F7F7F;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	line-height:18px;
	text-align:left;
	vertical-align:top
}

ul {
	margin:0;
	padding:0
}

/**********/
/* layout */
/**********/
/* page */
#page {
	font-family: Arial,Helvetica,sans-serif;
	font-size:11px;
	color:#fff;
	line-height:14px;
	width: 914px;
	height:605px;
	border:1px solid #8c8b8b;
	position: absolute;
	margin:-302px 0 0 -457px;
	left:50%;
	top:50%;
}

#background{
	z-index:10;
	margin:-277px 0 0 -430px;
	left:50%;
	top:50%;
	width:860px;
	height:555px;
	position:absolute;
}

#background img{
	left:0;
	top:0;
	width:860px;
	height:555px;
	position:absolute;
}

#logo {
	width:166px;
	height:132px;
	position:absolute;	
	z-index:210;
	top:48px;
	right:57px;
}

#logo img {
	left:0;
	top:0;
	width:166px;
	height:132px;
	position:absolute;
}

/* sidebar */
#sidebar{
	width:166px;
	height:372px;
	position:absolute;
	top:193px;
	right:57px;
	z-index:220;
	font-size:10px;
	overflow:hidden;
}

#sidebar a{
	font-size:10px;
}

#sidebar p{
	margin:0;
	color:#1ce2e2;
	line-height:12px;
}

#sidebar .news_item{
	margin:0 0 27px 0;
}

#sidebar #newsletter{
	border-top:1px dashed #b0b1ae;
	padding:29px 0 0 0;
}

/* menu */
#menu {
	width:570px;
	height:25px;
	position:absolute;
	right:243px;
	top:191px;
	z-index:300;
	text-transform:uppercase;
}

#menu ul li a{
	height:25px;
	float:left;
	background:url(empty.gif) no-repeat;
}

#menu ul {
	float:right;
	list-style:none;
	margin:0;
	padding:0;
}

#menu li {
	position:relative;
	display: inline;
	float: left;
	margin:0 29px 0 0;
}

#menu li a {
	color: white;
}

#menu li a:hover,
#menu li a.active {
	color: #3be4e4;
	text-decoration: none;
}

/* submenu */
#menu li ul {
	display:none;
	left:0;
	margin:1px 0 0 0;
	padding:0;
	position:absolute;
	width:120px;
	top:24px;
}

#menu li li {
	background:url(../img/bg/submenu_bg.png) repeat-x top;
	border:none;
	margin:0;
	width:120px;
	height:17px;
	padding:2px 4px 4px 14px;
}

#menu li li a {
	background:none;
	font-weight:normal;
	float:left;
	margin:0;
	padding:0;
	text-transform:none;
	width:120px;
	height:21px;
}

#menu li:hover ul,
#menu li.cs_hover ul {
	display:block
}

/* content */
#content {
	width:624px;
	height:349px;
	z-index:200;
	position:absolute;
	top:216px;
	left:48px;
}

#content .textbox{
	width:312px;
	height:225px;
	padding:53px 48px 32px 2px;
	overflow:auto;
	position:absolute;
	right:3px;
}

#content_bg{
	width:624px;
	height:349px;
	background:url(../img/bg/content_bg.png);
	z-index:190;
	position:absolute;
	top:216px;
	left:48px;
}

/*********/
/* pages */
/*********/
/* portfolio */

#content .portfolio{
	width:362px;
	height:251px;
	padding:27px 0 32px 0;
	overflow:auto;
	position:absolute;
	right:3px;
	font-size:9px;
	line-height:15px;
}

.portfolio ul{
	margin:0;
	padding:0;
}

.portfolio li{
	/*width:173px;*/
	width:163px;
	/*height:102px;*/
	height:110px;
	float:left;
	list-style:none;
	margin:0 5px 10px 0;
}

.portfolio li .image{
	background:#242223;
	width:143px;
	position:relative;
	margin-bottom:5px;
	height:82px;
}

.portfolio img{
	display:none;
	width:143px;
	height:82px;
	position:absolute;
	left:0;
	top:0;
}

.portfolio .textbox{
	display:none;
}

.portfolio p{
	margin:0;
}

/***********/
/* overall */
/***********/
.clear {
	clear:both;
	font-size:1px;
	height:1px;
	line-height:1px
}

/* forms */
.cs_form_wrapper{
	position:absolute;
	top:10px;
	left:100px;
	width:262px;
}

.cs_form_wrapper  .cs_feedback_info{
	color:#1ce2e1;
}

.cs_form_wrapper .cs_form_label label {
}

.cs_form_wrapper .cs_form_input input,
.cs_form_wrapper .cs_form_input textarea,
.cs_form_wrapper .cs_form_input select {
	width:200px;
	color:#000;
}

.cs_form_wrapper .cs_form_input textarea,
.cs_form_wrapper .cs_form_input select {
	height:100px;	
}

.cs_form_wrapper .cs_form_button {
	
}

.cs_form_wrapper .cs_form_button input {
	background:#1ce2e1;
	width:90px;
	height:20px;
	cursor:pointer;
	color:#333;
	padding:0;
	border:	1px solid #0d9998;
	margin-right:50px;
}

.cs_form_wrapper .cs_form_button input:hover {
	background:#5cfffe;
}