/*
Description: ptgraphix.com Website. Preston Tunnicliff's Digital Portfolio
Version: 4.0
Author: ptgraphix
*/

/*
Primary Colors:
background beige: #e8e5c0;
blue(textLinks, bottom hBar and title text): #006699;
green title text: #0d9545;
red title text: #bf2800;
blue title text: #006699;
hLines between links in footer: #aba881;
text: #3a3a3a;
blue text links: #1a6496;
footer text: #aba881;
copyright text: #aba881;
subpage nav: #000000:
*/

/*
Text Sizes and Families:
titles: Century Gothic, Bold, 15px;
normal text: Arial, 12px;
footer text: Arial, Bold, 11px;
copyright text: Arial, 9px;
blue text links in content area: Arial, 12px;
blue text links in bottom area: Arial, 11px;
footer/copyright text: Arial, 9px;
subpage nav: Arial, 11px; 
*/

/*
Subpage Left Side Area:
Request a Quote text: Arial, 12px, #626161;
Request a Quote blue text link: Arial, 12px, #006699;
Beneficial Web Practices text: Arial, 9px;, #3a3a3a;
*/

/* -------------------------------------------- */
/* MAIN */
/* -------------------------------------------- */
body {
	background-color: #e8e5c0;
	position: relative;
	font-size: 100%;
	font-family: "Arial";
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	display: block;
	overflow: visible;
	top: 0px;
	background-image: url(../images/main-bg.jpg);
	background-repeat: repeat-x;
	/*overflow-x: hidden;*/
}

h2 {
	color: #000000;
	margin: 0;
}

#maincontainer {
	position: relative;
	text-align: center;
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	margin: 0;
	padding: 0;
	display: block;
	overflow: visible;
	white-space: normal;
	z-index: 1;
}

#contentcontainer {
	width: 900px;
	height: 494px;
	top: 24px;
	z-index: 2;
	position: relative;
	display: inline-block;
	background-color: #FFF;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	border: 1px solid #006699; /* light blue border */
	white-space: normal;
	overflow: visible;
}

ul {
	list-style-image: url(../images/check.png);
	list-style-position: inside;
	line-height: 25px;
	display: block;
}

li {
	list-style-position: inside;
	margin-left: -20px;
	display: list-item;
	height: 30px;
	vertical-align: top;
	position: static;
}

/* -------------------------------------------- */
/* HEADER AREA */
/* -------------------------------------------- */
#headerbackgroundarea {
	position: relative;
	width: 100%;
	height: 539px;
	top: 0px;
	padding: 0;
	margin: 0;
	background-image: url(../images/main-bg.jpg);
	background-repeat: repeat-x;
	z-index: 1;
}

#headerbackground {
	width: 1180px;
	height: 299px;
	top: 0px;
	background: url(../images/top-background.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-left: auto;
	margin-right: auto;
}

#homepageheaderimg {
	width: 898px;
	height: 249px;
	display: block;
	margin-left: 1px;
	margin-top: 1px;
	position: inherit;
	border-top: 1px solid #FFF;
}

#homepageheadertxt {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-shadow: #000 -1px 0px 2px;
	height: 2em;
	filter: Shadow(Color=#000000, Direction=135, Strength=1);
	color: #FFF;
	z-index: 10;
	position: absolute;
	width: 898px;
	left: 1px;
	top: 59px;
	margin-left: auto;
	margin-right: auto;
}

/* -------------------------------------------- */
/* TEXT ON HOMEPAGE BANNER */
/* -------------------------------------------- */
a.projectlinks:link { color: #fff; font-size: 9px; text-decoration: underline; font-family: arial; font-weight: normal; }
a.projectlinks:visited { color: #fff; font-size: 9px; text-decoration: underline; font-family: arial; font-weight: normal; }
a.projectlinks:hover { color: #fff; font-size: 9px; text-decoration: none; font-family: arial; font-weight: normal; }

#proshotgolf {
	width: 100px;
	height: 12px;
	top: 187px;
	left: 2px;
	z-index: 15;
	font-family: "Arial";
	font-size: 9px;
	position: absolute;
	color: #FFF;
}

#bugambilia {
	width: 100px;
	height: 12px;
	top: 187px;
	left: 100px;
	z-index: 15;
	font-family: "Arial";
	font-size: 9px;
	position: absolute;
	color: #FFF;
}

#thermador {
	width: 100px;
	height: 12px;
	top: 187px;
	left: 189px;
	z-index: 15;
	font-family: "Arial";
	font-size: 9px;
	position: absolute;
	color: #FFF;
}

#rcrcompanies {
	width: 100px;
	height: 12px;
	top: 187px;
	left: 279px;
	z-index: 15;
	font-family: "Arial";
	font-size: 9px;
	position: absolute;
	color: #FFF;
}

#sycamoreplastics {
	width: 100px;
	height: 12px;
	top: 187px;
	left: 384px;
	z-index: 15;
	font-family: "Arial";
	font-size: 9px;
	position: absolute;
	color: #FFF;
}

#gridbyte {
	width: 100px;
	height: 12px;
	top: 187px;
	left: 494px;
	z-index: 15;
	font-family: "Arial";
	font-size: 9px;
	position: absolute;
	color: #FFF;
}

#niagarawater {
	width: 100px;
	height: 12px;
	top: 187px;
	left: 594px;
	z-index: 15;
	font-family: "Arial";
	font-size: 9px;
	position: absolute;
	color: #FFF;
}

