body {
	font: 12px/16px Arial, sans-serif;
	margin: 0px;
	padding: 0px;
}

img {
	border-width: 0px;
	margin: 0px;
	padding: 0px;
}
img.border {
	border: 1px solid #d4d4d4;
}

form {
	margin: 0px;
	padding: 0px;
}

#header {
	position: relative;
	width: 702px;
	height: 229px;
	margin: 10px auto 3px auto;
	padding: 10px;
}
#content {
	position: relative;
	width: 702px;
	margin: 0px auto;
	padding: 10px;
}
#footer {
	position: relative;
	width: 690px;
	margin: 10px auto 5px auto;
	padding: 10px;
}

a:link, a:visited {
	color: #000;
	text-decoration: underline;
	font-style: italic;
}
a:hover {
	color: #666;
	text-decoration: underline;
	font-style: italic;
}

a.no_style {
	color: #000;
	text-decoration: none;
	font-style: normal;
}

/***************************** HEADER *****************************/
#header #title {
	position: absolute;
	top: 11px;
	left: 8px;
	background: url('/images/titles/massive_computer.gif') no-repeat;
	width: 319px;
	height: 46px;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	cursor: pointer;
}
#header #logo {
	position: absolute; 
	top: 7px; 
	left: 602px;
	background: url('/images/logo.gif') no-repeat;
	width: 102px;
	height: 40px;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	cursor: pointer;
}
#header #title span, #header #logo span {
	display: none;
}

#header #header_photo {
	position: absolute;
	top: 94px;
	left: 9px;
	width: 702px;
	height: 158px;
}

#header .nav {
	position: absolute;
	top: 70px;
	left: 408px;
	text-align: right;
	width: 296px;
}

#header .nav a span {
	display: none;
}
#header .nav a {
	position: relative;
	float: left;
	height: 20px;
	margin: 0px 0px 0px 10px;
}

#header .nav a.home:link, #header .nav a.home:visited {
	background: url('/images/nav/home.gif') 0px 0px no-repeat;
	width: 46px;
}
#header .nav a.portfolio:link, #header .nav a.portfolio:visited {
	background: transparent url('/images/nav/portfolio.gif') 0px 0px no-repeat;
	width: 85px;
}
#header .nav a.about:link, #header .nav a.about:visited {
	background: transparent url('/images/nav/about.gif') 0px 0px no-repeat;
	width: 54px;
}
#header .nav a.contact:link, #header .nav a.contact:visited {
	background: transparent url('/images/nav/contact.gif') 0px 0px no-repeat;
	width: 71px;
}

#header .nav a.home:hover, #header .nav a.portfolio:hover, #header .nav a.about:hover, #header .nav a.contact:hover {
	background-position: 0px -38px;
}
#header .nav a.selected:link, #header .nav a.selected:visited, #header .nav a.selected:hover {
	background-position: 0px -19px;
}

/***************************** CONTENT *****************************/
#content h3 {
	font: bold 14px/18px Arial, sans-serif;
	margin: 5px 0px;
}
#content h4 {
	font: bold 14px/18px Arial, sans-serif;
	margin: 0px;
}
#content p {
	margin: 5px 0px 10px 0px;
}
#content p.description {
	font-weight: normal;
	margin: 12px 0px 20px 0px;
	line-height: 18px;
}

.col_1_a, .col_1_b, .col_1_c {
	position: relative;
	float: left;
	width: 210px !important;
	width: 211px;
	margin: 0px;
	padding: 10px;
}
.col_1_a {
	background: url('/images/bg_shadow1.gif') right bottom no-repeat;
}
.col_1_b {
	background: url('/images/bg_shadow2.gif') right bottom no-repeat;
}
.col_1_c {
	background: url('/images/bg_shadow3.gif') right bottom no-repeat;
}

.col_2 {
	position: relative;
	float: left;
	width: 444px;
	margin: 0px;
	padding: 10px;
	background: url('/images/bg_shadow1.gif') right bottom no-repeat;
}

