@charset "UTF-8";


/* index page */
#index_content_wrap{ float: right; width:666px; height:542px; background: url(../images/contentBg.jpg) no-repeat;}
#index_content_wrap h1{ text-indent: -9999px; background: url(../images/hd_Welcome.png) no-repeat; height: 110px;}
#index_content_wrap p{ text-align: justify; text-indent: 1em;}


/* about page */
#about_content_wrap{ float: right; width:666px; height:542px; background: url(../images/contentBg.jpg) no-repeat;}
#about_wrap h1{ text-indent: -9999px; background: url(../images/hd_aboutMe.png) no-repeat; height: 110px;}
#about_wrap p{ text-align: justify; text-indent: 1em;}


/* contact page */
#contact_content_wrap{ float: right; width:666px; height:542px; background: url(../images/contentBg.jpg) no-repeat;}
#contact_wrap h1{ text-indent: -9999px; background: url(../images/hd_contactMe.png) no-repeat; height: 110px;}
#contact_wrap address{ font-weight: bold; color: #996600;}



/* skills page */
#skills_content_wrap{ float: right; width:666px; height:542px; background: url(../images/content_skillsBg.jpg) no-repeat;}
#skills_wrap h1{ text-indent: -9999px; background: url(../images/hd_skills.png) no-repeat; height: 110px;}

#prev_projects{ position: absolute; top: 225px; left: 20px;}
#prev_projects a img{ border: 0;}

#skills_wrap ul{ margin-left: 50px; font-size: 1.1em;}
#skills_wrap li{ margin-bottom: 10px;}


/* ------------------------   slider -------------------------------  */
#slider ul, #slider li{margin:0;padding:0;list-style:none;}
#slider, #slider li{width: 450px;height:250px;overflow:hidden;}
			
#slider li a{ text-decoration: underline;}	

/*  ******** services page slider  ****************  */
#slider_services ul, #slider_services li{margin:0;padding:0;list-style:none;}
#slider_services, #slider_services li{width: 450px;height:315px;overflow:hidden;}
			
#slider li a{ text-decoration: underline;}



span#prevBtn{ margin-left: 200px; text-decoration: blink; font-weight: bold;}
span#nextBtn{ text-decoration: blink; font-weight: bold;}



/* portfolio page */
#portfolio_content_wrap{ float: right; width:666px; height:542px; background: url(../images/contentBg.jpg) no-repeat;}
#portfolio_wrap h1{ text-indent: -9999px; background: url(../images/hd_portfolio.png) no-repeat; height: 110px;}

.project_wrap{}
.project_thum{ float: left; width: 100px; margin-left: 10px;}
.project_details{ float: right; width: 320px; padding: 0px; margin-top: 15px;}

.project_details h2{ margin: 0px; width: 95%; margin-bottom: 5px; border-bottom: 2px solid #000;}
.project_details p{ margin: 0px;}
.project_desc_text{ text-align: justify; font-style: italic; padding: 0 10px; text-indent: 1em;}
.project_link{ text-align: right;}
br.clear{ clear: both;}



/* services page */
#services_content_wrap{ float: right; width:666px; height:542px; background: url(../images/contentBg.jpg) no-repeat;}
#services_wrap h1{ text-indent: -9999px; background: url(../images/hd_services.png) no-repeat; height: 110px;}

.service_thum{ float: left; width: 125px; }
.service_desc_text{ text-align: justify; font-style: italic; padding: 0 10px; text-indent: 1em;}
.hesitate{ text-align: right;}

.psd_xhtml_service_details{ float: right; width: 320px; padding: 0px;}
.psd_xhtml_service_details h2{ text-indent: -9999px; margin-bottom: 3px; height: 35px; margin-top: 0px; background: url(../images/psd_to_xhtml_hd.png) no-repeat;}
.psd_xhtml_service_points{ margin: 0px 0px 0px 45px;}
.psd_xhtml_service_points span{ padding-left: 17px; font-weight: bold; font-style: italic; background: url(../images/checkIcon.png) no-repeat;}

.web_dd_service_details{ float: right; width: 320px; padding: 0px;}
.web_dd_service_details h2{ text-indent: -9999px; margin-bottom: 3px; height: 35px; margin-top: 0px; background: url(../images/web_d&d_service_hd.png) no-repeat;}
.web_dd_service_points{ margin: 0px 0px 0px 45px;}
.web_dd_service_points span{ padding-left: 17px; font-weight: bold; font-style: italic; background: url(../images/checkIcon_red.png) no-repeat;}

.training_service_details{ float: right; width: 320px; padding: 0px;}
.training_service_details h2{ text-indent: -9999px; margin-bottom: 3px; height: 35px; margin-top: 0px; background: url(../images/it_training_service_hd.png) no-repeat;}
.training_service_points{ margin: 0px 0px 0px 45px;}
.training_service_points span{ padding-left: 17px; font-weight: bold; font-style: italic; background: url(../images/checkIcon_green.png) no-repeat;}


/* a true slacker page */
#slacker_content_wrap{float: right; width:666px; height:542px; background: url(../images/slacker/content_slackerBg.jpg) no-repeat;}
#slacker_game{ position: absolute; top: 90px; left: 60px;}
#slacker_left{position:absolute; top:151px; left:0px; width:179px; height:649px; background: url(../images/slacker/leftSide_slacker.jpg) no-repeat;}
#slacker_right{position:absolute; top:151px; left:845px; width:135px; height:649px; background: url(../images/slacker/rigtSide_slacker.jpg) no-repeat;}
#exit_game{ width: 50px; height: 350px; margin-top: 105px; margin-left: 15px; text-indent: -9999px;}
#exit_game a{ display: block; width: 50px; height: 350px;}