@charset "utf-8";
/* CSS Document */
body {
	background:url(images/body_bg.gif) #071c28;
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}
#header {
	width:100%;
	background:url(images/header.jpg) no-repeat;
	height:214px;
}
#head {
	width:800px;
	height:214px;
	margin:auto;
}
#head img {
	float:left;
	margin-top:35px;
	margin-left:5px;
}
#menu {
	float:right;
	text-align:center;
}
#menu a {
	float:right;
	width:97px;
	height:37px;
	margin-top:130px;
	padding-right:5px;
	padding-top:9px;
	font-size:13px;
	text-decoration:none;
	color:#fff;
	font-weight:600;
	background:url(images/menu_li.gif) no-repeat;
}
#menu a:hover {
	background:url(images/menu_li_a.png) no-repeat;
}
#menu a:active {
	background:url(images/menu_li_a.png) no-repeat;
	color:#00CC33;
}
.white {
color:#FFFFFF;
}
#content {
	width:800px;
	margin:auto;
}
#block {
	float:left;
	width:100%;
	margin-top:0px;
	background:#2a2c2e url(images/corner_bottom.png) bottom no-repeat;
	display:block;
	padding-bottom:5px;
	margin-bottom:25px;
}
#work {
	float:left;
	margin-left:5px;
	border:solid 3px #434b4e;
}	
#coment {
	float:right;
	width:340px;
	font-size:12px;
	color:#6d787e;
	padding:10px 15px 0px 0px;
	text-align:left;
}
.title {
	font-size:16px;
	color:#ffffff;
	font-weight:600;
	margin-bottom:5px;
}
#text p {
	float:left;
	width:150px;
}
#title {
	width:100%;
	height:auto;
	text-aling:right;
	padding:0px;
	margin:0px 0px 10px 0px;
	color:#666666;
	font-size:11px;
}
#title a {
	float:left;
	font-size:16px;
	color:#ffffff;
	font-weight:600;
	text-decoration:underline;
}
#title a:hover {
	text-decoration:none;
}
hr {
	width:340px;
	height:2px;
	background:#666666;
	border:none;
}
#block a:hover {
	color:#666666;
	text-decoration:none;
}
#web, #style, #gui, #graph, #video, #media, #do, #publish, #studio{ 
	float:left;
	width:100px;
	height:25px;
	margin:0px 7px 0px 0px;
	line-height:24px;
	text-align:center;
	color:#ffffff;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	background: url(images/corner.gif) left no-repeat;;
}
#video {
	background-color:#df354c;
}
#media {
	background-color:#df354c;
}
#web {
	background-color:#f79700;
}
#gui {
	background-color:#8b1164;
}
#graph {
	background-color:#127594;
}
#style {
	background-color:#4b9b1f;
}
#do	{
	background-color:#df354c;
}
#studio	{
	background-color:#f79700;
}
#publish {
	background-color:#4b9b1f;
}

#more {
	background:#434b4e url(images/more_right.gif) top right no-repeat;
	float:right;
	height:25px; 
}
#more a {
	float:left;
	background:url(images/more_left.gif) top left no-repeat;
	padding:0px 10px 0px 10px; 
	display:block;
	height:25px;
	line-height:24px;
	color:#ffffff;
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
}

#text {
	width:750px;;
	text-align:left;
	font-size:12px;
	color:#6d787e;
	padding:20px;
}
form {
	float:left;
	width:100%;
	color:#999999;
	font-size:13px;
}
#boot {
	color:#a1a5a7;
	font-size:1.333em;
	font-weight:600;
	border:none;
	background:url(images/more_left.gif) top left no-repeat;
	padding:5px 10px 7px 10px; 
	display:block;
	height:25px;
	line-height:15px;cursor:pointer;
}
#boot:hover {
	color:#FFFFFF;
	
}
#input {
	width:315px;
	height:20px;
}
textarea {
	float:right;
	width:336px;
	height:79px;
	margin-bottom:15px;
	overflow:auto;
}
#info {
	float:left;
	width:330px;
	text-align:left;
	margin:15px;
	font-size:12px;
	color:#6d787e;
}
h3 {
	font-size:13px;
	color:#CCCCCC;
	margin-bottom:-2px;
}
#info a {
	font-size:12px;
	color:#6d787e;
}
#info a:hover {
	text-decoration:none;
}
#foot {
	float:left;
	position:relative;
	margin-top:40px;
	width:100%;
	height:365px;
	background:url(images/footer_bg.jpg);
}
#worken {
	width:775px;
	height:360px;
	margin:7px auto 0px auto;
	background: url(images/footer.jpg) center no-repeat; 
}
ul {
	float:left;
	margin-top:0px;
	padding-top:20px;
	text-align:left;
	width:190px;
	list-style:none;
	height:240px;
}
ul h4 {
	float:left;
	color:#FFFFFF;
	font-size:14px;
	line-height:15px;
	font-weight:600;
}
ul li {
	width:190px;
}
ul a {
	float:left;
	clear:both;
	color:#6d787e;
	line-height:1.3em;
	padding-left:10px;
	background:url(images/list_bg.gif) top  left no-repeat;
	text-decoration:none;
	font-size:12px;
	font-weight:normal;
}
ul a:hover {
	text-decoration:underline;
}
#copy {
	clear:both;
	width:100%;
	text-align:center;
	padding-top:30px;
	color:#FFFFFF;
	font-size:11px;
}
#copy a {
	color:#666666;
}
#copy a:hover {
	text-decoration:none;
}
img {
	border:none;
}