.col_3_a, .col_3_b, .col_3_c {
	width: 682px;
	margin: 0px;
	padding: 8px 10px 10px 8px;
	font: 12px/16px Arial, sans-serif;
}
.col_3_a {
	background: url('/images/bg_shadow1.gif') right bottom no-repeat;
}
.col_3_b {
	background: url('/images/bg_shadow2.gif') right bottom no-repeat;
}
.col_3_c {
	background: url('/images/bg_shadow3.gif') right bottom no-repeat;
}

.col_1_a h2, .col_1_b h2, .col_1_c h2, .col_2 h2 {
	margin: 2px 0px;
	padding: 0px;
	font: normal 20px Arial, sans-serif;
}
.col_3_a h2, .col_3_b h2, .col_3_c h2 {
	margin: 0px 0px 12px 0px;
}

h2#development_h, h2#design_h, h2#services_h, h2#featured_work_h, h2#work_flow_h, h2#testimonials_h, h2#about_h, h2#referral_h, h2#terms_h, h2#sitemap_h, h2#experience_h, h2#skills_h, h2#education_h, h2#personal_work_h {
	width: 210px;
	height: 30px;
}
h2#featured_work_h {
	margin-bottom: 10px;
}

h2#development_h {
	background: url('/images/titles/development.gif') top left no-repeat;
}
h2#design_h {
	background: url('/images/titles/design.gif') top left no-repeat;
}
h2#services_h {
	background: url('/images/titles/services.gif') top left no-repeat;
}
h2#featured_work_h {
	background: url('/images/titles/featured_work.gif') top left no-repeat;
}
h2#work_flow_h {
	background: url('/images/titles/work_flow.gif') top left no-repeat;
}
h2#testimonials_h {
	background: url('/images/titles/testimonials.gif') top left no-repeat;
}
h2#about_h {
	background: url('/images/titles/about.gif') top left no-repeat;
	cursor: default;
}
h2#referral_h {
	background: url('/images/titles/referral.gif') top left no-repeat;
	cursor: default;
}
h2#terms_h {
	background: url('/images/titles/terms.gif') top left no-repeat;
	cursor: default;
}
h2#sitemap_h {
	background: url('/images/titles/sitemap.gif') top left no-repeat;
	cursor: default;
}
h2#experience_h {
	background: url('/images/titles/experience.gif') top left no-repeat;
	cursor: default;
}
h2#skills_h {
	background: url('/images/titles/skills.gif') top left no-repeat;
	cursor: default;
}
h2#education_h {
	background: url('/images/titles/education.gif') top left no-repeat;
	cursor: default;
}
h2#personal_work_h {
	background: url('/images/titles/personal_work.gif') top left no-repeat;
	cursor: default;
}

h2#development_h span, h2#design_h span, h2#services_h span, h2#featured_work_h span, h2#work_flow_h span, h2#testimonials_h span, h2#about_h span, h2#referral_h span, h2#terms_h span, h2#sitemap_h span, h2#experience_h span, h2#skills_h span, h2#education_h span, h2#personal_work_h span {
	display: none;
}

a#work_flow_l, a#testimonials_l {
	position: relative;
	float: right;
	margin: 10px 10px 5px 0px;
	color: #000;
	font: italic 12px/16px Arial, sans-serif;
}
a#work_flow_l:hover, a#testimonials_l:hover {
	color: #666;
}

a.more {
	padding: 0px 10px 0px 0px;
	background: url('/images/arrow_d.gif') right 5px no-repeat;
}
a.less {
	padding: 0px 10px 0px 0px;
	background: url('/images/arrow_u.gif') right 5px no-repeat;
}
a.go {
	padding: 0px 10px 0px 0px;
	background: url('/images/arrow.gif') right 5px no-repeat;
}

