@charset "UTF-8";

/* Eric Meyer's Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* End Reset */



/* ----------------- MAIN BODY STYLES ------------------- */


body {
	background: #AEE8E1 url('../graphics/swirls.gif') no-repeat top center;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 0.75em;
	line-height: 1.3;
}
p {
	line-height: 1.4;
	margin-bottom: 10px;
}
.box p span {
	vertical-align:top;
	font-size:1.2em;
	padding-top:5px;
}
p img.dot{
	margin-right:8px;
}
.hidden {
	display: none;
	visibility: hidden;
}
h2 {
	font-size: 1.5em;
	font-weight: bold;
	padding-bottom:5px;
	line-height: 1;
}
h3 {
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 1.2em;
	color: #659C95;
}
a {
	color: #FFB3B3;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

#wrapper {
	margin: 75px auto 0px;
	width: 845px;
}
#header {
	background-color: transparent;
	height: 183px;
}
#main {
	background-color: #fff;
	margin-top: 15px;
	padding: 20px;
	float: left;
	width:805px;
}
img.banner {
	margin-left: -35px;
	display: block;
	float: left;
	z-index:100;
	clear: both;
}
#main .box {
	width: 805px;
	float: left;
	margin-bottom:20px;
}

/* -- disabled for now b/c I don't like it ---

ul#skills {
	margin-left: 25px;
	list-style-type: disc;
	list-style-position: inside;
	line-height: 1.6;
	float:left;
}
ul#skills2 {
	list-style-type: disc;
	list-style-position: inside;
	line-height: 1.6;
	float:left;
	padding-left: 30px;
}

-- */




/* ------------- Sites Styles ------------ */


ul#sites {
	list-style: none;
	padding: 0;
	margin: 0;
}
ul#sites li {
	display: inline;
	float: left;
	padding-left: 30px;
	padding-bottom: 20px;
}
ul#sites li.first {
	padding-left: 0px;
}
p.site {
	height: 70px;
	width: 236px;
	font-size: 0.85em;
	line-height: 1;
	margin-top: 5px;
	padding: 5px;
	color: #999;
	width: 236px;
}
a.ihr {
	display: block;
	width: 240px;
	height: 149px;
	background-image: url(../graphics/ihr_hover.jpg);
	border: 4px solid #AEE8E1;
	background-position: -240px 0;
}
a.ihr:hover {
	background-position:0 0;
	
}
a.tekcelerate {
	display: block;
	width: 240px;
	height: 149px;
	background-image: url(../graphics/tekcelerate_hover.jpg);
	border: 4px solid #AEE8E1;
	background-position: -240px 0;
}
a.tekcelerate:hover {
	background-position: 0 0;
}
a.willows {
	display: block;
	width: 240px;
	height: 149px;
	background-image: url(../graphics/willows_hover.jpg);
	border: 4px solid #AEE8E1;
	background-position: -240px 0;
}
a.willows:hover {
	background-position: 0 0;
}
a.vday {
	display: block;
	width: 240px;
	height: 149px;
	background-image: url(../graphics/vday_hover.jpg);
	border: 4px solid #AEE8E1;
	background-position: -240px 0;
}
a.vday:hover {
	background-position: 0 0;
}
a.volitant {
	display: block;
	width: 240px;
	height: 149px;
	background-image: url(../graphics/volitant_hover.jpg);
	border: 4px solid #AEE8E1;
	background-position: -240px 0;
}
a.volitant:hover {
	background-position: 0 0;
}
a.grad {
	display: block;
	width: 240px;
	height: 149px;
	background-image: url(../graphics/grad_hover.jpg);
	border: 4px solid #AEE8E1;
	background-position: -240px 0;
}
a.grad:hover {
	background-position: 0 0;
}
a.indicators {
	display: block;
	width: 240px;
	height: 149px;
	background-image: url(../graphics/indicators_hover.jpg);
	border: 4px solid #AEE8E1;
	background-position: -240px 0;
}
a.indicators:hover {
	background-position: 0 0;
}
a.miajames {
	display: block;
	width: 240px;
	height: 149px;
	background-image: url(../graphics/miajames_hover.jpg);
	border: 4px solid #AEE8E1;
	background-position: -240px 0;
}
a.miajames:hover {
	background-position: 0 0;
}


/* ------------- Industrial Design Styles ------------ */


