/* ///////////////// STEADY FOX DESIGN ///////////////// */


/* //////////////////////////////// GLOBAL NAV START */
body {
	background-color: #f3f1ef;
	background-image: url('../images/bg.png');
	background-repeat: repeat-x;
	font-family: arial, san-serif;
	text-align: left;
	font-size: 13px;
	letter-spacing: .5px;
	color: #4d4c4c;
	margin: 0;
	padding: 0;
}
a:link, a:visited, a:hover, a:active {
	font-size: 16px;
	letter-spacing: 1px;
	font-weight: bold;
	text-decoration: none;
}
a:link, a:visited {
	color: #f26822;
}
a:hover, a:active {
	color: #7c7d86;
}
a:link img, a:visited img {
	background-color: #f3f1ef;
	border: 3px solid #4d4c4c;
	margin: auto;
	padding: 4px;
}
a:hover img, a:active img {
	background-color: #4d4c4c;
	border: 3px solid #4d4c4c;
	margin: auto;
	padding: 4px;
}
h2 {
	font-family: 'arial black', arial, san-serif;
	font-size: 18px;
	color: #7c7d86;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}
div.aligncenter {
	align: center;
	width: 717px;
	margin: 0 auto;
}
div.aligncenter img {
	max-width: 300px;
	height: auto;
	margin: 0 0 0 20px;
	padding: auto;
}
/* //////////////////////////////// GLOBAL NAV END */


/* ///////////////////////////////// LAYOUT START */
#wrapper {
	width: 1080px;
	text-align: center;
	margin: 0 auto;
	padding: 0;
}
#header {
	background-color: #f4f2f0;
	background-image: url('../images/header_bg.png');
	background-repeat: no-repeat;
	width: 1080px;
	height: 163px;
	margin: 0;
	padding: 0;
}
#container {
	background-color: #f4f2f0;
	background-image: url('../images/content_bg.png');
	background-repeat: repeat-y;
	width: 1020px;
	height: auto;
	min-height: 100px;
	margin: 0;
	padding: 0 0 0 60px;
}
#sub, #main {
	text-align: left;
	height: auto;
	padding: 0;
	float: left;
}
#sub {
	width: 238px;
	margin: 20px 0 0 1px;
}
#main {
	width: 717px;
	margin: 20px 0 0 2px;
}
#sub p {
	width: 214px;
	margin: 0 0 10px 0;
	padding: 0 0 10px 12px;
}
.textMain {
	width: 693px;
	margin: 0 0 10px 0;
	padding: 0 0 10px 12px;
}
/* ///////////////////////////////// LAYOUT END */


/* /////////////////////////////// NAVIGATION START */
div#navgiation {
	margin: 0;
	padding: 0;
}
#navigation ul {
	margin: 0;
	padding: 0;
}
#navigation ul li {
	display: inline;
	margin: 0;
	padding: 0;
}
#navigation ul li a {
	display: block;
	float: left;
}
div#navigation a:hover {
	background-position: bottom left;
}
#bttn_home, #bttn_printlayout, #bttn_logosweb, #bttn_digitalconcept,
#bttn_home2, #bttn_printlayout2, #bttn_logosweb2, #bttn_digitalconcept2 {
	backround-color: #f4f2f0;
	background-position: top left;
	background-repeat: no-repeat;
	width: 240px;
	height: 43px;
	margin: 0;
	padding: 0;
}
#bttn_home2, #bttn_printlayout2, #bttn_logosweb2, #bttn_digitalconcept2 {
	background-position: bottom left;
}
#bttn_home, #bttn_home2 {
	background-image: url('../images/bttn_home.png');
}
#bttn_printlayout, #bttn_printlayout2 {
	background-image: url('../images/bttn_printlayout.png');
}
#bttn_logosweb, #bttn_logosweb2 {
	background-image: url('../images/bttn_logosweb.png');
}
#bttn_digitalconcept, #bttn_digitalconcept2 {
	background-image: url('../images/bttn_digitalconcept.png');
}
/* /////////////////////////////// NAVIGATION END */


/* ///////////////////////////////// HEADERS & MISC START */
.topHead, .mainHead, .subHead {
	font-family: 'arial black', arial, san-serif;
	text-align: left;
	text-transform: uppercase;
	padding: 0 0 0 7px;
}
.topHead {
	background-color: #4d4c4c;
	background-image: url('../images/tophead.png');
	background-repeat: no-repeat;
	color: #f5f3f2;
	font-size: 36px;
	letter-spacing: 4px;
	line-height: 49px;
	height: 47px;
	margin: 5px 0 10px 0;
}
.mainHead, .subHead {
	border-bottom: 20px solid #4d4c4c;
	color: #4d4c4c;
	font-size: 30px;
	line-height: .8em;
}
.mainHead {
	margin: 0 0 6px 0;
}
.subHead {
	margin: 0 0 10px 0;
}
.empty {
	clear: both;
}
.non {
	display: none;
}
em.tiny {
	font-size: 12px;
	color: #4e6a7d;
}
/* ///////////////////////////////// HEADERS & MISC END */


