@charset "utf-8";
/* CSS Document */

/* 	COMMON	*/

body {
	margin: 0px;
	padding: 0px;
	background: #000; 
	font-family: Verdana, Arial, Helvetica, Tahoma, Sans-serif;
	font-size: 11px;
	color:#FFF;
}

.footer{
	font-size: 10px;
	color:#999;
	padding:0px 20px 0px;
	clear:both;
	border-top: #00aeef 1px solid;
	background:#252525; 
	text-align: right;
	height:14px;
}

a {
	text-decoration:none;
	color:#00aeef;
}

/*	HOME PAGE	*/

body#home{
	background-color:#252525;
}

body#home .footer{
	position:absolute;
	bottom:0px;
	right:0px;
	width:100%;
}

#home_bottom{
	position:absolute;
	width: 100%;
	background: url(images/layout/bg_home.gif) repeat-x;
	bottom: 0px;
	height:200px;
}

#slides{
	float:right;
	width:850px;
	height:566px;
	overflow: hidden;
	border:10px solid #111;
	background-image:url(images/layout/loader.gif);
	background-position:center;
	background-repeat:no-repeat;
}

div#slides div {
	width: 850px;
	height: 566px;
}

#body_wrap{
	position:absolute;
	top:50%;
	left:50%;
	width: 108em; /* 1184px */
	margin-left: -54em; /*set to a negative number 1/2 of your width*/
	height:54em; /* 672 px */
	margin-top: -27em; /*set to a negative number 1/2 of your height*/
 /*	background-color:#06F; remove this later */
}

#hme_sidebar{
	float:left;
	width:290px;
	padding:80px 0px 0px;
	text-align:right;
}

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

#hme_menu ul li {
	margin:20px;
	font-size: 12px;
}

#hme_menu ul li a {
	display: block;
	width:135px;
	height:20px;
	padding:5px 10px 0px 0px;	
	color: #ffffff;
	text-decoration: none;
}

#hme_menu ul li a:hover {
	color: #00aeef;
	background: #000;
	background-image:url(images/layout/button-bg.gif);
	background-repeat:no-repeat;
}

#hme_menu2{
	float:right;
}

#hme_menu2 ul {
	list-style: none;
}

#hme_menu2 ul li {	
	float:left;
	padding: 0px;
	margin:0px 10px 0px;
	font-size: 10px;
	text-align: center;
}

#hme_menu2 ul li a {
	display: block;
	padding: 4px 10px 4px;
	color: #666;
	text-decoration: none;
}

#hme_menu2 ul li a:hover {
	color: #00aeef;
	background: #000;
}

#hme_blog{
	float:right;
}

#hme_blog ul {
	list-style: none;
}

#hme_blog ul li {	
	float:left;
	padding: 0px;
	margin:0px 10px 0px;
	font-size: 14px;
	text-align: center;
}

#hme_blog ul li a {
	display: block;
	color: #00aeef;
	padding: 4px 10px 4px;
	text-decoration: bold;
}

#hme_blog ul li a:hover {
	color: #fff;
	background: #000;
}

/* PORTFOLIO PAGE	*/

div#header {
	position:fixed;
	top:0px;
	left:0px;
	width: 100%;
	height: 80px;
	background: #252525 url(images/layout/bg_top.gif) repeat-x; 
}

div#content {
	width: 100%;
	background:#000;
}


.portfolio{
	margin: 0px;
	padding: 85px 0px 0px 0px;
	background-color:#000;	
}

.portfolio table {
	border-collapse:collapse;
	padding: 0px;
	margin: 0px;
}

.portfolio td {
	padding: 0px;
	border:0px;

	margin: 0px;
}

.portfolio img {
	padding: 10px;
	margin: 0px;
}


#nav{
	position:fixed;
	width: 100%;
	background:#000;
	bottom: 0px;
	
}

div#thmbs{
	float:left;
	margin: 0px;
	padding: 0px;
}

div#scroll{
	float:right;
	margin: 0px;
	padding: 0px;
}



div#logo {
	width: 290px;
	position: absolute;
	top:0px;
	left: 10px;
}
.menu {
	position: absolute;
	right: 0px;
	top: 36px;
	margin: 0px 20px 0px 0px;
}

.menu ul {
	list-style: none;
}

.menu ul li {
	float: left;
	height: 30px;
	margin: 0px 10px 0px;
	padding:0px;
	font-size: 12px;
	text-align: center;
}

.menu ul li a {
	display: block;
	padding: 5px 10px 5px;

	color: #ffffff;
	text-decoration: none;
}

.menu ul li a:hover {
	color: #00aeef;
	background: #000;
}

.menu ul li.linked {
	display: block;
	padding: 5px 10px 3px;
	color: #00aeef;
	background: #000;
}
.menu2 {
	position: absolute;
	right: 0px;
	top: 8px;
	margin: 0px 20px 0px 0px;
}

.menu2 ul {
	list-style: none;
}

.menu2 ul li {
	float: left;
	padding: 0px;
	margin:0px 10px 0px;
	font-size: 10px;
	text-align: center;
}

.menu2 ul li a {
	display: block;
	padding: 4px 6px 4px 18px;
	color: #666;
	text-decoration: none;
}

.menu2 ul li a:hover {
	color: #00aeef;
	background: #000;
	background-image:url(images/layout/menu2bg.gif);
	background-repeat:no-repeat;
}

.menu2 ul li.linked {
	display: block;
	padding: 4px 6px 4px 18px;
	color: #00aeef;
	background: #000;
	background-image:url(images/layout/menu2bg.gif);
	background-repeat:no-repeat;
}

#btn {
	list-style: none;
	color: #ffffff;
	padding: 0px 10px 0px;
	margin:0px;
	text-align: center;
}

#btn li {
	float: left;

	background-color: #333;
	border:solid 1px #999;
	margin: 5px;
}

#btn li a{
	display: block;
	width:20px;
	height:15px;
	color: #ffffff;
	text-decoration: none;
}

#btn li a:hover {
	background-color: #00aeef;
}

#scrollbtn {
	list-style: none;
	padding: 0px 10px 0px;
	margin:0px;
}

#scrollbtn li {
	float:left;
	margin:5px;
}

a img , a:visited img {
	border: 0px;
}

/*************** ABOUT PAGE ******************/
div#about{
	margin: 0px;
	padding: 95px 0px 0px 20px;
}

div#para1{
	width:300px;
	float:left;
	margin:5px 30px 0px 20px;
}

div#para2{
	width:300px;
	float:left;
	margin:5px 30px 0px 30px;
}

div#para3{
	margin:5px 0px 0px 30px;
	float:left;
}

div#content p{
	line-height:160%;

}

/*************** TOOL TIP MOOTOOLS ******************/


.TipImages .tip {
	color: #fff;
	width: 254px;
	z-index: 13000;
}
 
.TipImages .tip-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #00aeef;
	padding: 6px 0px 4px 24px;
	background: url(images/layout/backTooltip.gif) top left;

}
 
.TipImages .tip-text {
	font-size: 11px;
	padding: 0px 0px 10px 24px;
	background: url(images/layout/backTooltip.gif) bottom right;
}
 

.TipNav .tip {
	color: #fff;
	width: 90px;
	height:103px;
	z-index: 13000;
}
 
.TipNav .tip-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #00aeef;
	padding: 5px 5px 18px 5px;
	background: url(images/layout/bgthmb.png) top left;

}
 
.Tipnav .tip-text {
	font-size: 1px;
	padding: 0px;
}