#meade {
	width: 100px;
	height: 12px;
	top: 187px;
	left: 717px;
	z-index: 15;
	font-family: "Arial";
	font-size: 9px;
	position: absolute;
	color: #FFF;
}

#ucifulltimemba {
	width: 100px;
	height: 12px;
	top: 187px;
	left: 799px;
	z-index: 15;
	font-family: "Arial";
	font-size: 9px;
	position: absolute;
	color: #FFF;
}

/* -------------------------------------------- */
/* TOP NAV and LOGO AREA*/
/* -------------------------------------------- */
a.logo {  
    display: block;  
    width: 211px;  
    height: 50px;  
    background: url(../images/ptgraphix-logo.gif) no-repeat 0 0;  
    overflow: hidden;   
    font-size: 0px;  
    line-height: 0px;
	border: none;
	clear: right;
	float: left;
	top: 1px;
	left: 1px;
	position: absolute;
	z-index: 2;
} 
   
a:visited.logo {  
    background-position: 0 0;  
}  
  
a:hover.logo {  
    background-position: 0 -50px;  
}  
  
a:active.logo {  
    background-position: 0 -50px;
}

img.logoimg {
	width: 211px;
	height: 50px;
	border: none;
	display: block;
	position: absolute;
	left: 1px;
}

#topNavBar {
	width: 900px;
	height: 50px;
	margin: 0 auto;
	margin-left: auto;
	margin-right: auto;
	display: inline-block;
	position: relative;
	*padding-top: 1px;
	padding-left: 1px;
	padding-right: 1px;
	white-space: normal;
	clear: right;
}

/* -------------------------------------------- */
/* TOP NAV BUTTONS */
/* -------------------------------------------- */
/* HOME Button */
a.homebutt {  
    display: block;  
    width: 138px;  
    height: 50px;  
    background: url(../images/but-home.gif) no-repeat 0 0;  
    overflow: hidden;   
    font-size: 0px;  
    line-height: 0px;
	border: none;
	clear: right;
	float: left;
	top: 1px;
	left: 212px;
	position: absolute;
	z-index: 2;
} 
   
a:visited.homebutt {  
    background-position: 0 0;  
}  
  
a:hover.homebutt {  
    background-position: 0 -50px;  
}  
  
a:active.homebutt {  
    background-position: 0 -50px;  
}

/* ABOUT Button */
a.aboutbutt {  
    display: block;  
    width: 138px;  
    height: 50px;  
    background: url(../images/but-about.gif) no-repeat 0 0;  
    overflow: hidden;   
    font-size: 0px;  
    line-height: 0px;
	border: none;
	clear: right;
	float: left;
	top: 1px;
	left: 350px;
	position: absolute;
	z-index: 2;
} 
   
a:visited.aboutbutt {  
    background-position: 0 0;  
}  
  
a:hover.aboutbutt {  
    background-position: 0 -50px;  
}  
  
a:active.aboutbutt {  
    background-position: 0 -50px;  
}

/* SERVICES Button */
a.servicesbutt {  
    display: block;  
    width: 138px;  
    height: 50px;  
    background: url(../images/but-services.gif) no-repeat 0 0;  
    overflow: hidden;   
    font-size: 0px;  
    line-height: 0px;
	border: none;
	clear: right;
	float: left;
	top: 1px;
	left: 487px;
	position: absolute;
	z-index: 2;
} 
   
a:visited.servicesbutt {  
    background-position: 0 0;  
}  
  
a:hover.servicesbutt {  
    background-position: 0 -50px;  
}  
  
a:active.servicesbutt {  
    background-position: 0 -50px;
}

/* PORTFOLIO Button */
a.portfoliobutt {  
    display: block;  
    width: 138px;  
    height: 50px;  
    background: url(../images/but-portfolio.gif) no-repeat 0 0;  
    overflow: hidden;   
    font-size: 0px;  
    line-height: 0px;
	border: none;
	clear: right;
	float: left;
	top: 1px;
	left: 624px;
	position: absolute;
	z-index: 2;
} 
   
a:visited.portfoliobutt {  
    background-position: 0 0;  
}  
  
a:hover.portfoliobutt {  
    background-position: 0 -50px;  
}  
  
a:active.portfoliobutt {  
    background-position: 0 -50px;
}

/* CONTACT Button */
a.contactbutt {  
    display: block;  
    width: 138px;  
    height: 50px;  
    background: url(../images/but-contact.gif) no-repeat 0 0;  
    overflow: hidden;   
    font-size: 0px;  
    line-height: 0px;
	border: none;
	clear: right;
	float: left;
	top: 1px;
	left: 761px;
	position: absolute;
	z-index: 2;
} 
   
a:visited.contactbutt {  
    background-position: 0 0;  
}  
  
a:hover.contactbutt {  
    background-position: 0 -50px;  
}  
  
a:active.contactbutt {  
    background-position: 0 -50px;
}

/* -------------------------------------------- */
/* HOMEPAGE TEXT AREA*/
/* -------------------------------------------- */
#homepagetxtarea {
	width: 900px;
	height: 188px;
	background: url(../images/text-area-bg-homepage.png);
	background-repeat: no-repeat;
	display: block;
	position: absolute;
	left: 1px;
	top: 302px;
	padding-top: 24px;
}

#homepagecontentcontainer {
	top: 1px;
	display: block;
	width: 898px;
	text-align: left;
}

