body	
{margin: 0 auto; padding: 0; font-family: Georgia, Arial, Tahoma, Verdana, sans-serif; 
 background-image: url(../images/bg.png); background-repeat: repeat-x; font-size: 1em;}

#wrapper
{width: 960px; margin: 0 auto;}

#logo
{float: left; width: 960px; color: #ffeeee; font-size: 1.1em; margin-top: -.8em;}

#confirmation
{float: right; width: 730px; font-size: 1em; margin-top: -4.2em; color: #ffff1b; font-family: arial; font-weight: bold;}


/* -----------Main navigation style------------*/


#nav_container
{margin: 0 auto; width: 960px;}

#nav_bar ul
{float: right; width: 460px; height: 42px; margin: 0 auto; margin-top: -5.4em; margin-right: -1.6em; padding: 19px;
 list-style-type: none; background-image: url(../images/menu_bg.png); background-repeat: no-repeat;}
					 
#nav_bar ul li
{display: inline;}		

#nav_bar ul li a
{text-decoration: none; font-weight: bold; line-height: 42px; padding: 2em; color: #fff;
 border-left: 1px solid #ccc; border-right: 1px solid #ccc;}	


#nav_bar ul li a:hover
{color: #000; background-image: url(../images/grad.png); background-repeat: repeat-x;}



/* -----------End main navigation------------*/


h2
{font-size: 2em; font-weight: bold; color: #666666;}

.i
{color: #fff;}


/* -----------Main page text content------------*/


#content_main
{width: 960px; margin: 0 auto; font-family: arial; font-size: 1.4em; font-weight: bold; padding-top: 17em;
 padding-bottom: 1em;}


/* -----------Span style------------*/


.a
{color: #aaa; font-weight: bold;}	


/* -----------Navigation Localscroll------------*/


#section1
{text-indent: -9999px; list-style-type: none; margin-top: -2.5em;}

#section2
{text-indent: -9999px; list-style-type: none; margin-bottom: -2.5em;}

#section3
{text-indent: -9999px; list-style-type: none; margin-top: -2em;}


ul li
{list-style-type: none;}


/* -----------Start of left column------------*/


#content_mid
{width: 960px; margin: 0 auto; background-image: url(../images/decoration_top.gif); background-repeat: no-repeat; height: 77px;}

#left_column
{float: left; padding-top: 1em; padding-bottom: 16px; list-style-type: none;}


/* -----------Contact form and Submit------------*/


form fieldset
{background: url(../images/form_bg.png); background-repeat: no-repeat; float: left; width: 581px; margin-top: .5em;
 padding-top: .7em; padding-bottom: 2em; border: none;}
 
form p
{height: 5%;}

form p:after
{display: block; clear: both; height: 0;}

form p label
{font-size: 1.1em; color: #ccc; float: left; display: block; width: 25%; margin-right: 1em; padding-left: 1em;
 font-weight: bold;}

form p input
{font-size: .9em; font-weight: bold; font-family: arial; width: 336px; height: 17px; padding: .7em; border: none;}

form button
{border: 0; margin-top: 8px; cursor: pointer; background: url(../images/submit_button.png); background-repeat: no-repeat;
 font-size: 1em; width: 100px; height: 45px; margin-left: 21.5%; color: #000; font-weight: bold;}
	
textarea
{border: none; padding-top: .3em; padding-left: .6em; font-family: arial; font-size: .9em; font-weight: bold;}


/* -----------End of contact form and Submit------------*/


/* -----------Start of right column------------*/


#right_column
{float: right; width: 318px; margin-top: 6.7em; padding-bottom: 16px;}


/* -----------Right column content------------*/


#skill
{background-image: url(../images/shadow_bg.png); background-repeat: no-repeat; width: 320px; height: 189px;
 padding-top: .6em; padding-bottom: 11px;}

.r
{float: right; width: 260px; color: #ccc; font-weight: bold; text-indent: 5px;}

.r ul li
{float: right; width: 259px;}

#additional_info
{background-image: url(../images/shadow_bg_large.png); background-repeat: no-repeat; width: 320px; height: 254px;
 padding-top: 1em; margin-bottom: 4em;}

.s
{float: right; width: 260px; padding-top: 2em;}


/* -----------End of right column content------------*/


/* -----------Start of about me------------*/


#mid_content
{margin: 0 auto; width: 960px;}



#about_information
{font-size: 1.2em; font-family: arial; padding-bottom: 20px; border-bottom: 2px dashed #aaa;}



/* ----------Sub content portfolio section----------*/



#sub_content
{width: 960px; margin: 0 auto; padding: 0;}

.left_column
{float: left; width: 600px; font-family: arial;}

.b
{margin-bottom: 1em;}

.c
{margin-bottom: 1em;}

.d
{margin-bottom: 4em;}

.imgborder
{border: 6px solid #000;}

.right_column
{float: right; width: 318px; padding-top: 5.8em; font-family: arial;}

.r_2
{padding-top: .5em; padding-bottom: .9em;}


#link
{margin: 0 auto; float: right; width: 280px; margin-top: 1em; margin-right: 1em;}


.r_4
{font-weight: bold; font-size: 2em;}

a:link, a:visited
{text-decoration: underline;  color: #666666;}

a:hover
{color: #000;}


/*------------Footer information--------------*/



#footer
{background-image: url(../images/footer_bg.png); background-repeat: repeat-x; height: 300px; clear: both; margin: 0 auto;}

.footer_content_l
{width: 460px; margin: 0 auto; padding-top: 15em; font-family: verdana; color: #f0f0f0; font-size: .8em;}


.color
{background-color: #666666; padding-left: 2px; padding-right: 2px; color: #fff;}

a:hover
{color: #000;}