ul.type_1, ul.type_2, ul.type_3, ul.type_1, ul.type_2, ul.type_3, ul.type_1, ul.type_2, ul.type_3 {
	position: relative;
	margin: 0px 0px 0px 5px;
	padding: 0px;
	font: 12px/16px Arial, sans-serif;
	list-style: none;
}
ul.type_4, ul.type_4, ul.type_4, ul.type_5, ul.type_5, ul.type_5 {
	margin: 0px 0px 0px 5px;
	padding: 0px;
	font: 12px/16px Arial, sans-serif;
	list-style: none;
}
.type_1 li {
	padding: 4px 0px 4px 12px;
	background: url('/images/ul1.gif') 0px 9px no-repeat;
}
.type_2 li {
	padding: 4px 0px 4px 12px;
	background: url('/images/ul2.gif') 0px 9px no-repeat;
}
.type_3 li {
	padding: 4px 0px 4px 12px;
	background: url('/images/ul3.gif') 0px 9px no-repeat;
}
ul.type_4 {
	margin: 3px 0px !important;
	margin: 8px 0px;
}
.type_4 li {
	padding: 3px 0px 2px 0px;
	list-style: square;
	list-style-position: inside;
}
.type_5 li {
	padding: 7px 0px 5px 0;
	list-style: square;
	list-style-position: inside;
}

#col .links {
	margin: 0 3px 16px 0;
	font: italic 12px/16px Arial, sans-serif;
	text-align: right;
}
#col .links a:link, #col .links a:visited {
	color: #000;
	text-decoration: none;
	padding: 0px 10px 0px 0px;
	background: url('/images/arrow.gif') right 5px no-repeat;
}
#col .links a:hover {
	text-decoration: underline;
	padding: 0px 10px 0px 0px;
	background: url('/images/arrow.gif') right 5px no-repeat;
}

.label {
	position: relative;
	float: left;
	width: 4.2em;
}

.error {
	color: red;
}

.col_1_a .label {
	width: 4.5em;
}
.col_2 .label {
	width: 9.5em;
}
.login .label {
	width: 5.5em !important;
	width: 5em;
	font-weight: normal;
}

.input_1 {
	width: 220px;
}
.input_2 {
	width: 100px;
}
.input_3 {
	width: 137px;
}
textarea {
	width: 438px;
	height: 150px;
}

.col_1_a .login a:link, .col_1_a .login a:visited {
	font: italic 12px/16px Arial, sans-serif;
	color: #000;
}
.col_1_a .login a:hover {
	color: #666;
}

.portfolio_thumb {
	position: relative; 
	float: left;
	margin: 0px 10px 0px 0px;
}

.about_thumbs {
	position: relative; 
	float: left; 
	width: 206px; 
	margin: 0px 10px 0px 0px;
}

.quote {
	margin: 0 0 20px 0;
	font-style: italic; 
	font-stretch: condensed;
}
.quote p {
	position: relative;
	float: right;
	padding: 2px;
	margin: 0px;
	font-style: normal; 
}

.note {
	font: normal 11px/14px Arial, sans-serif;
}

.top_margin {
	margin-top: 7px;
}
.right_margin {
	margin-right: 5px;
}
.bottom_margin {
	margin-bottom: 7px;
}
.no_bottom_margin {
	margin-bottom: 0;
}
.left_margin {
	margin-left: 7px;
}

.italic {
	font-style: italic;
}

.clearer {
	clear: both;
	line-height: 0px;
	font-size: 0px;
}

/***************************** PAGINATION *****************************/
div.pagination {
	margin: 10px 0px 0px 0px;
    padding: 2px;
}

div.pagination a {
	margin: 2px;
    padding: 2px 5px 2px 5px;
    background: #fff;
    border: 1px solid #c0c0c0;
    color: #000;
    text-decoration: none;
}

div.pagination a:hover, div.pagination a:active {
    background: #f2f5ef;
    border: 1px solid #5c832f;
    color: #000;
}

div.pagination span.current {
	margin: 2px;
    padding: 2px 5px 2px 5px;
    background: #5c832f;
    border: 1px solid #5c832f;
    color: #fff;
    font-weight: bold;
}
div.pagination span.disabled {
	margin: 2px;
    padding: 2px 5px 2px 5px;
    border: 1px solid #e4e2e2;
    background: #fcfbf8;
    color: #999;
    font-style: italic;
} 

/***************************** FOOTER *****************************/
#footer {
	clear: both;
	font: 10px/14px Arial, sans-serif;
	color: #999;
	margin: 5px auto;
	text-align: right;
}
#footer a:link, #footer a:visited {
	color: #999;
	text-decoration: underline;
}
#footer a:hover {
	color: #666;
	text-decoration: underline;
}