@charset "UTF-8";
/* CSS Document */


/*
	
	1. Globals
	2. Menu
	3. Wrappers
	4. Selectors
	5. Logos/Vectors
	6. Thoughts

*/


/* 1. Globals
------------------------*/

html, body { height: 100%; }
	
body { margin: 0px; padding: 0px; background-color:#FFF; }

#header { float:left; width:800px; height:200px; }

#footer { float:left; width:800px; padding-top:20px; padding-bottom:40px; }

#logo { float:left; height:182px; width:62px; margin-left:325px; margin-top:30px; margin-right:15px; }

h1 { font-family:Georgia, "Times New Roman", Times, serif; color:#F00; display:inline; font-size:20px; font-weight:normal; font-style:italic; line-height:24px; }

h2{}

h3{}

p { font-family:Georgia, "Times New Roman", Times, serif; color:#F00; display:inline; font-size:12px; font-weight:normal; font-style:italic; }

a { font-family:Georgia, "Times New Roman", Times, serif; color:#666; display:inline; text-decoration:underline; }

a:hover { text-decoration:none; color:#F00; }

a:active { color:#25aae1; }

.largelink { font-size:20px; color:#666; line-height:26px; text-decoration:underline; }

.largelink:hover { color:#F00; }

.largelink:active { color:#25aae1; }

.highlight { color:#00aeef; }

.highlight:hover { color:#F00; }

#content { width:760px; float:left; padding:10px 20px 10px 20px; background: #fff; text-align:center; }

.portfolio-content { margin-left:60px; margin-right:60px; margin-top:20px; margin-bottom:30px; }

#pageimage { float:left; width:800px; height:23px;; background-color:#CCC; margin-bottom:10px; }

#img { float:left; width:800px; }


/* 2. Menu
------------------------*/

#menu li { list-style: none; display:inline; padding:0px; margin:0px; font-family:Georgia, "Times New Roman", Times, serif; font-size:10px; font-style:italic; }

#menu { float:left; width:170px; margin-top:18px; }

.menu { float:left; width:170px; height:16px; margin-bottom:8px; }

#footer-menu { float:left; margin-left:245px; width:154px; text-align:right; }

.footer-menu { float:left; width:154px; height:10px; margin-bottom:5px;  font-family:Georgia, "Times New Roman", Times, serif; font-size:10px; font-style:italic; }

.footer-menu:hover {  }

#footer-menu li{ list-style: none; display:inline; padding:0px; margin:0px; }

#sitemap-page #content li a:hover {  }

#links-page #content li a:hover {  }

#content img { border:solid 1px #ccc; }

/* 3. Wrappers
------------------------*/

#wrapper { min-height:100%; width:800px; margin:0 auto; position:relative; width:800px; }

/* 4. Selectors
------------------------*/

#home-page #home { color: #F00; }

#home-page #content { padding-top:0px; }

#lectors-page #lectors { color: #F00; }

#contact-page #contact { color: #F00; }

#thoughts-page #thoughts  { color: #F00; }

#web-design-page #web-design { color: #F00; }

#email-design-page #email-design { color: #F00; }

#portfolio-page-aveda-email1 #aveda1 { color:#F00; }

#portfolio-page-aveda-email1 #email-design { color: #F00; }

#portfolio-page-aveda-email2 #aveda2 { color:#F00; }

#portfolio-page-aveda-email2 #email-design { color: #F00; }

#portfolio-page-bobbi-email1 #bobbi1 { color:#F00; }

#portfolio-page-bobbi-email1 #email-design { color: #F00; }

#portfolio-page-bobbi-email2 #bobbi2 { color:#F00; }

#portfolio-page-bobbi-email2 #email-design { color: #F00; }

#portfolio-page-clinique-email1 #clinique1 { color:#F00; }

#portfolio-page-clinique-email1 #email-design { color: #F00; }

#portfolio-page-clinique-email2 #clinique2 { color:#F00; }

#portfolio-page-clinique-email2 #email-design { color: #F00; }

#portfolio-page-lauder-email1 #lauder1 { color:#F00; }

#portfolio-page-lauder-email1 #email-design { color: #F00; }

#design-philosophy-page #philosophy { color: #F00; }

#poster-page #poster-ideas { color: #F00; }

#links-page #links { background-position: 0 -13px; }

#portfolio-page-kbw-site #web-design { color: #F00; }

#portfolio-page-kbw-site #kbw-associates { color:#F00; }

#portfolio-page-lauder-site #web-design { color: #F00; }

#portfolio-page-lauder-site #estee-lauder { color:#F00; }

#portfolio-page-lightcell-site #web-design { color: #F00; }

#portfolio-page-lightcell-site #lightcell { color:#F00; }

#portfolio-page-abcxyz-site #web-design { color: #F00; }

#portfolio-page-abcxyz-site #abc-xyz { color:#F00; }

#portfolio-page-ssfm-site #web-design { color: #F00; }

#portfolio-page-ssfm-site #ssfm { color:#F00; }

#portfolio-page-technix-site #web-design { color: #F00; }

#portfolio-page-technix-site #technix { color:#F00; }

#portfolio-page-acanthus-site #web-design { color: #F00; }

#portfolio-page-acanthus-site #acanthus { color:#F00; }

#portfolio-page-corinthian-site #web-design { color: #F00; }

#portfolio-page-corinthian-site #corinthian{ color:#F00; }

#portfolio-page-crispin-site #web-design { color: #F00; }

#portfolio-page-crispin-site #crispin { color:#F00; }

#portfolio-page-bq-site #web-design { color: #F00; }

#portfolio-page-bq-site #bq { color:#F00; }

#sitemap-page #sitemap { color:#F00; }

#sitemap-page #content li  { list-style: none; display:block; padding:0px; margin:0px; }

#links-page #links { color:#F00; }

#links-page #content li  { list-style: none; display:block; padding:0px; margin:0px; }

#home-page #footer { margin-top:5px; }

#home-page #img { background-image:url(../img/interesting-boring-objects.jpg); width:800px; height:300px; text-indent:-9999px; }

#hph1 { text-align:center;  margin-top:5px; }

/* 5. Logos/Vectors
------------------------*/

#logo-content  { width:800px; height:1050px; float:left; position:relative; background: #fff; }

#world-bang {
	position:absolute;
	left: 50px;
	top: 30px;
}

#speaker {
	position:absolute;
	left: 228px;
	top: 46px;
}

#extreme-logo {
	position:absolute;
	left: 360px;
	top: 71px;
}

#heartsticks {
	position:absolute;
	left: 587px;
	top: 25px;
}

#wmap {
	position:absolute;
	left: 27px;
	top: 207px;
}

#cancer-crab {
	position:absolute;
	left: 268px;
	top: 212px;
}

#moto-old {
	position:absolute;
	left: 475px;
	top: 153px;
}

#tv {
	position:absolute;
	left: 631px;
	top: 233px;
}

#painthouse {
	position:absolute;
	left: 103px;
	top: 347px;
}

#telephone-old {
	position:absolute;
	left: 268px;
	top: 374px;
}

#moto-new {
	position:absolute;
	left: 468px;
	top: 383px;
}

