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

/* v1.0 | 20080212 */

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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/* ---- End Reset ----*/


body{background:url(../images/bodyBack.jpg) no-repeat top center; background-color:#00ADEF;font-family:Geneva, Arial, Helvetica, sans-serif;text-align:center;}
#wrapper{margin:auto;width:900px;text-align:left;}


a.BeyondtheBlurlogo{background-image: url(../images/beyondtheblurLogo.png); width:360px; height:55px;display:block;text-indent:-90000px;margin:120px 0px 0px 15px;}

#navigation{background:url(../images/navBack.gif); width:120px; height:107px;margin:0px 0px 0px 0px;*margin:0px 0px 0px 1px; text-align:right;position:absolute;}
#navigation ul{list-style-type:none;float:right; margin:20px 20px 0px 0px;}
#navigation li{list-style-type:none; color:#FFFFFF;margin:0px 0px 10px 0px;}
#navigation a{font-size:79%; color:#fff; text-decoration:none;letter-spacing:2px;}
#navigation a:hover{font-size:79%; color:#fff; text-decoration:underline;}

#mainContent{margin:27px 0px 0px 0px; height:430px;}
img.companyMotto{margin:30px 0px 0px 170px;}
img.featuredProjTitle{float:left;margin:60px 0px 0px 60px;}
#homePrevBtns{float:right;margin:20px 0px 0px 0px; width:900px;font-size:75%;*font-size:70%;}
#homePrevBtns ul{list-style-type:none;display:inline;}
#homePrevBtns li{margin:0px 0px 10px 0px;}
ul.homePrev1{float:left;margin:10px 50px 0px 70px;*margin:10px 50px 0px 55px; width:220px;letter-spacing:1px;}
ul.homePrev2{float:left;margin:10px 50px 0px 0px;width:220px;letter-spacing:1px;}
ul.homePrev3{float:left;margin:10px 0px 0px 0px;width:220px;letter-spacing:1px;}


/* ---About Page ---*/
#aboutTXT{float:right;margin:40px 90px 0px 0px;}
img.aboutTitle{margin:0px 0px 0px 135px;}
img.headshot{float:left;margin:30px 0px 0px 30px;}
p.aboutTxt{width:500px; font-size:75%;padding:0px 40px 0px 0px;line-height:15px;}
a.SkillsExpLink{color:#333333; text-decoration:none;}
a.SkillsExpLink:hover{color:#333333; text-decoration: underline;}
@media screen and (-webkit-min-device-pixel-ratio:0){
img.aboutTitle{float:left; margin:0px 0px 0px 140px;}
img.headshot{clear:left;margin:20px 0px 0px 30px;}
p.aboutTxt{width:500px; font-size:75%;padding:0px 80px 0px 0px;line-height:15px;}
} 



/* --- Contact Page ----*/
img.contactTitle{margin:0px 0px 0px 135px;}
img.LAXfoto{float:left;margin:20px 0px 0px 20px;}
#contactInfo{float:left; margin:80px 0px 0px 80px;font-size:75%;letter-spacing:1px;}
#contactInfo li{margin:30px 0px 0px 0px;}
#contactInfo a{color:#666666;}

/*--- Work Page -----*/
img.workTitle{margin:0px 0px 0px 135px;}

span.WorkTitle{float:left;margin:40px 0px 20px 40px;}
img.PrevWorkImg{float:left;margin:60px 0px 0px 30px;}
#leftCol {font-size:75%;line-height:15px;}
#leftCol ul{float:left;width:240px;margin:100px 0px 0px 30px;}
#leftCol li{margin:0px 0px 20px 0px;}
#rightCol{float:right; margin:-109px 0px 0px 0px;*margin:-112px -1px 0px 0px;}
#rightCol ul{margin:10px 0px 0px 15px;*margin:10px 0px 0px 15px; width:180px;}
#rightCol a{font-size:75%;line-height:15px;color:#333333; text-decoration:none;}
#rightCol a:hover{text-decoration:underline;}
#rightCol li{margin:0px 0px 10px 0px;}
img.printBtn{margin:10px 0px 0px 15px;}


/* --- Resume Skils Page ----*/
#skillsTXT{float:left; margin: 40px 0px 0px 30px;font-size:75%;}
#skillsTXT{text-indent:10px;}
#skillsTXT li{margin:0px 0px 10px 0px;} 
h2.skills{font-size:150%; color:#FFFFFF; padding:8px 8px 8px 8px; background-color:#333; width:180px;text-indent:0px;letter-spacing:2px; font-family:"Courier New", Courier, monospace; font-weight: bold;}

#workExp{float:left; margin: 40px 0px 0px 80px;font-size:75%;width:520px;}
#workExp li{margin:0px 0px 15px 0px;line-height:15px;}
h2.workExp{font-size:150%; color:#FFFFFF; padding:8px 8px 8px 8px; background-color:#333; width:500px;text-indent:0px;letter-spacing:2px; font-family:"Courier New", Courier, monospace; font-weight: bold;}

a.jobCompany{font-size:125%; font-weight:700; color:#333333; text-decoration:none;}
a.jobCompany:hover{text-decoration:underline;}
span.position{font-size:110%; font-weight:700;color:#555;}
a.currentCompany{font-size:165%;  color:#00ADEF; text-decoration:none; font-family:"Courier New", Courier, monospace; letter-spacing:2px;}
a.currentCompany:hover{text-decoration:underline;}

#footer{margin:5px 20px 0px 0px;}
#footer p{font-size:77%; letter-spacing:2px; float:lefts;margin:0px 0px 0px 60px;}
#footer a{color:#333333;}