#welcometxt {
	padding-left: 25px;
	padding-right: 15px;
	width: 562px;
	height: 140px;
	float: right;
	display: block;
	position: relative;
	border-right: 1px solid #ccc;
	clear: right;
	font-family: "Arial";
	font-size: 12px;
	line-height: 20px;
	color: #3a3a3a;
	left: -300px;
	text-align: left;
}

#beneficialtxt {
	padding-right: 32px;
	width: 263px;
	height: 140px;
	float: right;
	display: block;
	position: relative;
	clear: left;
	font-family: "Arial";
	font-size: 11px;
	color: #3a3a3a;
	left: 605px;
	text-align: left;

}

.bluetitle {
	color: #006699;
	font-size: 15px;
	font-weight: bold;
	vertical-align: text-top;
	margin-top: -2px;
	margin-bottom: 6px;
	overflow: visible;
}

.greentitle {
	color: #009933;
	font-size: 15px;
	font-weight: bold;
	vertical-align: text-top;
	margin-top: -2px;
	margin-bottom: -5px;
	margin-left: 20px;
	overflow: visible;
}

.servicesbluetitle {
	color: #006699;
	font-size: 15px;
	font-weight: bold;
	vertical-align: text-top;
	margin-top: -2px;
	margin-bottom: -4px;
	overflow: visible;
}

a.textlinklearnmore:link { color: #006699; font-size: 12px; text-decoration: none; font-family: arial; font-weight: normal; }
a.textlinklearnmore:visited { color: #006699; font-size: 12px; text-decoration: none; font-family: arial; font-weight: normal; }
a.textlinklearnmore:hover { color: #006699; font-size: 12px; text-decoration: underline; font-family: arial; font-weight: normal; }

/* -------------------------------------------- */
/* BOTTOM HALF AREA */
/* -------------------------------------------- */
#botrowcontainer {
	width: 1180px;
	height: 197px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	z-index: 20;
}

#botrowcontentarea {
	width: 900px;
	height: 197px;
	margin-left: auto;
	margin-right: auto;
	display: inline-block;
	white-space: nowrap;
	position: relative;
	z-index: 20;
}

/* -------------------------------------------- */
/* SPOTLIGHT AREA */
/* -------------------------------------------- */
#spotlight-1 {
	width: 292px;
	height: 197px;
	display: block;
	background: url(../images/spotlight-design.jpg);
	background-repeat: no-repeat;
	float: right;
	clear: left;
}

#spotlight-2 {
	width: 292px;
	height: 197px;
	display: block;
	background: url(../images/spotlight-flash.jpg);
	background-repeat: no-repeat;
	float: right;
	clear: left;
	margin-left: 12px;
}

#spotlight-3 {
	width: 292px;
	height: 197px;
	display: block;
	background: url(../images/spotlight-xhtml-css.jpg);
	background-repeat: no-repeat;
	float: right;
	clear: left;
	margin-left: 12px;
}

#spotlightcontent1 {
	width: 225px;
	height: 100px;
	display: block;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	top: 77px;
	font-family: "Arial";
	font-size: 11px;
	color: #3a3a3a;
	text-align: left;
	line-height: 17px;
	white-space: normal;
}

#spotlightcontent2 {
	width: 225px;
	height: 100px;
	display: block;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	top: 77px;
	font-family: "Arial";
	font-size: 11px;
	color: #3a3a3a;
	text-align: left;
	line-height: 17px;
	white-space: normal;
}

#spotlightcontent3 {
	width: 225px;
	height: 100px;
	display: block;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	top: 77px;
	font-family: "Arial";
	font-size: 11px;
	color: #3a3a3a;
	text-align: left;
	line-height: 17px;
	white-space: normal;
}

a.spotlighttxtlink:link { color: #006699; font-size: 11px; text-decoration: none; font-family: arial; }
a.spotlighttxtlink:visited { color: #006699; font-size: 11px; text-decoration: none; font-family: arial; }
a.spotlighttxtlink:hover { color: #006699; font-size: 11px; text-decoration: underline; font-family: arial; }

/* -------------------------------------------- */
/* FOOTER NAV */
/* -------------------------------------------- */
#footerbar {
	width: 900px;
	height: 4px;
	bottom: 0px;
	left: 0px;
	position: static;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	padding: 0;
	background-color: #006699;
}

#footercontainer {
	width: 1180px;
	height: 12px;
	bottom: 0px;
	padding-bottom: 15px;
	text-align: left;
	position: relative;
	background-color: #e8e5c0;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	white-space: nowrap;
	display: block;
	z-index: 10;
}

#footerlinkarea {
	width: 900px;
	height: 12px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	font-family: "Arial";
	font-weight: normal;
	font-size: 11px;
	color: #aba881;
	white-space: nowrap;
	display: block;
}