#camcorder {
	position:absolute;
	left: 624px;
	top: 424px;
}

#top-class-logo {
	position:absolute;
	left: 67px;
	top: 536px;
}

#cbg-logo {
	position:absolute;
	left: 286px;
	top: 515px;
}

#tribal-pattern {
	position:absolute;
	left: 449px;
	top: 545px;
}

#xbox-controller {
	position:absolute;
	left: 632px;
	top: 554px;
}

#arrows {
	position:absolute;
	left: 52px;
	top: 703px;
}

#groovemasters-logo {
	position:absolute;
	left: 208px;
	top: 674px;
}

#van {
	position:absolute;
	left: 235px;
	top: 756px;
}

#rocket-gun {
	position:absolute;
	left: 462px;
	top: 733px;
}

#get-fresh-air {
	position:absolute;
	left: 645px;
	top: 671px;
}

#jorgenson-logo {
	position:absolute;
	left: 103px;
	top: 882px;
}

#cube-records-logo {
	position:absolute;
	left: 602px;
	top: 873px;
}

#thinice-logo {
	position:absolute;
	left: 325px;
	top: 912px;
}


/* 6. thoughts
------------------------*/

#thoughts-page #content { text-align:left; width:580px; padding:0px 100px 0px 120px; }

#thoughts-page #content p { line-height:18px; color:#000; }