/*
colors:
light green: color:#b9ff01;
*/

/* @group Shortcuts */
.fl{float:left;}
.fr{float:right;}
.clr{clear:both;}
.clrl{clear:left;}
.clrr{clear:right;}
.di{display:inline;}
.db{display:block;}
.dn{display:none;}
.pa{position:absolute;}
.pr{position:relative;}
strong{font-weight:bold}
em{font-style:italic;}
.bn{border:none;}
.mt{margin-top:10px;}
.mb{margin-bottom:10px;}
.tc{text-align:center;}
.gr{color:#B9FF01;font-weight:bold;}
/* @end */

*{
margin:0;
padding:0;
}

a{
color:#8B8DF5;
}

img{
border:none;
}

body{
background: url(../img/bg.png) #000000;
background-color:#000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color:#FFFFFF;
background-repeat: no-repeat;
background-position:-175px 0px;
}

#top_bar{
width:100%;
min-width:980px;
background:url(../img/top_bar.png) repeat-x;
width:100%;
height: 44px;
}

.sign_up_message{
position:absolute;
left:159px;
padding-top:26px;
font-size:11px;
text-align:right;
width:400px;
height:13px;
color:#FF2F2F;
}

.error-message{
	padding-left:35px;
	padding-bottom:1px;
	color:#FF2F2F;
	display:block;
}

.email-message{
	padding-bottom:1px;
	color:#FF2F2F;
}

.success-message{
	padding-bottom:1px;
	color:#8B8DF5;
	margin-left:35px;
}

#more_options{
	margin-left:35px;
	display:none;
}

#options{
	display:block;
	margin-left:10px;
	float:left;
	margin-top:5px;
}

#top_news{
	display:block;
}

#top_news h2{
float:right;
margin-right:170px;
margin-top:16px;
font-size:12px;
}

#top_news h2 span{
color:#B9FF01;	
}

#top_bar p span{
	font-size:10px;
	color:#CCCCCC;
	float:right;
}

#top_bar p.deals{
	padding-top:11px;
	font-size:12px;
	color: #FFFFFF;
}

#top_bar input.input{
	margin-top:10px;
	margin-left:10px;
}

#top_bar input#submit{
	margin-top:8px;
	margin-left:10px;
}

#wrapper{
width: 980px;
min-height:500px;
margin: 0 auto;
margin-bottom:150px;
display:block;
}

#logo{
width:298px;
height:69px;
background:url(../img/logo.png) no-repeat;
text-indent:-10000px;
margin-left:60px;
margin-top:11px;
float:left;
}

#nav ul{
list-style-type:none;
margin-left:405px;
margin-top:15px;
display:block;
float:left;
}

#nav li{
font-size:24px;
color:#FFFFFF;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#nav a{
text-decoration:none;
color:#FFFFFF;
}

#nav a:hover{
	color:#7F83FF;
}

#work_panel{
background:url(../img/work_panel.png) no-repeat;
margin: 0 auto;
width:970px;
height:383px;
margin-left: 10px;
}

#work_inner_panel{
background:url(../img/work_inner_panel.png) no-repeat;
width:926px;
height:349px;
margin-left: 22px;
margin-top:18px;
float:left;
}

#folio_info{
width:904px;
height:23px;
background:url(../img/folio_info.png) no-repeat;
position: absolute;
top:148px;
margin-left:6px;
padding-top:10px;
padding-left:10px;
}

#client{float:left;}
#job{padding-left:10px;float:left;}
#click_any{padding-left:10px;color:#B9FF01;}
#job_switch{display:block;position:absolute;top:7px;left:795px;}

#job_switch a{
margin-left:1px;
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
width:15px;
height:17px;
display:block;
float:left;
padding-left:6px;
padding-top:4px;
background:url(../img/job_selector_not_selected.png) no-repeat;
}

#job_switch .selected{background:url(../img/job_selector.png) no-repeat;color:#000000;}
#job_switch .selected:hover{cursor:default;color:#000000;}
#job_switch a:hover{color:#5e63ec;}
#job_switch a:focus{outline:none;}

#arrow_panel{
float:left;
background:url(../img/arrow_panel.png) no-repeat;
width:645px;
height:278px;
margin-left:10px;
}

#arrow_panel h2{
text-indent: -10000px;
width:450px;
height:32px;
background:url(../img/i_practice_fengshui.png) no-repeat;
margin-top:35px;
margin-left:40px;
}

#arrow_panel p{
width:560px;
font-size:12px;
margin-left:40px;
margin-top:5px;
line-height:16px;
color:#FFF;
}

#hire_me_panel{
width:323px;
height:278px;
background:url(../img/hire_me_panel.png) no-repeat;
float:left;
}

#hire_me_panel h2{
margin-top:35px;
margin-left:35px;
width:97px;
height:30px;
background:url(../img/hire_me.png) no-repeat;
text-indent:-10000px;
}

#hire_me_panel form{
margin-left:35px;
margin-top:5px;
}

#hire_me_panel p{
margin-bottom:5px;
}

#hire_me_panel label{
width:45px;
display: block;
float: left;
}

input.input{
background-color:#000000;
border: 1px solid #333333;
color: #999999;
padding:3px;
width:180px;
}

input.input:hover{
background-color: #111111;
}

#hire_me_panel textarea:hover{
background-color: #111111;
}

#hire_me_panel textarea{
margin-top:4px;
background-color:#000000;
border: 1px solid #333333;
color: #999999;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
width:247px;
}

#hire_me_panel #submit{
width:71px;
height:27px;
}

#services_panel{
width:970px;
height:269px;
background:url(../img/services_panel.png) no-repeat;
margin-left:10px;
padding-left:10px;
}

#teaching{
width:322px;
float:left;
margin-left:40px;
margin-top:35px;
}

#teaching h2{
width:114px;
height:34px;
text-indent:-10000px;
background:url(../img/teaching.png) no-repeat;
}

#teaching p{
margin-top:5px;
font-size:12px;
line-height:16px;
}

#services{
width:275px;
float:left;
margin-left:10px;
margin-top:35px;
}

#services h2{
text-indent:-10000px;
height:34px;
width:109px;
background:url(../img/services.png) no-repeat;
}

#services ul{
margin-top:5px;
margin-left:25px;
font-size:11px;
list-style-image:url(../img/list_item_arrow.png);
}

#services li{
margin-bottom: 5px;
color:#BEC4F8;
}

#skill_set{
width:275px;
float:left;
margin-left:5px;
margin-top:31px;
}

#skill_set h2{
text-indent:-10000px;
height:40px;
width:107px;
background:url(../img/hosting.png) no-repeat;
}

#skill_set p{
margin-top:3px;
font-size:12px;
line-height:16px;
}

/* Easy Slider */

#slider ul, #slider li{
margin:0;
padding:0;
list-style:none;
}
#slider, #slider li{ 
/* 
define width and height of container element and list item (slide)
list items must be the same size as the slider area
*/ 
width:913px;
height:337px;
overflow:hidden;
}

#slider{
margin-top:6px;
margin-left:6px;
}					

/* // Easy Slider */