a.footerNav:link { color: #006699; font-size: 11px; text-decoration: none; font-family: verdana; padding-left: 10px; padding-right: 10px; }
a.footerNav:visited { color: #006699; font-size: 11px; text-decoration: none; font-family: verdana; padding-left: 10px; padding-right: 10px; }
a.footerNav:hover { color: #006699; font-size: 11px; text-decoration: underline; font-family: verdana; padding-left: 10px; padding-right: 10px; }

.copyright { color: #aba881; font-size: 9px; font-family: "Arial", Helvetica, sans-serif; text-align: left; font-weight: normal; margin-left: 60px; }
a.copyrightlink:link { color: #aba881; font-size: 9px; font-family: "Arial", Helvetica, sans-serif; font-weight: normal; text-decoration: none; }
a.copyrightlink:visited { color: #aba881; font-size: 9px; font-family: "Arial", Helvetica, sans-serif; font-weight: normal; text-decoration: none; }
a.copyrightlink.hover { color: #aba881; font-size: 9px; font-family: "Arial", Helvetica, sans-serif; font-weight: normal; text-decoration: none; }

/* -------------------------------------------- */
/* SUB-PAGE LEFT NAV */
/* -------------------------------------------- */
#sidebararea {
	width: 211px;
	height:427px;
	left: -43px;
	display: block;
	position: relative;
	clear: left;
	float: right;
	text-align: left;
}

#subpagenavarea {
	width: 211px;
	height: 77px;
	background-color: #e8e8e8;
	border-top: 1px solid #b3b3b3;
	display: block;
}

#subnavcontainer {
	display: block;
	padding-top: 10px;
	padding-left: 23px;
	font-family: "Arial";
	font-size: 11px;
	line-height: 18px;
	color: #000;
}

.navbluetitle {
	color: #006699;
	font-size: 15px;
	font-weight: bold;
	vertical-align: text-top;
	margin-left: 23px;
	margin-top: 9px;
	margin-bottom: 6px;
	overflow: visible;
}

img.arrow {
	width: 3px;
	height: 6px;
}

a.subnavtxtlink:link { color: #000; font-size: 11px; text-decoration: underline; font-family: arial; }
a.subnavtxtlink:visited { color: #000; font-size: 11px; text-decoration: underline; font-family: arial; }
a.subnavtxtlink:hover { color: #000; font-size: 11px; text-decoration: none; font-family: arial; }

#subnavquoterequestcontainer {
	display: block;
	width: 175px;
	height: 65px;
	padding-top: 20px;
	padding-left: 23px;
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 10px;
	line-height: 18px;
	color: #3a3a3a;
}

.redtitle {
	color: #bf2800;
	font-size: 15px;
	font-weight: bold;
	margin-top: -2px;
	margin-bottom: 2px;
	overflow: visible;
}

a.quotetxtlink:link { color: #006699; font-size: 10px; text-decoration: underline; font-family: arial; }
a.quotetxtlink:visited { color: #006699; font-size: 10px; text-decoration: underline; font-family: arial; }
a.quotetxtlink:hover { color: #006699; font-size: 10px; text-decoration: none; font-family: arial; }

#subnavbeneficialwebpractices {
	display: block;
	width: 190px;
	height: 210px;
	padding-top: 25px;
	padding-left: 21px;
	font-family: "Arial";
	font-size: 10px;
	line-height: 12px;
	color: #000;
}
.subnavgreentitle {
	color: #009933;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 9px;
	margin-left: 2px;
	margin-top: 0px;
}

ul.subnavlist {
	list-style-image: url(../images/check.png);
	list-style-position: outside;
	line-height: 17px;
	display: block;
	background-color: #FFF;
	margin-top: 5px;
	vertical-align: top;
}

li.sublist {
	list-style-position: outside;
	margin-left: -3px;
	display: list-item;
	vertical-align: middle;
	background-color: #FFF;
	position: static;
	font-size: 9px;
	line-height: 18px;
}

/* -------------------------------------------- */
/* SUB-PAGE CONTENT AREA */
/* -------------------------------------------- */
#subpagecontentarea {
	width: 645px;
	height: 375px;
	left: -20px;
	display: block;
	position: relative;
	clear: left;
	float: right;
	padding-top: 32px;
	text-align: left;
	font-family: "Arial";
	font-size: 12px;
	line-height: 20px;
	color: #3a3a3a;
	z-index: 10;
}

#subpageresumecontentarea {
	width: 645px;
	height: 100%;
	left: -20px;
	display: block;
	position: relative;
	clear: left;
	float: right;
	padding-top: 32px;
	text-align: left;
	font-family: "Arial";
	font-size: 12px;
	line-height: 20px;
	color: #000000;
}

#subpageportfoliocontentarea {
	width: 645px;
	height: 100%;
	left: -20px;
	display: block;
	position: relative;
	clear: left;
	float: right;
	padding-top: 32px;
	text-align: left;
	font-family: "Arial";
	font-size: 12px;
	line-height: 20px;
	color: #3a3a3a;
}

#resumecontent-1 {
	width: inherit;
	margin-bottom: 30px;
	line-height: 15px;
}

#resumecontent-2 {
	width: inherit;
	margin-bottom: 30px;
	line-height: 15px;
}

#resumecontent-3 {
	width: inherit;
	margin-bottom: 30px;
	line-height: 15px;
}

#bluedate-1 {
	width: inherit;
	margin-bottom: -2px;
	font-weight: bold;
	font-size: 12px;
	color: #006699;
}

#bluedate-2 {
	width: inherit;
	margin-bottom: -2px;
	font-weight: bold;
	font-size: 12px;
	color: #006699;
}

#bluedate-3 {
	width: inherit;
	margin-bottom: -2px;
	font-weight: bold;
	font-size: 12px;
	color: #006699;
}

#bluedate-4 {
	width: inherit;
	margin-bottom: -2px;
	font-weight: bold;
	font-size: 12px;
	color: #006699;
}



/* resume list */
.resumelist li {
	margin: -10px 0 14px 25px;
	position: relative;
	color: #000;
	list-style-image: none;
	height: auto;
	width: 570px;
	line-height: 15px;
}

/* resume skills list */
.resumeskillslist li {
	margin: -6px 0 14px 0;
	position: relative;
	color: #000;
	list-style-image: none;
	height: auto;
	width: 555px;
	line-height: 15px;
}



