body
{
	background-color: #e4e4c2;
}

#wrapper 
{
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 994px;
	background-color: #e4e4c2;
}

#header 
{
	margin: 0 0 0 0;
	height: 189px;
	background-image:url(../images/Header.png);
}

#menu
{
	position: relative;
	width: 315px;
	height: 35px;
	left: 503px;
	top: 138px;
}

#side-a 
{
	float: left;
	width: 233px;
	height: 760px;
	background-image:url(../images/left.png);
	background-position: right;
	background-repeat: no-repeat;
}

#side-b 
{
	float: right;
	width: 175px;
	height: 760px;
	background-image:url(../images/right.png);
	background-position: left;
	background-repeat: no-repeat;
}

#content 
{ 
	float: left;
	width: 586px;
	height: 760px;
	background-image:url(../images/body.png);
	background-repeat: repeat-y;
	color: #545452;
	font-family: 'Courier New', Courier;
	font-weight: 500;
	overflow: hidden;
}

#content_head
{
	float: left;
	width: 253px;
	height: 338px;
	background-image:url(../images/fight.png);
} 

#content_top
{
	position: relative;
	right: 20px;
	float: right;
	width: 293px;
	
}

#content_top h1
{
	margin: 60px 0 25px 0;
	padding: 0 0 0 0;
}

#content_top p
{
	font-size: .78em;
	line-height: 1.1em;
	text-align: justify;
	padding-bottom:15px;
	margin-bottom: 0px;
}

#content_left
{
	position: relative;
	left: 40px;
	float: left;
	width: 200px;
	height: 338px;
}

#content_left h1
{
	margin: 20px 0 3px 0;
	padding: 0 0 0 0;
}

#content_left ul
{
	list-style-position: inside;
	margin-left: 20px;
	list-style: none;
}

#content_left li
{
	font-size: .78em;
	line-height: 1.1em;
	font-style:normal;
}

#content_left a
{
	color: #414243;
	font-family: "Courier New", Courier;
	text-decoration: none;
}

#content_left a:hover
{
	color: #910a0a;
	font-family: "Courier New", Courier;
}

#content_right
{
	position: relative;
	right: 20px;
	float: right;
	width: 293px;	
}

#content_right h1
{
	margin: 60px 0 25px 0;
	padding: 0 0 0 0;
}

#content_right h2
{
	margin: 0px 0 0px 0;
	padding: 0 0 0 0;
}

#content_right p
{
	font-size: .78em;
	line-height: 1.1em;
	text-align: justify;
	padding-bottom:15px;
}

#content_right a
{
	color: #414243;
	font-family: "Courier New", Courier;
	text-decoration: none;
}

#content_right a:hover
{
	color: #910a0a;
	font-family: "Courier New", Courier;
}

#footer 
{
	clear: both;
	background-image:url(../images/footer.png);
	height: 220px;
	overflow:auto;
}

/*
* Misc Classes for clear control and other small tasks
*
*/
.clear_left
{
	clear: left;
}

.clear_right
{
	clear: right;	
}

.clear
{
	clear: both;	
}

.indent
{
	margin-left: 28px;
	margin-top: 3px;
}

.float_left
{
	float: left;	
}

ul.pager li 
{
	list-style: none;
	float: left;
	padding-right: 7px;
}

ul.pager img
{
	border: none;
}

.like
{
	position: relative;
	left: 0px;
	float: right;
	height: 0px;
	width: 70px;
	margin-top: 5px;
}

a:focus {outline: none}

/*
* Contact Form Styles go here
* *************************************************
* *************************************************
*/

fieldset 
{  
	margin: 0 0 0 0;  
	padding: 0;  
	border-style: none;
}  

label 
{
	text-align: right;
	display: block;  
	color: #414243;
	font-family: "Courier New", Courier;
	font-size: .78em;
	font-weight: 500;
}

input
{
	float: right;
	margin-bottom: 5px;
	color: #414243;
	font-family: "Courier New", Courier;
	font-size: .78em;
	font-weight: 500;
	text-align: left;
}

