BODY {
	margin: 0;
	padding: 0;
	color: #777;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#page {
	margin: auto;
	padding-top: 80px;
}
.relax {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}
/*  w3Blender Navbar  */
#w3-navbar, #w3-content {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 777;
}
#w3-navbar, #w3-content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#w3-navbar {
	width: 100%;
	height: 40px;
	float: left;
	background: #1c1c1c url("../images/w3-navbar/bg/navbar-bg.gif") repeat-x left top;
	cursor: pointer;
}
#w3-navbar #w3-logo {
	float: left;
	text-indent: -500em;
	width: 320px;
	height: 27px;
	margin-top: 7px;
	margin-left: 9px;
	display: inline;
	background: url("../images/w3-navbar/logo.gif") no-repeat left top;
}
#w3-navbar #w3-links {
	float: right;
	display: inline;
	margin-right: 20px;
}
#w3-navbar #w3-links A {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px dotted #fff;
	display: block;
	margin-top: 10px;
}
#w3-navbar #w3-links A:HOVER {
	color: #FDA92A;
	border-bottom: 1px dotted #FDA92A;
}
#w3-content {
	height: 0px;
	overflow: hidden;
	background: url("../images/w3-navbar/bg/w3-content-bg.png") repeat-x left top;
	float: left;
	width: 100%;
	top: 40px;
	border-top: 1px solid #414141;
	display: none;
	text-align: left;
}
#w3-content.loading { background: #000000 url("../images/w3-navbar/loader.gif") no-repeat center center; }
#w3-content p{color:#666;}
.w3-sublinks {
	float: right;
	right: 20px;
	bottom: 20px;
	position: absolute;
}
.w3-sublinks A {
	color: #FEBF24;
	font-size: 15px;
    text-decoration:underline;
}
.w3-sublinks A:HOVER { text-decoration: none; }
.w3c-about {
    width: 38%;
	float: right;
    padding: 15px 30px 25px 5px;
}
.w3c-column {
	width: 50%;
	float: left;
	display: inline;
    padding: 25px 40px 25px 35px;	
    border-right:1px solid #151515;
	text-align: left;
}
.w3c-column A IMG {
	border: none;
}
.w3c-about H2{
    background:#fdac29 url("../images/w3-navbar/bg/title-bg.gif") repeat-x left top;
    float:left;
    margin:0 0 20px;
    padding:7px 5px 7px;
    -moz-border-radius:5px;  
    -webkit-border-radius:5px;     
    border-radius:5px;
}
.w3c-about P{line-height:135%; margin:0 0 10px;}
.w3c-about A{color:#FDA92A; text-decoration:underline;}
.w3c-about A:HOVER{text-decoration:none;}
.w3c-column H2 {
	color: #FFFFFF;    
	font-size: 33px;
    margin: 0 0 30px;
	font-weight: normal;
}
UL.w3-projects {
	list-style: none;
	width: 100%;
	font-size: 11px;
	color: #666;
    margin-bottom:5px;
}
UL.w3-projects.active{
    background:url("../images/w3-navbar/bg/w3-ul-bg.png") repeat-y left top;
    -moz-border-radius:0 5px 5px 0;  
    -webkit-border-radius:0 5px 5px 0;     
    border-radius:0 5px 5px 0;
}
UL.w3-projects.active LI.cats{display:block;}
UL.w3-projects LI.cats{
    float:right;
    display:none;
    height:100%;
    margin-left:-100px;
    position:relative;
    width:100px;
    text-align:center;   
    -moz-border-radius:0 5px 5px 0;  
    -webkit-border-radius:0 5px 5px 0;     
    border-radius:0 5px 5px 0;
}
UL.w3-projects.develop{height:158px;}
UL.w3-projects.design{height:237px;}
UL.w3-projects.host{height:79px;}
UL.w3-projects.promote{height:78px;}
UL.w3-projects.develop LI.cats{background:#fda828 url("../images/w3-navbar/bg/develop.gif") repeat-x left top}
UL.w3-projects.design LI.cats{background:#7a2020 url("../images/w3-navbar/bg/design.gif") repeat-x left top}
UL.w3-projects.host LI.cats{background:#77b832 url("../images/w3-navbar/bg/host.gif") repeat-x left top}
UL.w3-projects.promote LI.cats{background:#1e78aa url("../images/w3-navbar/bg/promote.gif") repeat-x left top}
UL.w3-projects LI.cats H3{font-size:21px; color:#fff; margin:0; padding-top:21px; font-weight:normal;}
UL.w3-projects LI {
	padding: 0px 10px;
	width: 95%;
	border-bottom: 1px solid #171717;
}
UL.w3-projects LI.last { border-bottom: none; }
UL.w3-projects, UL.w3-projects LI { margin: 0; padding: 0; }
UL.w3-projects, UL.w3-projects LI, 
UL.w3-projects P.desc, UL.w3-projects P.icon { float: left; }
UL.w3-projects P.icon { width: 200px; }
UL.w3-projects P.desc {padding:25px 0 25px; margin:0;}
UL.w3-projects P.desc A SPAN {color:#333;}
UL.w3-projects P.desc A {
	color: #666;
	text-decoration: none;
    position:relative;
}

UL.w3-projects P.desc A:HOVER  SPAN{text-decoration:underline; color: #FDA92A;}
UL.w3-projects.design P.desc A:HOVER  SPAN{text-decoration:underline; color: #C14A4A;}
UL.w3-projects.host P.desc A:HOVER  SPAN{text-decoration:underline; color: #77b832;}
UL.w3-projects.promote P.desc A:HOVER  SPAN{text-decoration:underline; color: #1e78aa;}