#companyorcollege-1 {
	width: inherit;
	margin-top: -2px;
	font-weight: normal;
	font-size: 11px;
	color: #000;
	margin-left: 35px;
}

#companyorcollege-2 {
	width: inherit;
	margin-top: -2px;
	font-weight: normal;
	font-size: 11px;
	color: #000;
	margin-left: 35px;
}

#companyorcollege-3 {
	width: inherit;
	margin-top: -2px;
	font-weight: normal;
	font-size: 11px;
	color: #000;
	margin-left: 35px;
}

#companyorcollege-4 {
	width: inherit;
	margin-top: -2px;
	font-weight: normal;
	font-size: 11px;
	color: #000;
	margin-left: 35px;
}

#classesordegree-1 {
	width: inherit;
	margin-bottom: 0px;
	font-weight: normal;
	font-size: 12px;
	color: #000;
	margin-left: 73px;
}

#classesordegree-2 {
	width: inherit;
	margin-bottom: 0px;
	font-weight: normal;
	font-size: 12px;
	color: #000;
	margin-left: 73px;
}

#classesordegree-3 {
	width: inherit;
	margin-bottom: 0px;
	font-weight: normal;
	font-size: 12px;
	color: #000;
	margin-left: 73px;
}

#classesordegree-4 {
	width: inherit;
	margin-bottom: 0px;
	font-weight: normal;
	font-size: 12px;
	color: #000;
	margin-left: 73px;
}

#classesordegree-5 {
	width: inherit;
	margin-bottom: 0px;
	font-weight: normal;
	font-size: 12px;
	color: #000;
	margin-left: 73px;
}

#classesordegree-6 {
	width: inherit;
	margin-bottom: 0px;
	font-weight: normal;
	font-size: 12px;
	color: #000;
	margin-left: 73px;
}

#classesordegree-7 {
	width: inherit;
	margin-bottom: 0px;
	font-weight: normal;
	font-size: 12px;
	color: #000;
	margin-left: 73px;
}

#classesordegree-8 {
	width: inherit;
	margin-bottom: 0px;
	font-weight: normal;
	font-size: 12px;
	color: #000;
	margin-left: 73px;
}

#classesordegree-9 {
	width: inherit;
	margin-bottom: 0px;
	font-weight: normal;
	font-size: 12px;
	color: #000;
	margin-left: 73px;
}

#classesordegree-10 {
	width: inherit;
	margin-bottom: 0px;
	font-weight: normal;
	font-size: 12px;
	color: #000;
	margin-left: 73px;
}

#classesordegree-11 {
	width: inherit;
	margin-bottom: 0px;
	font-weight: normal;
	font-size: 12px;
	color: #000;
	margin-left: 73px;
}

#classesordegree-12 {
	width: inherit;
	margin-bottom: 0px;
	font-weight: normal;
	font-size: 12px;
	color: #000;
	margin-left: 73px;
}

/*  skills list */



#skills-1 {
	width: inherit;
	margin-left: 35px;
}

#skills-2 {
	width: inherit;
	margin-left: 35px;
}

#skills-3 {
	width: inherit;
	margin-left: 35px;
}

#skills-4 {
	width: inherit;
	margin-left: 35px;
}

#skills-5 {
	width: inherit;
	margin-left: 35px;
}

#skills-6 {
	width: inherit;
	margin-left: 35px;
}

#skills-7 {
	width: inherit;
	margin-left: 35px;
}

.orangetitle {
	color: #ce6e05;
	font-size: 15px;
	font-weight: bold;
	margin-top: -4px;
	margin-bottom: -1px;
	overflow: visible;
}

#resumefineprint {
	font-size: 9px;
	font-family: "Arial";
	font-weight: lighter;
	color: #cc3300;
}

hr {
	width: 100%;
	border: 1px solid #ccc;
	height: 1px;
	margin-bottom: 2px;
	margin-top: -1px;
}

hr.dashedline {
	height: 1px;
	width: 100%;
	border: 1px dashed #CCC;
	border-top: 1px;
	margin-top: 10px;
	margin-bottom: 10px;
}

img.resumelinks { border: none; padding-right: 5px; }

a.contenttextlink:link { color: #006699; font-size: 12px; text-decoration: underline; font-family: arial; }
a.contenttextlink:visited { color: #006699; font-size: 12px; text-decoration: underline; font-family: arial; }
a.contenttextlink:hover { color: #006699; font-size: 12px; text-decoration: none; font-family: arial; }

img.simpson {
	text-align: left;
	margin-right: 20px;
	margin-bottom: 15px;
	border: 3px solid #333;
}

/* -------------------------------------------- */
/* SUB-PAGE CLIENTS */
/* -------------------------------------------- */
#clientlist-col-1 {
	width: 160px;
	left: 0px;
	display: block;
	position: absolute;
	font-size: 9px;
	line-height: 20px;
	float: left;
}

#clientlist-col-2 {
	width: 160px;
	left: 167px;
	display: block;
	position: absolute;
	font-size: 9px;
	line-height: 20px;
	float: left;
}

#clientlist-col-3 {
	width: 160px;
	left: 334px;
	display: block;
	position: absolute;
	font-size: 9px;
	line-height: 20px;
	float: left;
}

#clientlist-col-4 {
	width: 160px;
	left: 501px;
	display: block;
	position: absolute;
	font-size: 9px;
	line-height: 20px;
	float: left;
}

.bullet {
	color: #ff6715;
}

