/**********************  GENERAL SETTINGS *********************/
* {margin:0;padding:0;}

html, body {font: 10pt Helvetica, Arial, sans-serif; line-height: 1.35em;	color: #f0f0e5;	background:#A7A79D;	margin:0;  height: 100%;}
form, p,h1,h2,h3,h4  {	margin:0;	padding:0;}
ul, ol {margin:0; padding:0; list-style:none;}
img {border:0;}
hr {display:none;}
	
/*********************************************/

#container { margin: 0; width:1100px; height:100%;}

div#logo {background:url(images/logo.png) no-repeat; margin-left:30px; width:179px;	height:132px; float:left; position: fixed;}
div#logo h1 {	display:none;	}	
	 
#rightBox {	width:702px;float:right; position:relative; min-height: 100%; height: 100%; padding: 0 10px;}
#rightBox h3 {text-transform:uppercase; font-weight:lighter; font-size:9pt; color:#ffffff; position:absolute; display:block; width:100%;}

#printWorks {height: 100%;}
#printImages {margin-top: -1px}

.imageContainer {height:405px; height:160px; margin-bottom:1px;}
.imageContainer ul li {float:left; position:relative;}
div.iHover {width:395px; height:150px; border:5px solid #fff; position:absolute;}
div.iHover a {width:395px; height:150px; text-indent:-9999px; display:block;}

#printImages img {border: 1px solid #ffffff; margin: 7px 0;}

infoContainer {position: absolute; height: 25px; width: 700px;}
.infoContainer ul li {background:url(images/icon_info.gif) no-repeat 10px #fff; font-size:0.9em; height:29px; padding:11px 0 0 25px;}
a.visitLink {background:url(images/icon_cursor.gif) no-repeat 10px ; display:block; border-left:1px solid #1b1f1e; color:#39464a; text-decoration:none; right:0; top:0; position:absolute;
width:32px; height:29px; padding:11px 0 0 25px;}
a.viewLink {background:url(images/icon_view.gif) no-repeat 10px ;}

ul.workNav {position:absolute; left:780px;}
ul.workNav li {margin-bottom:8px;}
ul.workNav li.previous {margin-top:-280px;}
ul.workNav li.next {position:relative; top: 210px;}
ul.workNav li a {display:block; width:23px; height:16px; text-indent:-9999px; outline:none;}

h3#digital {left:-65px; top:-5px; background-position:50px 5px;}
h3#print {left:-65px; top:0px; background-position:50px 5px;}

ul#dNav {top:163px;} /* set vertical position for digital works prev and next nav */
ul#pNav {top:465px;} /* set vertical position for print works prev and next nav */

div.pprev {display:none; background:url(images/thisway_off.png) top center no-repeat; cursor:pointer; left: 390px; top: 0;height:31px;width:125px; margin: 0 286px 128px 286px; position: absolute; z-index: 50; }
.pprev:hover {background-position: 0 -32px;}


div.pnext {display:none; background:url(images/thatway_off.png) top center no-repeat; cursor:pointer; left: 390px; bottom: 0; height:31px;width:125px; margin: 128px 286px 0 286px; position: absolute; z-index: 50;}
.pnext:hover {background-position: 0 -32px;}


ul.workNav li a.prev, ul.workNav li a.pprev {background:url(images/arrow_up_off.gif) no-repeat; cursor:pointer;height:150px;width:700px; position: relative; z-index: 50;}
ul.workNav li a.prev:hover, ul.workNav li a.pprev:hover {background:url(images/arrow_up_on.gif) #000000 no-repeat;}

ul.workNav li a.next, ul.workNav li a.pnext {background:url(images/arrow_down_off.gif) no-repeat; cursor:pointer;height:150px;width:700px;position: relative; z-index: 50;}
ul.workNav li a.next:hover, ul.workNav li a.pnext:hover {background:url(images/arrow_down_on.gif) #000000 no-repeat}

#rightBox h2 {display:none;}


/***************** LEFTBOX AND ACCORDION CONTENT SETTINGS *************************/
#leftBox {	padding-top:190px;	width:300px; padding-left:45px;  position:relative; height:478px; float: left; position: fixed;}/** <<--- change height to min-height if you want your content to have unlimited heigth / which will enable the accordion content scroll more without conflicting with the footer **/
#leftBox h2 {	margin:0 0 10px 0;	cursor:pointer;	width:350px;	color:#c4c7bc; font-size:1pt; height:19px; outline:none;}
#leftBox p:first-child {margin-top:0;}
#leftBox p.intro {color:#f7f6f1;}

/**** This is where the accordion headers come from as graphic text ****/
/**** each of these images are saved as one single gif file containing both states (normal/selected) of the link ****/
h2 {margin: 0 0 0 35px;}
h2#hWelcome {background:url(images/header_welcome.png) no-repeat; margin-left: 30px; }
h2#hWelcome.selected {margin:  0 0 5px 0; }
h2#hServices {background:url(images/header_services.png) no-repeat; margin-left: 30px;}
h2#hServices.selected {margin:  0 0 5px 0; }
h2#hContact {background:url(images/header_contact.png) no-repeat; margin-left: 30px;}
h2#hContact.selected {margin:  0 0 5px 0; }
h2 span {display:none;}

/** selected sliding div settings **/
.contentBox {margin:0 0 18px -45px; }
.selected { background-color: #8e8e86; padding: 20px 15px 15px 30px;}
h2.selected {padding:0; margin: 0 0 0 -45px;}

div.content {padding-right:15px; font-size:0.9em; width: 300px;}

.content p {margin:10px 0; color:#D1D1C7; padding:0;}
.content p a {color:#f1c057;}
.content p span {color:#f1c057;}

span.yellow {color:#fff1bf;}
span.red {color: #AB3D36;}

div.fLeft {display:block; float:left; width:140px; margin-top:0;}
div.fLeft_form {display:block; float:left; width:140px; margin-top:0;}

div.textarea {clear:both; padding-top: 10px;}
div.clear {clear: both;}


div#footer {float: left; padding-left:45px; background:url(images/bg_footer.gif) no-repeat 15px top; height:68px; margin-left: -30px; margin-top:25px;}
#footer p {color:#65685f; font-size:0.8em; margin-bottom:9px}
#footer p a, #footer p a:visited {color:#65685f; text-decoration: none;}
#footer p a:hover {text-decoration: underline;}

/* Form style */

.error_message { display: block; height: 25px; line-height: 25px; background: url('images/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; color:#F1B83E;}

.loader { padding: 0 10px; }

#contact #success_page p {color:#F1B83E; }