ul#industrial {
	list-style: none;
	padding: 0;
	margin: 0;
}
ul#industrial li {
	display: inline;
	float: left;
	padding-left: 31px;
	padding-bottom: 20px;
}
ul#industrial li a{
	display:block;
	width:100px;
	height:100px;
	border: 4px solid #AEE8E1;
}
ul#industrial li.first {
	padding-left: 0px;
}
a.solstice {
	background-image: url(../graphics/id_solstice_hover.jpg);
	background-position: -100px 0;
}
a.solstice:hover {
	background-position: 0 0;
}
a.loop {
	background-image: url(../graphics/id_loop_hover.jpg);
	background-position: -100px 0;
}
a.loop:hover {
	background-position: 0 0;
}
a.everwell {
	background-image: url(../graphics/id_everwell_hover.jpg);
	background-position: -100px 0;
}
a.everwell:hover {
	background-position: 0 0;
}
a.breeze {
	background-image: url(../graphics/id_breeze_hover.jpg);
	background-position: -100px 0;
}
a.breeze:hover {
	background-position: 0 0;
}
a.smartcurve {
	background-image: url(../graphics/id_smartcurve_hover.jpg);
	background-position: -100px 0;
}
a.smartcurve:hover {
	background-position: 0 0;
}

a.tea {
	background-image: url(../graphics/id_tea_hover.jpg);
	background-position: -100px 0;
}
a.tea:hover {
	background-position: 0 0;
}

/* --- Interior Site Pages ---- */

#site-text {
	width: 270px;
	float: left;
}
#site-images {
	width: 500px;
	float: right;
}
#site-images img {
	margin-bottom: 5px;
}



/* --------------- Paintings Styles ----------- */

ul#paintings {
	list-style: none;
	padding: 0;
	margin: 0;
}
ul#paintings li {
	display: inline;
	float: left;
	padding-left: 31px;
	padding-bottom: 20px;
}
ul#paintings li a{
	display:block;
	width:100px;
	height:100px;
	border: 4px solid #AEE8E1;
}
ul#paintings li.first {
	padding-left: 0px;
}
a.car {
	background-image: url(../graphics/car_thumb.jpg);
	background-position: -100px 0;
}
a.car:hover {
	background-position: 0 0;
}
a.sneetch {
	background-image: url(../graphics/sneetch_thumb.jpg);
	background-position: -100px 0;
}
a.sneetch:hover {
	background-position: 0 0;
}
a.lorax {
	background-image: url(../graphics/lorax_thumb.jpg);
	background-position: -100px 0;
}
a.lorax:hover {
	background-position: 0 0;
}
a.sam {
	background-image: url(../graphics/sam_thumb.jpg);
	background-position: -100px 0;
}
a.sam:hover {
	background-position: 0 0;
}
a.places {
	background-image: url(../graphics/places_thumb.jpg);
	background-position: -100px 0;
}
a.places:hover {
	background-position: 0 0;
}
a.onceler {
	background-image: url(../graphics/onceler_thumb.jpg);
	background-position: -100px 0;
}
a.onceler:hover {
	background-position: 0 0;
}
a.truffula {
	background-image: url(../graphics/truffula_thumb.jpg);
	background-position: -100px 0;
}
a.truffula:hover {
	background-position: 0 0;
}



/* --------------- Graphic Design Styles ----------- */

ul#graphic {
	list-style: none;
	padding: 0;
	margin: 0;
}
ul#graphic li {
	display: inline;
	float: left;
	padding-left: 31px;
	padding-bottom: 20px;
}
ul#graphic li a{
	display:block;
	width:100px;
	height:100px;
	border: 4px solid #AEE8E1;
}
ul#graphic li.first {
	padding-left: 0px;
}
a.brochure1 {
	background-image: url(../graphics/gra_ppbrochure_hover.jpg);
	background-position: -100px 0;
}
a.brochure1:hover {
	background-position: 0 0;
}
a.brochure2 {
	background-image: url(../graphics/gra_ppbrochure2_hover.jpg);
	background-position: -100px 0;
}
a.brochure2:hover {
	background-position: 0 0;
}
a.vmposter {
	background-image: url(../graphics/gra_vmposter_hover.jpg);
	background-position: -100px 0;
}
a.vmposter:hover {
	background-position: 0 0;
}
a.orion {
	background-image: url(../graphics/gra_orion_hover.jpg);
	background-position: -100px 0;
}
a.orion:hover {
	background-position: 0 0;
}
a.canamex {
	background-image: url(../graphics/gra_canamex_hover.jpg);
	background-position: -100px 0;
}
a.canamex:hover {
	background-position: 0 0;
}



/* --------------- footer ------------------- */


#clear {
	clear: both;
}
#footer {
	float:left;
	color:#fff;
	background-color: #659C95;
	height:100%;
	padding: 20px;
	font-size: 0.9em;
	margin: 15px auto 10px;
	width: 805px;
}
#footer img {
}