/* CSS Document */

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

body {
	background: #B1F05F url(images/bg.jpg) repeat-x;
	font: 10px/20px Verdana, Arial, Helvetica, sans-serif;
	color: #5B5B5B;
}

#dresume body {
	background: url(images/bg_long.jpg) repeat-x;
	font: 10px/20px Verdana, Arial, Helvetica, sans-serif;

}


#container {
	width: 714px;
	margin: 0px auto;
}

#logo {
	background: url(images/logo.gif) no-repeat;
	height: 118px;
	width: 510px;
	margin-left: 60px;
	margin-top: 38px;
	padding-top: 55px;
	padding-left: 105px;
}
#logo h1 {
	display: none;
}

#logo a {
	display: block;
	height: 108px;
	width: 382px;
	padding-top: 0px;
}

/*----- HEADER STYLES ------*/
#header {
	background: url(images/header.gif) no-repeat;
	height: 195px;
	width: 654px;
	padding-left: 60px;
	padding-top: 56px; 
}

#header h1 {
	display:none
}

#home_anim {
	width: 595px;
	height: 177px;
}
/*----- NAV STYLES ------*/
#nav {
	background-image:url(images/nav.gif);
	height: 61px;
	width: 714px;
}

#nav ul {
   width: 714px;
   height: 61px;
	
}

#nav ul li {
	list-style: none;
	display: inline;
}

#nav ul li a {
	display: block;
	height: 61px;
	float: left;
}

#nav ul li a span {
 	display: none;
}

/*------------- nav text links -----------*/

a:link {
	color: #5b5a5a;
	text-decoration: none;
}
a:visited {
	color: #5b5a5a;
	text-decoration: none;
}
a:hover {
	color: #5b5a5a;
	text-decoration: none;
}
a:active {
	color: #5b5a5a;
	text-decoration: none;
}


/*------- ROLLOVERS --------*/


/* ABOUT */
#nav ul li#nabout a:link, #nav ul li#nabout a:visited {
	background: url(images/about.gif); width: 192px;

}

#nav ul li#nabout a:hover, #nav ul li#nabout a:active {
	background: url(images/about.gif);
	background-position: 0 -61px;
}


/*PORTFOLIO*/
#nav ul li#nportfolio a:link, #nav ul li#nportfolio a:visited {
	background: url(images/portfolio.gif); width: 82px;

}

#nav ul li#nportfolio a:hover, #nav ul li#nportfolio a:active {
	background: url(images/portfolio.gif);
	background-position: 0 -61px;
}

/*SERVICES*/
#nav ul li#nservices a:link, #nav ul li#nservices a:visited {
	background: url(images/services.gif); width: 88px;

}

#nav ul li#nservices a:hover, #nav ul li#nservices a:active {
	background: url(images/services.gif);
	background-position: 0 -61px;
}

/*RESUME*/
#nav ul li#nresume a:link, #nav ul li#nresume a:visited {
	background: url(images/resume.gif); width: 86px;

}

#nav ul li#nresume a:hover, #nav ul li#nresume a:active {
	background: url(images/resume.gif);
	background-position: 0 -61px;
}

/*CONTACT*/
#nav ul li#ncontact a:link, #nav ul li#ncontact a:visited {
	background: url(images/contact.gif); width: 86px;

}

#nav ul li#ncontact a:hover, #nav ul li#ncontact a:active {
	background: url(images/contact.gif);
	background-position: 0 -61px;
}

/*LINKS*/
#nav ul li#nlinks a:link, #nav ul li#nlinks a:visited {
	background: url(images/links.gif); width: 180px;

}

#nav ul li#nlinks a:hover, #nav ul li#nlinks a:active {
	background: url(images/links.gif);
	background-position: 0 -61px;
}

/*------- HOVER ON CLICK ----------*/
/*ABOUT*/
#dabout #nav ul li#nabout a:link, #dabout #nav ul li#nabout a:visited, 
#dabout #nav ul li#nabout a:hover, #dabout #nav ul li#nabout a:active { 
	background: url(images/about.gif);
	background-position: 0 -61px;
}

/*PORTFOLIO*/
#dportfolio #nav ul li#nportfolio a:link, #dportfolio #nav ul li#nportfolio a:visited, 
#dportfolio #nav ul li#nportfolio a:hover, #dportfolio #nav ul li#nportfolio a:active { 
	background: url(images/portfolio.gif);
	background-position: 0 -61px;
}

/*SERVICES*/
#dservices #nav ul li#nservices a:link, #dservices #nav ul li#nservices a:visited, 
#dservices #nav ul li#nservices a:hover, #dservices #nav ul li#nservices a:active { 
	background: url(images/services.gif);
	background-position: 0 -61px;
}


/*RESUME*/
#dresume #nav ul li#nresume a:link, #dresume #nav ul li#nresume a:visited, 
#dresume #nav ul li#nsresume a:hover, #dresume #nav ul li#nresume a:active { 
	background: url(images/resume.gif);
	background-position: 0 -61px;
}

/*CONTACT*/
#dcontact #nav ul li#ncontact a:link, #dcontact #nav ul li#ncontact a:visited, 
#dcontact #nav ul li#ncontact a:hover, #dcontact #nav ul li#ncontact a:active { 
	background: url(images/contact.gif);
	background-position: 0 -61px;
}

/*LINK*/
#dlinks #nav ul li#nlinks a:link, #dlinks #nav ul li#nlinks a:visited, 
#dlinks #nav ul li#nlinks a:hover, #dlinks #nav ul li#nlinks a:active { 
	background: url(images/links.gif);
	background-position: 0 -61px;
}