/* ///////////////////////////////// CONTACT FORM START */
#contactForm {
	background-color: #7c7d86;
	border: 2px solid #4d4c4c;
	text-align: left;
	width: 350px;
	height: auto;
	margin: auto;
	padding: 15px;
}
#contactForm p, #contactForm li {
	color: #f4f2f0;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
}
.line {
	width: 80%;
	border-bottom: 1px solid #f4f2f0;
	margin: 20px auto;
	padding: 0;
}
#contactForm dt {
	font-family: 'arial black', arial, san-serif;
	color: #f4f2f0;
	text-transform: uppercase;
}
#contactForm #name {
	margin: 0 0 4px 32px;
}
#contactForm #company {
	margin: 0 0 4px 9px;
}
#contactForm #email {
	margin: 0 0 4px 37px;
}
#contactForm #phone {
	margin: 0 0 4px 31px;
}
input, textarea {
	background-color: #4d4c4c;
	border: 2px solid #f4f2f0;
	font-family: 'arial black', arial, san-serif;
	font-size: 14px;
	color: #f26822;
	letter-spacing: .5px;
	line-height: 12px;
	margin: 0 0 7px 0;
	padding: 4px;
}
/* ///////////////////////////////// CONTACT FORM START */


/* ///////////////////////////////// PORTFOLIO START */
.center {
	width: 717px;
	height: auto;
	margin: 0 0 15px 0;
	padding: 0;
}
.left, .leftEx {
	height: auto;
	margin: 0;
	padding: 0 0 0 12px;
	float: left;
}
.left {
	width: 345px;
}
.left strong {
	font-family: 'arial black', arial, san-serif;
	color: #f26822;
}
p.orange {
	font-family: arial, san-serif;
	color: #f26822;
	font-size: 14px;
	line-height: 12px;
	margin: 0;
	padding: 0;
}
.right {
	text-align: center;
	width: 357px;
	height: auto;
	margin: 0 auto;
	padding: 5px 0 0 0;
	float: left;
}
.sm_picBG {
	background-color: #f2f0ee;
	/*border: 4px solid #4d4c4c;*/
	width: 308px;
	height: auto;
	margin: auto;
	padding: 5px;
}
.sm_pic {
	width: auto;
	height: auto;
	max-width: 300px;
	max-height: 300px;
	margin: 0;
	padding: 0;
}
/* ///////////////////////////////// PORTFOLIO END */


/* ///////////////////////////////// WORK EXPERIENCE START */
.leftEx {
	width: 450px;
}
.leftEx h2 {
	margin: 0;
	padding: 0 0 2px 0;
	line-height: 14px;
}
.leftEx li, .leftEx p {
	margin: 0;
	padding: 0;
}
.leftEx p {
	size: 12px;
	color: #f26822;
	line-height: 12px;
	font-weight: bold;
}
.leftEx em {
	color: #4d4c4c;
}
.leftEx ul {
	margin: 5px 0 25px 20px;
}
#resume {
	margin: 0 0 0 50px;
}
/* ///////////////////////////////// WORK EXPERIENCE END */


/* /////////////////////////////////////// GRADES START */
.info_table {
	background-color: #7c7d86;
	border: 1px solid #4d4c4c;
	margin: 0 auto;
	padding: 0;
	width: 70%;
}
tr.title, .odd, .even, .td.tabletitle {
	color: #f4f2f0;
}
tr.title {
	font-family: 'arial black', arial, san-serif;
	color: #4d4c4c;
}
tr.title {
	background-color: #7c7d86;
	font-weight: bold;
	font-size: 10pt;
	text-align: center;
}
.odd {
	background-color: #7c7d86;
	font-size: 9pt;
}
.even {
	background-color: #4d4c4c;
	font-size: 9pt;
}
td {
	margin: 0;
	padding: 2px;
}
tr {
	margin: 0;
	padding: 0;
}
td.tabletitle {
	background-color: #7c7d86;
	font-size: 11pt;
	font-weight: bold;
	letter-spacing: .2em;
	width: 290px;
}
td.class, td.letter {
	text-align: center;
}
/* /////////////////////////////////////// GRADES END */


/* ///////////////////////////////// LIGHTBOX START */
#lightbox {	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#lightbox img { width: auto; height: auto; }
#lightbox a img { border: none; }

#outerImageContainer { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer { padding: 10px; }

#loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav { left: 0; }
#hoverNav a { outline: none; }

#prevLink, #nextLink { width: 49%; height: 100%; display: block; }
#prevLink { left: 0; float: left; }
#nextLink { right: 0; float: right; }
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData { padding: 0 10px; color: #666; }
#imageData #imageDetails { width: 70%; float: left; text-align: left; }	
#imageData #caption { font-weight: bold; }
#imageData #numberDisplay { display: block; clear: left; padding-bottom: 1.0em; }			
#imageData #bottomNavClose { width: 66px; float: right;  padding-bottom: 0.7em; outline: none; }	 	

#overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
/* /////////////////////////////////////////// LIGHTBOX END */