textarea
{
	float: right;
	margin-bottom: 3px;
	color: #414243;
	font-family: "Courier New", Courier;
	font-size: .78em;
	font-weight: 500;
	overflow: hidden;
}

.button
{
	margin-top: 5px;
	width: 50px;
	text-align: center;
}

#note
{
	margin-top: 10px;
	color: #414243;
	font-family: "Courier New", Courier;
	font-size: .78em;
	font-weight: 500;
	text-align: right;
}

/*
* Header Image replacements for all pages start here
* *************************************************
* *************************************************
*/

/* Home Header Image Replacements */
h1.content_top_home
{
	float: right;
	width: 152px; height: 17px;
	background:url('../images/what_this_is_about.png') no-repeat;
	text-indent: -9999px;
}

h1.content_right_home
{
	float: right;
	width: 149px; height: 17px;
	background:url('../images/service_provide.png') no-repeat;
	text-indent: -9999px;
}

h2.content_right_1
{
	float: left;
	width: 117px; height: 17px;
	background:url('../images/web_design.png') no-repeat;
	text-indent: -9999px;
}

h2.content_right_2
{
	float: left;
	width: 149px; height: 17px;
	background:url('../images/web_prog.png') no-repeat;
	text-indent: -9999px;
}

h2.content_right_3
{
	float: left;
	width: 149px; height: 17px;
	background:url('../images/graphic_design.png') no-repeat;
	text-indent: -9999px;
}

/* About Header Image Replacements */
h1.content_top_about
{
	float: right;
	width: 113px; height: 17px;
	background:url('../images/personal_bio.png') no-repeat;
	text-indent: -9999px;
}

h1.content_right_about
{
	float: right;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 142px; height: 17px;
	background:url('../images/professional_bio.png') no-repeat;
	text-indent: -9999px;
}

h1.content_left_about
{
	float: left;
	width: 98px; height: 17px;
	background:url('../images/my_skills.png') no-repeat;
	text-indent: -9999px;
}

/* Contact Header Image Replacements */
h1.content_top_contact
{
	float: right;
	width: 128px; height: 17px;
	background:url('../images/communication.png') no-repeat;
	text-indent: -9999px;
}

h1.content_right_contact
{
	float: right;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 167px; height: 17px;
	background:url('../images/communication_form.png') no-repeat;
	text-indent: -9999px;
}

/* Design Header Image Replacements */
h1.content_top_design
{
	float: right;
	width: 175px; height: 17px;
	background:url('../images/synth_of_work.png') no-repeat;
	text-indent: -9999px;
}

h1.content_right_design
{
	float: right;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 188px; height: 17px;
	background:url('../images/port_and_projects.png') no-repeat;
	text-indent: -9999px;
}

h1.content_left_design
{
	float: left;
	width: 138px; height: 17px;
	background:url('../images/design_gallery.png') no-repeat;
	text-indent: -9999px;
}


/*
* This code controls the layout of the navigation controls for the quickpager jquery plugin
*
*/
ul.simplePagerNav
{
	position:relative;
	text-align: right;
	margin-bottom: 12px;
	margin-right: 8px;
}
ul.simplePagerNav li{
	list-style: none;
	display: inline;
	margin: 0px 3px 8px 3px;
	padding: 3px 3px 3px 3px;
	background-color: #CCC;
	
}

ul.simplePagerNav li a{
	color: #414243;
	font-size: .9em;
	text-decoration: none;
}

li.currentPage {
	background-color:#999;
	
}

ul.simplePagerNav li.currentPage a {
		
}

table.pageme {
    border-collapse: collapse;
    border: 1px solid #ccc;
}  

table.pageme td {
    border-collapse: collapse;
    border: 1px solid #ccc;
} 


/*Compass Design typography css 
Explination:
Remove all margin and padding from every element on the page.
Re-add consistent margin and padding for elements
*/ 
* { 
margin:0; 
padding:0; 
} 
h1,h2,h3,h4,h5,h6,p,blockquote,form,label,ol,dl,fieldset,address { 
margin: 0 0 0 0;  
} 
dd {  
margin-left:0; 
} 
fieldset {  
padding: 0;  
}