/*----- WEB BOX STYLES --------*/
#web_box {
	background-image: url(images/web_box.gif);
	width: 250px;
	height: 262px;
	float: left;
}

#web_box h4 {
	display: none;
}


#web_box a {
	display: block;
	height: 262px;
	width: 250px;
}


/*----- GRAPHIC BOX STYLES --------*/
#graphic_box {
	width: 213px;
	height: 262px;
	background: url(images/graphics_box.gif);
	float: left;
}

#graphic_box h4 {
	display: none;
}

#graphic_box a {
	display: block;
	height: 262px;
	width: 213px;
}

/*----- CONTACT BOX STYLES --------*/
#contact_box {
	width: 251px;
	height: 262px;
	background: url(images/contact_box.gif);
	float: right;
}
#contact_box h4 {
	display: none;
}

#contact_box a {
	display: block;
	height: 261px;
	width: 251px;
}

/*----- BEGIN CONTENT STYLES --------*/
#content_header {
	width: 714px;
	background: url(images/conent_header.gif);
	height: 55px;
}

#content_header h4 {
	display: none;
}

#content {
	background: url(images/content_bg_tiled.gif) repeat-y;
	padding-left: 60px;
	padding-right: 70px;
}

#dportfolio #content {
	background: url(images/content_bg_tiled.gif) repeat-y;
	padding-left: 60px;
	padding-right: 70px;
}

#content h4 {
	background: url(images/about_heading.gif) no-repeat;
	height: 35px;
	width: 523px;
	padding-left: 43px;
	padding-top: 7px;
}



/* h4's bg images */
#dservices #content h4 {
	background: url(images/services_heading.gif) no-repeat;
	height: 35px;
	width: 523px;
	padding-left: 41px;
	padding-top: 7px;
}

#dsitemap #content h4 {
	background: url(images/sitemap_heading.gif) no-repeat;
	height: 35px;
	width: 523px;
	padding-left: 41px;
	padding-top: 7px;
}

#dlinks #content h4 {
	background: url(images/links_heading.gif) no-repeat;
	height: 35px;
	width: 523px;
	padding-left: 41px;
	padding-top: 7px;
}

#dportfolio #content h4 {
	background: url(images/graphic_work/heading_graphics.gif) no-repeat;
	height: 61px;
	width: 539px;
	padding-left: 80px;
	padding-top: 7px;
}

#dportfolio #content h4.web {
	background: url(images/web_work/heading_web.gif) no-repeat;
	height: 60px;
	width: 549px;
	padding-left: 85px;
	padding-top: 27px;
}

#dportfolio #content h4.flash {
	background: url(images/web_work/heading_flash.gif) no-repeat;
	height: 67px;
	width: 550px;
	padding-left: 87px;
	padding-top: 31px;
}

#content p {
	padding-left: 43px;

}

.gray {
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #5B5B5B;
}

.lime {
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #73B819;
}

.signature {
	font-style: italic;
}

#content_footer {
	height: 111px;
	width: 714px;
	background: url(images/content_footer.gif);
	float: none;
}

/*----- RESUME ------------*/

.orange_heading {
	font-weight: bold;
	color: #f08f23;
	font-size: 11px;
}

.green_heading {
	font-weight: bold;
	color: #73b819;
	font-size: 11px;
}

.gray_heading {
	font-weight: bold;
}

#pdf {
	height: 113px;
	width: 118px;
	float: right;
	margin-right: 10px;
	background: url(images/pdf.gif);
}

#pdf a {
	height: 118px;
	width: 113px;
	display: block;
}


/*----- GRAPHIC PORTFOLIO STYLES ------------*/
.gray_port {
	font: bold 16px Verdana, Arial, Helvetica, sans-serif;
	color: #5B5B5B;
}

.lime_port {
	font: bold 16px Verdana, Arial, Helvetica, sans-serif;
	color: #73B819;
}

#dportfolio #content {
	background: url(images/content_bg_tiled.gif) repeat-y;
	padding-left: 90px;
	padding-right: 70px;
}

.thumbnails {
	margin-right: 16px;
	margin-bottom: 16px;
}

.capt_text {
	font: 10px/20px Verdana, Arial, Helvetica, sans-serif;
	color: #5B5B5B;
}

/*----- WEB PORTFOLIO STYLES ------------*/

.orange_port {
	font: bold 16px Verdana, Arial, Helvetica, sans-serif;
	color: #F08F23;
}
/*----- CONTACT STYLES ------------*/
h3 {
	background: url(images/heading_contact.gif) no-repeat;
	height: 45px;
	width: 411px;
	padding-top: 10px;
	padding-left: 41px;
}

.textfields {
	border-top: 1px solid #73B819;
	border-right: 1px solid #73B819;
	border-bottom: 1px solid #73B819;
	border-left: 1px solid #73B819;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #b2b2b2;
	background: #464646;
}

.btn {
	color: #505050;
	background: url(images/form_btn.gif) no-repeat;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	height: 22px;
	width: 54px;
	border-style: none;
}

.form_text {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #B2B2B2;
}

/*----- FOOTER STYLES --------*/

#validation {
	background-image:url(images/validation.png);
	background-repeat: no-repeat;
	margin-right: 20px;
	width: 175px;
	height: 19px;
	float: right;
	clear: both;
}

#footer {
	height: 60px;
	width: 714px;
	clear: both;
	margin-bottom: 10px;
}

#footer p {
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #5b5a5a;
	text-align: center;
	padding-top: 7px;
}