/* -------------------------------------------- */
/* SUB-PAGE SPOTLIGHT AREA */
/* -------------------------------------------- */
#spotlight-designwork {
	width: 292px;
	height: 197px;
	display: block;
	background: url(../images/spotlight-design-work.jpg);
	background-repeat: no-repeat;
	float: right;
	clear: left;
}

#spotlight-flashwork {
	width: 292px;
	height: 197px;
	display: block;
	background: url(../images/spotlight-flash-work.jpg);
	background-repeat: no-repeat;
	float: right;
	clear: left;
	margin-left: 12px;
}

#spotlight-seowork {
	width: 292px;
	height: 197px;
	display: block;
	background: url(../images/spotlight-seo-work.jpg);
	background-repeat: no-repeat;
	float: right;
	clear: left;
	margin-left: 12px;
}

#spotlight-design-col-1 {
	width: 110px;
	height: 100px;
	display: block;
	position: relative;
	text-align: left;
	top: 75px;
	left: 42px;
	font-family: "Arial";
	font-size: 11px;
	color: #3a3a3a;
	font-weight: normal;
	text-align: left;
	line-height: 17px;
	white-space: normal;
	float: left;
}

#spotlight-design-col-2 {
	width: 110px;
	height: 100px;
	display: block;
	position: relative;
	text-align: left;
	top: 75px;
	left: 45px;
	font-family: "Arial";
	font-size: 11px;
	color: #3a3a3a;
	font-weight: normal;
	text-align: left;
	line-height: 17px;
	white-space: normal;
	float: left;
}


#spotlight-flash-col-1 {
	width: 110px;
	height: 100px;
	display: block;
	position: relative;
	text-align: left;
	top: 75px;
	left: 42px;
	font-family: "Arial";
	font-size: 11px;
	color: #3a3a3a;
	font-weight: normal;
	text-align: left;
	line-height: 17px;
	white-space: normal;
	float: left;
}

#spotlight-flash-col-2 {
	width: 110px;
	height: 100px;
	display: block;
	position: relative;
	text-align: left;
	top: 75px;
	left: 45px;
	font-family: "Arial";
	font-size: 11px;
	color: #3a3a3a;
	font-weight: normal;
	text-align: left;
	line-height: 17px;
	white-space: normal;
	float: left;
}


#spotlight-seo-col-1 {
	width: 110px;
	height: 100px;
	display: block;
	position: relative;
	text-align: left;
	top: 75px;
	left: 42px;
	font-family: "Arial";
	font-size: 11px;
	color: #3a3a3a;
	font-weight: normal;
	text-align: left;
	line-height: 17px;
	white-space: normal;
	float: left;
}

#spotlight-seo-col-2 {
	width: 110px;
	height: 100px;
	display: block;
	position: relative;
	text-align: left;
	top: 75px;
	left: 45px;
	font-family: "Arial";
	font-size: 11px;
	color: #3a3a3a;
	font-weight: normal;
	text-align: left;
	line-height: 17px;
	white-space: normal;
	float: left;
}

/* text under thumbnails on portfolio pages */
.projecttextname { width: 111px; color: #006699; font-size: 11px; text-decoration: none; font-family: arial; position: relative; top: -1px; }
/* -------------------------------------------- */
/* PORTFOLIO - WEB DESIGN PAGE - ROW 1 */
/* -------------------------------------------- */
#webdesign-row-1 {
	width: 650px;
	height: 115px;
	display: inline-block;
	position: relative;
	margin-top: 15px;
	margin-bottom: 5px;
	text-align: center;
}

#design-1-1 {
	width: 111px;
	height: 90px;
	display: block;
	position: relative;
	border: 2px solid #b3b3b3;
	float: left;
	margin-right: 17px;
}

#design-1-2 {
	width: 111px;
	height: 90px;
	display: block;
	position: relative;
	border: 2px solid #b3b3b3;
	float: left;
	margin-right: 17px;
}

#design-1-3 {
	width: 111px;
	height: 90px;
	display: block;
	position: relative;
	border: 2px solid #b3b3b3;
	float: left;
	margin-right: 17px;
}

#design-1-4 {
	width: 111px;
	height: 90px;
	display: block;
	position: relative;
	border: 2px solid #b3b3b3;
	float: left;
	margin-right: 17px;
}

#design-1-5 {
	width: 111px;
	height: 90px;
	display: block;
	position: relative;
	border: 2px solid #b3b3b3;
	float: left;
}

/* -------------------------------------------- */
/* PORTFOLIO - WEB DESIGN PAGE - ROW 2 */
/* -------------------------------------------- */
#webdesign-row-2 {
	width: 650px;
	height: 115px;
	display: inline-block;
	position: relative;
	margin-top: 15px;
	margin-bottom: 5px;
	text-align: center;
}

#design-2-1 {
	width: 111px;
	height: 90px;
	display: block;
	position: relative;
	border: 2px solid #b3b3b3;
	float: left;
	margin-right: 17px;
}

#design-2-2 {
	width: 111px;
	height: 90px;
	display: block;
	position: relative;
	border: 2px solid #b3b3b3;
	float: left;
	margin-right: 17px;
}

#design-2-3 {
	width: 111px;
	height: 90px;
	display: block;
	position: relative;
	border: 2px solid #b3b3b3;
	float: left;
	margin-right: 17px;
}

#design-2-4 {
	width: 111px;
	height: 90px;
	display: block;
	position: relative;
	border: 2px solid #b3b3b3;
	float: left;
	margin-right: 17px;
}

