body {background-color: #edf4f2; background: #fff url(images/city.jpg) top left repeat fixed; font: 20px "Open Sans Condensed", sans-serif; color: #2E2E2E;}

/*****************************
****** Navigation Style ******
*****************************/

#navbar_w{position:fixed; width:100%; background-color: black; border-bottom:groove #B2B2B2 2px; z-index: 1; }
#navbar_m{width:800px; text-align: center; margin: 0px auto;}
#navbar_m ul{list-style: none; margin:0px; padding: 0px;}
#navbar_m li{display: inline-block; -webkit-transition: all 0.7s ease-in-out;
  																															-moz-transition: all 0.7s ease-in-out;
  																															-ms-transition: all 0.7s ease-in-out;
  																															-o-transition: all 0.7s ease-in-out;
 																															 transition: all 0.7s ease-in-out;}
#navbar_m ul li a {display: block; padding: 10px 25px; color: #fff; text-transform: uppercase; font-size: 18px; text-decoration: none;}
#navbar_m li:hover {background-color: #666666;}
#navbar_m li.home_icon {height: 29px; width: 100px;}
#navbar_m li.home_icon:hover {background-color: black;}

/******************************
***** Main Section Styles *****
******************************/

#main_w {width: 900px; margin: 0px auto;  color:#1D1D1D; background: rgba(255, 255, 255, 0.9); -moz-box-shadow: 0 0 25px 5px black; 
							-webkit-box-shadow: 0 0 25 5px black; box-shadow: 0 0 25px 5px black;}
							
/*opacity:0.9; filter:alpha(opacity=90); 	-webkit-opacity: 0.9; 
								-moz-opacity: 0.9;*/

#home, #portfolio, #about, #services, #contact {padding: 40px 80px 40px 80px;}			
#home, #portfolio, #about, #services {margin-bottom: 500px;}
#home {padding-top:150px; line-height: 1.7; text-align: center; }
#logo {width: 900px; height: 200px; background: url(images/logo.png); margin-left: -90px;}
.name {font-size: 60px; padding-top: 10px; text-shadow: #FFF 0 1px 0}
.sub_head {font-size: 30px;}
.contact_link {font-size: 20px;}
.sec_head {font-size: 30px; margin-bottom: 10px; border-bottom: solid grey 1px; border-top: solid grey 1px; }
p {font-size: 18px; }


/**********************
**** About Section ****
**********************/

#about p {margin: 20px 20px 0px 20px;}
#cv {height:150px; width:280px; margin: 0px auto;}
.cv_section {float: left; margin: 20px;}

/***********************
**** Skills Section ****
***********************/

#services{height: 550px;}
.skills_list {font-size: 15px; width: 300px; float: left; margin-left: -20px;}
.bold {font-weight: bold;}
.skills_image {float: left; margin: 20px 0 0 20px;}

/**************************
**** Portfolio Section ****
**************************/

.example {margin: 20px 0 100px 0; height:350px; padding:20px; }
.port_text {float: left; width: 250px; margin: 0 0 0 0; }
.port_text li {font-size: 18px; }
.port_text ul {margin:0px;}
.port_img {float: left; width: 400px; margin: 0 0 0 50px;}
.port_head {margin: 10px 0px 10px 0px; border-bottom: solid grey 1px; font-weight: bold;font-size: 17px;}
.work_name {border-bottom: solid grey 1px; font-size: 25px; font-weight: bold;  margin-bottom: 20px; text-align: center;}


/*********************
**** Contact Form ****
*********************/

#contact{height:540px;}
#contact_form {width:320px; float: left; margin-top: 30px;}
#contact_right {float:left; width: 320px; margin: 55px 0 0 80px; }

label {display: block;}
input, textarea { border: 1px solid #999; width: 300px; padding: 3px; font: 20px "Open Sans Condensed", sans-serif; }
input[type="submit"]{width:308px;}

#contact-us { padding-left: 10px; width: 300px;}
#contact-us textarea { height: 100px; }
#contact-us-message { display: none;}

.input-box { margin-bottom: 5px;}
.submit {width:308px; cursor: pointer;}

/*************************
***** Social Sprites *****
*************************/

#spriteimage{position:relative; }
#spriteimage li{margin:0;padding:0;list-style:none;position:absolute;top:0;}
#spriteimage li, #spriteimage a{height:50px;display:block;}

#facebook{left:0px;width:50px;}
#facebook{background:url('images/social.png') 0 0;}
#facebook a:hover{background: url('images/social.png') no-repeat 0 -55px;}

#google{left:55px;width:50px;}
#google{background:url('images/social.png') -53px 0;}
#google a:hover{background: url('images/social.png') no-repeat -53px -55px;}

#linkdn {left:110px;width:50px;}
#linkdn {background:url('images/social.png') -106px 0;}
#linkdn a:hover{background: url('images/social.png') no-repeat -106px -55px;}

#stumble {left:165px;width:50px;}
#stumble {background:url('images/social.png') -159px 0;}
#stumble a:hover{background: url('images/social.png') no-repeat -159px -55px;}

/*********************
**** Footer Style ****
*********************/

#footer {height:30px; background-color: black; bottom: 0; border-top:solid #B2B2B2 1px; color: white; padding:10px 20px 10px 20px;}
#footer p {font-size:13px;}
#footer p a {color: white;}
.copyright {float: left; width: 430px;}
.validate {float: left; text-align: right; width:430px;}




#response { margin-bottom: 20px;text-align: center;}
#response .success { color: #08a300; }
#response .failure { color: #dc0000;}

.error[generated=true] { color: #dc0000; font-size: 16px; padding: 5px 0 2px 5px; position: absolute; margin:-2px 0 0 172px;}