/* BASIC ELEMENTS */
/*----------------*/
body						{ background: #0a1a24 url("/c/style1/i/bgpat.gif") repeat-x fixed; text-align: center; line-height: 1.2em; font-size: small; font-family: Arial, Optima, Verdana, sans-serif; color: #000; min-width: 842px; padding: 0; margin: 0; }
abbr, acronym				{ font-style: normal; border-bottom: dashed 1px #bbb; cursor: help; }
code, var, kbd, pre			{ font-family: monaco, courier, monospace; color: #000; }
hr							{ border: none; height: 1px; background: #7fa4bb; margin: 4.5em 0; clear: both; }
img							{ border: 0; padding: 0; }
blockquote					{ color: #555; margin: 1.5em 3em; padding-left: .5em; border-left: 1em solid #cfcfcf; }



/* LINKS */
/*-------*/
a							{ color: #4d708a; font-weight: normal; text-decoration: none; padding: 0; border: 0; }
a:hover						{ color: #4d708a; text-decoration: none; padding: 0; border: 0; background: #eee; }
a:visited					{ color: #4d708a; }
a.imgLink					{ border: none; }
a.imgLink:hover				{ border: none; }



/* HEADERS */
/*---------*/
h1, h2, h3, h4, h5, h6		{ padding: 0; margin: 2em 0 1em; color: #0a1a24; font-weight: normal; font-family: Georgia, Palatino, Times, serif; }

h1							{ font-size: 230%; }
h2							{ font-size: 200%; }
h3							{ font-size: 175%; }
h4							{ font-size: 160%; }
h5							{ font-size: 130%; }
h6							{ font-size: 115%; }

/* LISTS */
/*-------*/
ul, ol						{ padding: 0; margin: 0; list-style: none; }
ul ul						{ padding-left: .5em; }
li							{ padding: .1em 0 .1em 1.33em; }
dt							{ font-weight: bold; }
dd							{ margin: 0; }



/* FORMS */
/*-------*/
form						{ margin: 0; color: #444; }
fieldset					{ margin: 2em 0; padding: 14px; border: 2px solid #ddd; }
legend						{ color: #000; font-size: 105%; font-weight: bold; font-family: Georgia, Palatino, Times, serif; }
label						{  }
input, textarea				{ margin: 0; padding: 0; }
input[type="submit"]		{ margin-top: 1em; padding: 0 1em; }
.input						{ background-color: #e8f1ff; color: #000; font-size: .83em; padding-left: .3em; font-family: Monaco, Arial, Verdana, Sans-Serif; }
.input-text, textarea		{ border: 1px solid #999; background: #e8f1ff; }
.heightToggler				{ margin: 0 1em 1em; font-size: 90%; }


/* STRUCTURE */
/*-----------*/
#wrapper					{ position: relative; width: 842px; margin: 0 auto; text-align: left; }
#pageHeader					{ position: relative; height: 109px; background: #000 url("/c/style1/i/pageHeader.gif") no-repeat top center; }
#navBar						{ position: relative; height: 68px; background: url("/c/style1/i/navBar.gif") no-repeat; }
#nav						{ position: absolute; top: 2px; left: 0; right: 0; height: 30px; padding: 0; margin: 0; }
#headerBar					{ padding: 1.2em .75em 4.6em; }
#main						{ background: #fff url("/c/style1/i/main-top.gif") repeat-x; width: 800px; max-width: 800px; border: none; padding: 0; margin: 0 21px 4em; }
#body						{ position: relative; width: 700px; padding: 0 0 1em; margin: 0px 50px 0px 50px; text-align: justify; }
#pageFooter					{ position: relative; height: 95px; width: 100%; color: #898678; background: #d9d3be url("/c/style1/i/pageFooter.gif") repeat-x right top; clear: both; border-bottom: 10px solid #000; padding-bottom: .6em; }



/* BASE FONT SIZE FOR MAJOR ELEMENTS */
/*-----------------------------------*/
#body						{ font-size: 95%; }
#navBar						{ font-size: 90%; }
#pageFooter					{ font-size: 75%; }



/* PAGE HEADER & NAVIGATION */
/*--------------------------*/
#pageHeader h1				{ margin: 0; border: none; }
#pageHeader h2				{ display: none; border: none; }
#pageHeader h1 a			{ width: 772px; position: absolute; top: 25px; left: 35px; display: block; color: #000; background: none; overflow: hidden; font-size: 1px; height: 0px; border: none; padding: 34px 0 0 0; margin: 0; }
#pageHeader	h1 a:hover		{ background-color: transparent; }
#pageHeader h1 a span		{ position: relative; top: -1000px; }

#nav li						{ display: inline; list-style: none; padding: 0; margin: 0; }
#nav li a					{ display: block; position: absolute; top: 0; background: transparent url("/c/style1/i/nav_buttons.gif") no-repeat; color: #fff; height: 30px; padding: 0; margin: 0; text-align: center; text-decoration: none; }
#nav li a span				{ position: absolute; top: -1000px; }
#nav li a:hover				{ color: #000; background-color: transparent; }
#nav .li1 a					{ background-position: -30px 0; left: 30px; width: 73px;}
#nav .li2 a					{ background-position: -178px 0; left: 178px; width: 102px; }
#nav .li3 a					{ background-position: -355px 0; left: 355px; width: 132px; }
#nav .li4 a					{ background-position: -557px 0; left: 557px; width: 110px; }
#nav .li5 a					{ background-position: -736px 0; left: 736px; width: 76px; }

#nav .li1 a:hover			{ background-position: -30px -150px; }
#nav .li1 a.navOn			{ background-position: -30px -180px; }
#nav .li2 a:hover			{ background-position: -178px -150px; }
#nav .li2 a.navOn			{ background-position: -178px -180px; }
#nav .li3 a:hover			{ background-position: -355px -150px; }
#nav .li3 a.navOn			{ background-position: -355px -180px; }
#nav .li4 a:hover			{ background-position: -557px -150px; }
#nav .li4 a.navOn			{ background-position: -557px -180px; }
#nav .li5 a:hover			{ background-position: -736px -150px; }
#nav .li5 a.navOn			{ background-position: -736px -180px; }



/* CONTENT HEADER */
/*----------------*/
#headerBar							{ text-align: center; text-transform: none; }
#headerBar h2						{ margin: 0; font-size: 210%; color: #0a1a24; line-height: 1em; letter-spacing: .1em; }



/* CONTENT FOOTER */
/*----------------*/
#pageFooter a						{ color: #a6a291; }
#pageFooter a:hover					{ background: #e6e1c9; }
#siteBy								{ position: absolute; bottom: 0px; width: 700px; right: 0; color: #a6a291; padding: 70px .6em 0; text-align: right; }
#copyright							{ position: absolute; bottom: 0px; width: 700px; left: 0; padding: 70px .6em 0; text-align: left; }



/* CLASSES - NOT PAGE SPECIFIC */
/*-----------------------------*/
.quoteBlock							{  }
.quoteText							{  }
.quoteAuthor						{  }
.textBlock							{ margin: 0 0 2.5em; }
.miniNav							{ color: #aaa; line-height: 1em; padding: .5em 0; border: 1px solid #f2f2f2; border-width: 1px 0; clear: both; }
.miniNav_left						{ width: 350px; }
.miniNav_right						{ width: 350px; float: right; text-align: right; }
.miniNav hr							{  }
.myimg_left							{ float: left ! important; }
.myimg_right						{ float: right ! important; }
.hide								{ display: none; }
.clear								{ clear: both; line-height: 0; height: 0; }
hr.clear							{ padding: 0; margin: 0; clear: both; visibility: hidden; }
.note								{ color: #777; font-style: italic; }

.onion1, .onion2, .onion3, .onion4	{ display: block; }
.onion1								{ padding: 0; float: left; background: url("/c/style1/i/shadow.gif") no-repeat right bottom; }
.onion2								{ background: url("/c/style1/i/shadow_bl.gif") no-repeat left bottom; }
.onion3								{ padding: 0 6px 6px 0; background: url("/c/style1/i/shadow_tr.gif") no-repeat right top; }
.onion4								{ border: 1px solid #cfcfcf; padding: 4px; }
.onion1 img							{ display: block; border: 0; padding: 0; }



/* HOME PAGE */
/*-----------*/
.p-hom #headerBar					{ padding-top: 3em; padding-bottom: 3.6em; }
.p-hom #headerBar h2				{ font-size: 145%; }
#features							{ border: 1px solid #7fa4bb; border-width: 1px 0; padding: 2em 0; }
#feat_imgGrid						{ margin-left: 0px; width: 348px; float: left; text-align: right; }
#feat_textBox						{ margin: 0 0px 0 40px; width: 312px; height: 348px; float: left; font-size: 120%; }
#feat_textBox ul li					{ padding: 51px 0 11px 0; color: #777; overflow: visible; font-size: 140%; font-family: Georgia, Palatino, Times, serif; text-align: left; }
#feat_textBox .on					{ background: transparent; color: #000; }
#feat_textBox .off					{ background: transparent; color: #777; }
#feat_imgGrid .onion1				{ margin: 4px; }
#contactLine						{ text-align: center; padding: 3.6em 0 0; margin: 0; }
#contactLine li						{ display: inline; list-style: none; padding: 0 .8em; margin: 0; letter-spacing: 1px; }



/* PROFILE PAGE */
/*--------------*/
.profileBit							{ padding: 0 0px; margin: 0; }
.profileBit h4						{ margin: 0 0 .75em; }
.p-abt .fl_l .onion1				{ float: left; margin: 0 2em 1.8em 0; }
.p-abt .fl_r .onion1				{ float: right; margin: 0 0 1.8em 2em; }
.profileText						{ text-align: justify; margin: 0; }
	


/* PORTFOLIO PAGE */
/*----------------*/
.hasMiniNav #headerBar				{ padding-bottom: 0; }
.hasMiniNav .miniNav				{ margin: 1.6em 0 1em; }
.p-prt .miniNav a.return			{ color: #aaa; }
.p-prt .miniNav a.return:hover		{ color: #4d708a; }

.p-prt div.onion4 a					{ border: none; background: transparent; }
.p-prt div.onion4:hover				{ border-color: #4d708a; }

#vwrImgBox							{ text-align: center; margin: 2em 0; }
.vwrButtons	ul						{ padding: 0; margin: 0; list-style: none; }
.vwrButtons	li						{ display: inline; background: transparent; font-size: 90%; padding: 0; }
.vwrButtons a						{ color: #4d708a; }
.vwrButtons span					{ padding: 0 .5em; }
.vwrButtons em						{ padding: 0 1em; }

#jobList							{ padding: 0; margin: 0; }
#jobList h3							{ margin: 0 0 2em; text-align: center; text-transform: uppercase; }
#jobList ul							{ padding: 0 50px; margin: 0; }
#jobList li							{ padding: 0; clear: both; }
#jobList li h4						{ margin-top: 0; margin-bottom: .25em; padding-top: 24px; }
#jobList em							{ color: #777; font-size: 110%; }
#jobList hr							{ margin-top: 2.5em; }
.jobItemImg							{ padding: 0 0 2em 0; margin-right: 1em; float: left; width: 151px; text-align: right; }
.jobItemImg .onion1					{ float: right; }

#imgThumbs							{ position: relative; }
#imgThumbs em						{ display: block; margin: 0; text-align: center; color: #777; }
#imgThumbs h4						{ padding: 3em 0 .5em; margin: 0; clear: both; }
#imgThumbs h6						{ padding: 0 0 .5em; margin: 0; clear: both; }
#imgThumbs hr						{ margin: 0 0 1.5em; }
#imgThumbs em+h4					{ padding-top: 1.5em; }
#imgThumbs .thumbCell				{ float: left; display: inline; height: 185px; margin: 0; text-align: center; line-height: 185px; background: transparent; }
#imgThumbs img						{ vertical-align: middle; }
.imageThumbs_n1 .thumbCell			{ width: 700px; }
.imageThumbs_n2 .thumbCell			{ width: 350px; }
.imageThumbs_n3 .thumbCell			{ width: 233px; }
.imageThumbs_n4 .thumbCell			{ width: 175px; }
.imageThumbs_n5 .thumbCell			{ width: 140px; }
.imageThumbs_n6 .thumbCell			{ width: 116px; }
.imageThumbs_n7 .thumbCell			{ width: 100px; }
.imageThumbs_n8 .thumbCell			{ width: 87px; }


/* LINKS PAGE */
/*------------*/
#linkGroups							{ padding: 0 50px; margin: 0; }
#linkGroups h4						{ margin: 0 0 .5em; }
#linkGroups ul						{ margin-bottom: 3em; border-bottom: 1px solid #cfcfcf; }
#linkGroups ul li					{ padding: 0; margin: 0; }
#linkGroups ul li a					{ display: block; border-top: 1px solid #cfcfcf; padding: .2em .2em .2em 1.33em; margin: 0; }
#linkGroups ul li a:hover			{ background: #f0f0f0; }
#linkGroups ul li a em				{ font-size: 85%; color: #777; }
.links_left							{ float: left; margin-right: 25px; width: 287px; }
.links_right						{ float: right; width: 287px; }



/* CONTACT PAGE */
/*--------------*/
#contactDetails						{ margin: 0 50px 0 0px; width: 325px; float: left; font-size: 120%; line-height: 1.2em; }
#contactDetails h5					{ margin: 0; }
#contactDetails #contactImg			{ float: left; text-align: center; margin-top: 2em;  }
#contactDetails #contactImg	em		{ color: #555; font-size: 80%; }
#contactForm 						{ margin-right: 0px; float: left; width: 325px; }
#contactForm fieldset				{ margin-top: 0; background: #f9f9f9; }
#contactForm .input-text			{ width: 291px; margin: .25em 0 .75em; }
#contactForm textarea				{ width: 291px; height: 200px; margin: .25em 0 0; }
#contactForm .error					{ color: #a00; font-weight: bold; }
#contactForm .inputError			{ border-color: #a00; }
#contactForm .fs_contact			{ margin-bottom: 1em; }
#fq_cc								{ margin-right: 1em; }
#msgBox								{ padding: .3em; margin: 0 0 2em; color: #fff; font-weight: bold; }
#msgBox ul							{ background: #fbb; padding: 1em; list-style: disc; color: #000; font-weight: normal; }
#msgBox li							{ padding-left: 0; margin-left: 1em; }
.msgError							{ background: #c20000; }
.msgError2							{ background: #c20000; text-align: center; }
.msgSent							{ background: #00b300; text-align: center; }

.fs_validate .input-text			{ width: 108px; }
.fs_validate .note					{ margin: 0; font-size: 85%; }