#design-2-5 {
	width: 111px;
	height: 90px;
	display: block;
	position: relative;
	border: 2px solid #b3b3b3;
	float: left;
}

/* -------------------------------------------- */
/* PORTFOLIO - WEB DESIGN PAGE - ROW 3 */
/* -------------------------------------------- */
#webdesign-row-3 {
	width: 650px;
	height: 115px;
	display: inline-block;
	position: relative;
	margin-top: 15px;
	margin-bottom: 5px;
	text-align: center;
}

#design-3-1 {
	width: 111px;
	height: 90px;
	display: block;
	position: relative;
	border: 2px solid #b3b3b3;
	float: left;
	margin-right: 17px;
}

#design-3-2 {
	width: 111px;
	height: 90px;
	display: block;
	position: relative;
	border: 2px solid #b3b3b3;
	float: left;
	margin-right: 17px;
}

#design-3-3 {
	width: 111px;
	height: 90px;
	display: block;
	position: relative;
	border: 2px solid #b3b3b3;
	float: left;
	margin-right: 17px;
}

#design-3-4 {
	width: 111px;
	height: 90px;
	display: block;
	position: relative;
	border: 2px solid #b3b3b3;
	float: left;
	margin-right: 17px;
}

#design-3-5 {
	width: 111px;
	height: 90px;
	display: block;
	position: relative;
	border: 2px solid #b3b3b3;
	float: left;
}

/* -------------------------------------------- */
/* PORTFOLIO - WEB DESIGN PAGE - ROW 4 */
/* -------------------------------------------- */
#webdesign-row-4 {
	width: 650px;
	height: 115px;
	display: inline-block;
	position: relative;
	margin-top: 15px;
	margin-bottom: 5px;
	text-align: center;
}

#design-4-1 {
	width: 111px;
	height: 90px;
	display: block;
	position: relative;
	border: 2px solid #b3b3b3;
	float: left;
	margin-right: 17px;
}

#design-4-2 {
	width: 111px;
	height: 90px;
	display: block;
	position: relative;
	border: 2px solid #b3b3b3;
	float: left;
	margin-right: 17px;
}

#design-4-3 {
	width: 111px;
	height: 90px;
	display: block;
	position: relative;
	border: 2px solid #b3b3b3;
	float: left;
	margin-right: 17px;
}

#design-4-4 {
	width: 111px;
	height: 90px;
	display: block;
	position: relative;
	border: 2px solid #b3b3b3;
	float: left;
	margin-right: 17px;
}

#design-4-5 {
	width: 111px;
	height: 90px;
	display: block;
	position: relative;
	border: 2px solid #b3b3b3;
	float: left;
}

/* -------------------------------------------- */
/* PORTFOLIO - WEB DESIGN PAGE - ROW 5 */
/* -------------------------------------------- */
#webdesign-row-5 {
	width: 650px;
	height: 115px;
	display: inline-block;
	position: relative;
	margin-top: 15px;
	margin-bottom: 5px;
	text-align: center;
}

#design-5-1 {
	width: 111px;
	height: 90px;
	display: block;
	position: relative;
	border: 2px solid #b3b3b3;
	float: left;
	margin-right: 17px;
}

#design-5-2 {
	width: 111px;
	height: 90px;
	display: block;
	position: relative;
	border: 2px solid #b3b3b3;
	float: left;
	margin-right: 17px;
}

#design-5-3 {
	width: 111px;
	height: 90px;
	display: block;
	position: relative;
	border: 2px solid #b3b3b3;
	float: left;
	margin-right: 17px;
}

#design-5-4 {
	width: 111px;
	height: 90px;
	display: block;
	position: relative;
	border: 2px solid #b3b3b3;
	float: left;
	margin-right: 17px;
}

#design-5-5 {
	width: 111px;
	height: 90px;
	display: block;
	position: relative;
	border: 2px solid #b3b3b3;
	float: left;
}

/* -------------------------------------------- */
/* PORTFOLIO - WEB DESIGN PAGE - ROW 6 */
/* -------------------------------------------- */
#webdesign-row-6 {
	width: 650px;
	height: 115px;
	display: inline-block;
	position: relative;
	margin-top: 15px;
	margin-bottom: 5px;
	text-align: center;
}

#design-6-1 {
	width: 111px;
	height: 90px;
	display: block;
	position: relative;
	border: 2px solid #b3b3b3;
	float: left;
	margin-right: 17px;
}

#design-6-2 {
	width: 111px;
	height: 90px;
	display: block;
	position: relative;
	border: 2px solid #b3b3b3;
	float: left;
	margin-right: 17px;
}

#design-6-3 {
	width: 111px;
	height: 90px;
	display: block;
	position: relative;
	border: 2px solid #b3b3b3;
	float: left;
	margin-right: 17px;
}

#design-6-4 {
	width: 111px;
	height: 90px;
	display: block;
	position: relative;
	border: 2px solid #b3b3b3;
	float: left;
	margin-right: 17px;
}

#design-6-5 {
	width: 111px;
	height: 90px;
	display: block;
	position: relative;
	border: 2px solid #b3b3b3;
	float: left;
}

/* -------------------------------------------- */
/* PORTFOLIO - WEB DESIGN PAGE - ROW 7 */
/* -------------------------------------------- */
#webdesign-row-7 {
	width: 650px;
	height: 115px;
	display: inline-block;
	position: relative;
	margin-top: 15px;
	margin-bottom: 5px;
	text-align: center;
}

#design-7-1 {
	width: 111px;
	height: 90px;
	display: block;
	position: relative;
	border: 2px solid #b3b3b3;
	float: left;
	margin-right: 17px;
}

#design-7-2 {
	width: 111px;
	height: 90px;
	display: block;
	position: relative;
	border: 2px solid #b3b3b3;
	float: left;
	margin-right: 17px;
}

#design-7-3 {
	width: 111px;
	height: 90px;
	display: block;
	position: relative;
	border: 2px solid #b3b3b3;
	float: left;
	margin-right: 17px;
}


/* -------------------------------------------- */
/* SITEMAP */
/* -------------------------------------------- */
#sitemapcontainer {
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
	vertical-align: middle;
}

#sitemaprow1 {
	width: inherit;
	height: 66px;
	text-align: left;
	display: inline-block;
	position: relative;
	border-bottom: 1px solid #CCC;
	vertical-align: middle;
}

#sitemaprow2 {
	width: inherit;
	height: 66px;
	text-align: left;
	display: inline-block;
	position: relative;
	border-bottom: 1px solid #CCC;
	vertical-align: middle;
}

#sitemaprow3 {
	width: inherit;
	height: 66px;
	text-align: left;
	display: inline-block;
	position: relative;
	border-bottom: 1px solid #CCC;
	vertical-align: middle;
}

#sitemaprow4 {
	width: inherit;
	height: 66px;
	text-align: left;
	display: inline-block;
	position: relative;
	border-bottom: 1px solid #CCC;
	vertical-align: middle;
}

#sitemaprow5 {
	width: inherit;
	height: 66px;
	text-align: left;
	display: inline-block;
	position: relative;
	border-bottom: 1px solid #CCC;
	vertical-align: middle;
}

#sitemaprowlast {
	width: inherit;
	height: 66px;
	text-align: left;
	display: inline-block;
	position: relative;
	text-align: left;
	vertical-align: middle;
}

#sitemapiconarea1 {
	width: 120px;
	height: 66px;
	clear: none;
	float: left;
}

#sitemapiconarea2 {
	width: 120px;
	height: 66px;
	clear: right;
	float: left;
}

#sitemapiconarea3 {
	width: 120px;
	height: 66px;
	clear: none;
	float: left;
}

#sitemapiconarea4 {
	width: 120px;
	height: 66px;
	clear: none;
	float: left;
}

#sitemapiconarea5 {
	width: 120px;
	height: 66px;
	clear: none;
	float: left;
}

#sitemapiconarea6 {
	width: 120px;
	height: 66px;
	clear: none;
	float: left;
}

#sitemapsubpagelinksarea1 {
	width: 200px;
	height: 66px;
	display: table-cell;
	position: relative;
	vertical-align: middle;
	line-height: 20px;
	text-align: left;
	font-size: 12px;
	padding-left: 130px;
}

#sitemapsubpagelinksarea2 {
	width: 200px;
	height: 66px;
	display: table-cell;
	position: relative;
	vertical-align: middle;
	line-height: 20px;
	text-align: left;
	font-size: 12px;
	padding-left: 130px;
}

#sitemapsubpagelinksarea3 {
	width: 200px;
	height: 66px;
	display: table-cell;
	position: relative;
	vertical-align: middle;
	line-height: 20px;
	text-align: left;
	font-size: 12px;
	padding-left: 130px;
}

.icon {
	margin-left: 0 auto;
	margin-right: 0 auto;
	margin-top: 0 auto;
	margin-bottom: 0 auto;
	border: none;
}

.sitemaptitles {
	font-family: "Arial";
	font-weight: bold;
	font-size: 15px;
	color: #333;
	position: absolute;
	margin-top: 24px;
	text-decoration: underline;
	z-index: 10;
	float: right;
}

a.sitemaptitlelinks:link { color: #333; font-size: 15px; position: absolute; left: 120px; text-decoration: underline; font-family: arial; font-weight: bold; margin-top: 24px; z-index: 100; }
a.sitemaptitlelinks:visited { color: #333; font-size: 15px; position: absolute; left: 120px; text-decoration: underline; font-family: arial; font-weight: bold; margin-top: 24px; z-index: 100; }
a.sitemaptitlelinks:hover { color: #333; font-size: 15px; position: absolute; left: 120px; text-decoration: none; font-family: arial; font-weight: bold; margin-top: 24px; z-index: 100; }

/* -------------------------------------------- */
/* SERVICES */
/* -------------------------------------------- */
#subpageservicescontentarea {
	width: 645px;
	height: 575px;
	left: -20px;
	display: block;
	position: relative;
	clear: left;
	float: right;
	padding-top: 19px;
	text-align: left;
	font-family: "Arial";
	font-size: 12px;
	line-height: 20px;
	color: #3a3a3a;
	overflow: visible;
}

#servicestext {
	overflow: visible;
	padding: 0;
	margin: 0;
}

.serviceicons {
	margin-right: 10px;
	margin-top: 5px;
}

.servicetextlinksarea {
	text-align: right;
	margin-bottom: -30px;
	overflow: visible;
}

.servicetextlinksarealast {
	text-align: right;
	overflow: visible;
}

/*buttons for forms*/
input.submitButton {
	width: 71px;
	height: 24px;
	display: block;
	background: url(../images/but-submit.gif) 0 0 no-repeat ;
	margin-top: 5px;
	text-align: center;
}

input.submitButton:hover {
	width: 71px;
	height: 24px;
	display: block;
	background: url(../images/but-submit.gif) 0 -24px no-repeat;
	margin-top: 5px;
}