* {outline:0;}

body.saxum {
background:url(/siteImages/pageBG.jpg);
padding:0;
margin:0;
font-family: Georgia;
}

.saxum #page {
background: url(/siteImages/contentBG.gif) repeat-y top right;
position:relative;
margin:0px auto;
padding:0 15px 0 0;
width:785px;
}

#logo{ 
float:left;clear:none;
margin:0;padding-top:280px;
height:210px;
width:185px;
background:url(/siteImages/bannerBG2.jpg);
}

#nav1{
margin:285px 0 0 0;
border:0px solid gray;
}


.gallery {
margin:0;
width:570px;
padding:0px 15px 15px 15px;
}

.default #main{
padding:0px 60px;
width:480px;
}

#main {
float:left;
width:500px;
padding:0px 50px;
}

#main img{
margin-bottom:15px;
}

#sidebar{display:none;
float:right;width:220px;
border: 0px solid #9F8377;
border-width:1px 0;
margin:50px  0 0 0;
padding:0;
background: url(/siteImages/sidebarBG.jpg) repeat-y; 
}

#footer{
font-size:11px;text-align:center;
clear:both;
background: url(/siteImages/footerBG.gif) no-repeat bottom right;
margin:0 -15px 0 0 ;
padding:10px 5px 15px 180px;
}

#footer a{
color:#9F8377;
}



#footer a:hover{
color:black;
}

#footer p{
border-top:1px solid #cebbaa;
background:#ebe6e0;
padding:10px 0;margin:0px 10px 0 5px;
}

/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
      N A V I G A T I O N
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.menu{
list-style-type:none;
margin:0;
padding:0;
font-size:11px;
background:url(/siteImages/menuBG.jpg) top left;
padding-bottom:2px;
}

.menu li, .menu li a{
margin:0;padding:0;
}

#sections a:hover{
color:#1d0600;
}

#sections a{
text-decoration:none;
color:#694C3C;
display:block;  
text-align:right;
height:15px;
padding:4px 30px 1px 45px;
background:url(/siteImages/menuBG.jpg) top left;
margin:0;
}

#menu_default a{
background-position:left 182px;
}

#menu_about a{
background-position:left 162px;
}

#menu_clients a{
background-position:left 142px;
}

#menu_contact a{
background-position:left 122px;
}

#menu_pricing a{
background-position:left 102px;
}

#menu_work a{
background-position:left 82px;
}

#menu_default a:hover{
background-position:center 182px;
} 
#menu_default.active a{
background-position:right 182px;
}

#menu_about a:hover{
background-position:center 162px;
}
#menu_about.active a{
background-position:right 162px;
}

#menu_clients a:hover{
background-position:center 142px;
}
#menu_clients.active a{
background-position:right 142px;
}

#menu_contact a:hover{
background-position:center 122px;
}
#menu_contact.active a{
background-position:right 122px;
}

#menu_pricing a:hover{
background-position:center 102px;
}
#menu_pricing.active a{
background-position:right 102px;
}

#menu_work.active a{
background-position:right 82px;
}

#menu_work a:hover{
background-position:center 82px;
}

/*..... /  Button List  /........................... */
#page .story .buttonList{
display:block;
list-style:none;
clear:both;
float:left;
margin:0 0 10px 0;padding:0;
width:100%;
}

#page .story .buttonList li{
padding:0;
margin:0;
float:right;
clear:none;
margin:0;
padding:0;
width:auto;
}

* html .buttonList li{
padding:0;margin:0;
background:none;
}

.buttonList a{
display:block;
text-decoration:none;
font-size:11px;
background: url(/siteImages/arrow.gif) no-repeat 100% 0px;
padding: 0; margin:0 0 0 5px;
line-height:100%;
color:#9F8377;
border:none;
text-indent:-5000px;
width:15px;
height:15px;
}

* html .buttonList a{
text-decoration:underline;
}

.buttonList a:hover{
color:#7F5847;
background-position:100% -16px;
}

.edit a{
background:url(/siteImages/edit.gif) no-repeat 100% 0px;
}

.faxLink a{
background:url(/siteImages/fax.gif) no-repeat 100% 0px;
}

.phoneLink a{
background:url(/siteImages/phone.gif) no-repeat 100% 0px;
}

.up a{
background-image:url(/siteImages/arrowUpCircle.gif);
}

li.prev{
margin:0 15px 0 25px;

}

.prev a{
background:url(/siteImages/arrowLeftCircle.gif) no-repeat 0px 0px;
padding: 2px 0px 2px 20px;
margin:0 0 0 -20px;
}

.prev a:hover{
background-position:0px -16px;
}

#navs2{
min-width:200px;
margin:0 auto;
}

#navs2 ul{
list-style-type:none;
margin:0;padding:0;
clear:both;margin-right:15px;
}

#navs2 li, 
#navs2 li a{
background:url(/siteImages/tabBG.jpg) no-repeat 0% -3px;
}

#navs2 li{
margin:0 0 0 0px;
float:right;
display:block;
}

#navs2 li a{
text-decoration:none;
margin-left:8px;
color:#694C3C;
padding:5px 8px 4px 0;
font-size:10px;
display:block;
line-height:110%;
background: url(/siteImages/tabBG.jpg) no-repeat 100% -3px;
}
#navs2 li:hover,
#navs2 li a:hover{
background-position:0% -28px;
}

#navs2 li a:hover{
background-position:100% -28px;
color:#1d0600;
}

 
#navs2 .selected a{
padding-bottom:10px;
background-position: 100% -25px;
color:#1d0600;font-weight:bold;
}

#navs2 .selected {
padding-bottom:10px;
background-position: 0% -25px;
}
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
      A R T I C L E S
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.story {
float:left;
background: url(/siteImages/gradDown.gif) repeat-x 0% -5%;
border-top:1px solid #cebbaa;
margin-bottom:10px;
width:100%;
font-size:11px;
}

.top{
padding-top:20px;
}

* html .story{
padding-top:15px;
}

* html .story img{
margin-top:-15px;
}

.story img{
float:left;
margin-right:15px;
}

#sidebar .story img{
float:right;
margin:0 -25px 3px 5px;
border-bottom:1px solid #cebbaa;
padding-left:10px;
background: url(/siteImages/gradLeftBrown.gif) repeat-y 5% 0%;
}

* html #sidebar .story img{
}

#sidebar .story {
float:right;
margin:0;
width:180px;
padding:0 25px 0 15px;
float:right;clear:both;
border-top:1px solid #cebbaa;
background: url(/siteImages/gradDownBrown.gif) repeat-x 0% -9px;
}

#sidebar h2{
font-size:1.5em;
margin:0;
padding:5px 15px;
display:block;
background: url(/siteImages/sidebarBG.jpg) repeat-y -300px top;
}

* html #sidebar h2{
margin-right:-20px;
}

#sidebar h3{
font-size:1.3em;
}

* html #sidebar h3{
margin-top:10px;
}

.blurb {
width:120px;
float:right;
clear:none;
margin:0px 0 5px 30px;
border-left:2px solid #dccdbe;
padding-left:25px;
}

.blurb p{
margin-bottom:0;
}

.lquote, .rquote  {
float: left;
padding:12px 0 0 0;
margin:-20px 5px -30px -6px;
font-size: 400%;
color: #DCCDBE;
line-height:100%;
}

* html .lquote{
margin:0 -10px -30px -6px;
}

.rquote {
float: right;
padding-top:20px;
margin:-45px 0px -20px 0;

}

* html .rquote{
margin:-20px -10px -20px 0;
}

.blurb p{
font-size:1.2em;
font-style:italic;
}

.contact .home #main .blurb,
.production #main .blurb {
width:230px;
padding:0;
margin-top:0px;
background: #ebe6e0 url(/siteImages/gradDownBrown.gif) repeat-x 0% -10px;
border: 0px solid #8f786b;
border-width:1px 0 0 0;
}


.contact .home #main .blurb li
.production #main .blurb li{
margin:0px; padding:0;
color:#7F5847;
}

.wideMargin .blurb ul{
padding:0;
}
.contact .home #main .blurb span,
.production #main .blurb span {display:none;}

#sidebar table{
border-collapse:collapse;
font-size:.95em;
color:#7F5847;
margin:-2px 0 0 5px;
width:215px;
}

#sidebar th{
margin:10px 0 0 -5px;
text-align:left;
font-size:1.4em;
border-top:2px solid #cebbaa;
background: #ebe6e0 url(/siteImages/gradDownBrown.gif) repeat-x 0% -7px;
padding: 15px 10px 3px;
}

.today, #sidebar th.today{
background-color:#f5f3f5;
padding-top:10px;
}

#sidebar td{
padding:2px 0 3px 10px;
border-bottom: 1px solid #DFD0C3;
}

#sidebar tr:hover{
background:white;
}

.icon{
padding-right:0px;
width:16px;

}

.icon img{
margin:0;padding:0;
}

.thirds{
float:left;
width:31%;
padding:0px 0px 0px 10px;
background:none;
font-size:11px;
margin:5px 0;
}

.thirds h3{
display:inline;
float:none;
textwrap:normal;
}


/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
      T Y P E S T Y L E S
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
body{
font-size:75%;
font-family:Trebuchet MS,arial,georgia;
}


p {font-size:1em;
line-height:150%;
margin:0;
margin-bottom:1em;
color:gray;
}

p strong{
color:#555;
}

ul, li {
color:gray;
margin-left:25px;
margin-bottom:1em;
line-height:135%;
}

.leadIn p{
font-size:1.3em;
}

h1,h2,h3 {
margin-bottom:.5em;
line-height:100%;
color:#7F5847;
}

.story a{font-weight:bold;color:#7F5847;}

*html h2,
*html h3
*html h4{
margin-top:20px;
}

h1 {font-size:2.2em;}
h2 {font-size:1.8em;}
h3 {font-size:1.4em;}

h4 {
color:#7F5847;
font-size:1.2em;
float:left;
line-height:100%;
margin-right:.4em;
}

h5 {
color:#bbb;
font-size:1.3em;
font-weight:normal;
float:right;
width:40%;
border-left:1px dotted #ccc;
margin-left:10px;
padding-left:15px;
}


/*------|  A L L    F O R M S    |------------------------------------------*/
.content fieldset, legend{
padding:0;margin:0;
border:0;
}

.contact fieldset fieldset{
clear:both;
border-bottom: 1px solid #8f786b;
padding:10px 0 5px;
background:#ebe6e0 url(/siteImages/gradDownBrown.gif) repeat-x 0% -10px;
}

.saxum form{
padding:15px;
background:#ebe6e0 url(/siteImages/gradDownBrown.gif) repeat-x 0% -10px;
color:#7F5847;
border: 0px solid #8f786b;
border-width:1px 0;
}

/* ..../ conatct form \........................ */

.zemContactForm{
font-size:11px;
float:right;clear:none;
color:gray;width:500px;
margin-top:15px;
}

fieldset{border:none;margin:0;padding:0;}
legend {display:none;}

label{ /* default labels */
float:left;
clear:left;
vertical-align:baseline;
display:block;
margin:3px 0 8px 0;
height:15px;
line-height:150%;
width:15%;}

input.zemText,
textarea.zemTextarea,
select.zemSelect{ /* default fields */
border:1px solid #eee;
border-width:1px;
background: #fff url(/siteImages/gradGray.gif) repeat-x 0 -12px;
margin-bottom:8px;
width:79%;float:right;
padding:3px 0 0;
clear:right;
height:15px;
font:11px arial;
border-color: #bbb #fff #fff #bbb;
}

.zemText, .zemTextArea{ /* label widths */
width:15%;float:left;}

#zemSubscriberFirstName, 
#zemSubscriberLastName,
#zemSubscriberCustom2, 
#zemSubscriberCustom3{ /* 2-column field widths */
width:33%;clear:none;float:left;}

.zemSubscriberCustom3, 
.zemSubscriberCustom7, 
.zemSubscriberCustom6, 
.zemSubscriberLastName{ /* 2+ column label widths */
text-align:right;
clear:none;
width:12%;
float:left;
margin: 0;
}

.zemSubscriberCustom2,
.zemSubscriberFirstName,
.zemSubscriberCustom5{
width:20.56%;
}

.zemSubscriberLastName{
width:9%;
margin-right:5px;
}


/* disable Second Phone number 
.contact #zemSubscriberCustom2{
width:79%;
float:right;
}
.contact .zemSubscriberCustom3,
.contact #zemSubscriberCustom3
{display:none;} */

#zemSubscriberCustom3, 
#zemSubscriberLastName{ /* 2-column right aligned field  */
float:right;margin-left:0;
}

#zemSubscriberCustom5{ /* custom field width */
width:25%;float:left;margin-left:0;
}

#zemSubscriberCustom6{ /* custom field width */
width:15%;float:left;
margin-left:0px;
padding:0;
}

#zemSubscriberCustom7 { /* custom field width */
width:15%;clear:none;
}

.zemSubscriberCustom6, 
.zemSubscriberCustom7 { /* 2+ column label widths */
clear:none;width:9%; 
margin:0 1% 0;
}
.zemDoSubscribe{clear:none;float:left;width:auto;margin:5px 10px 0 10px;}
#zemDoSubscribe{float:left;clear:both;margin:8px 0 10px 20%;}

#eNewsFields{
clear:both;float:left;
width:470px;

}
.zemSubscriberLists, 
#zemSubscriberLists { /* don't show list */
float:left;display:none}

#Notes, #instructions {
height:auto;
color:black;}

.Notes{clear:both;}

.button{
float:right;
margin-right:-5px;
clear:none;
margin-top:5px;
}

.zemThanks .blurb{
width:auto;
float:none;
margin-top:30px;
}

.zemThanks p{
padding:0 20%;
}

#Regarding, #zemSubscriberCustom8{
height:auto;
border:1px inset;
padding:0;
border-color: #bbb #fff #fff #bbb;
}

#Regarding{width:79.5%}


.slideshow{
margin-bottom:0px;
float:left;
}

.slideshow div img{
top:-7px !important;
}

.slideshow p,
.slideshow ul{
display:none;
margin:0 !important;}

.default .live li{
width:33%;
float:left;
margin:0;
}

.default .live ul{
padding:0 15px;
margin:0;
}

.default .more{display:none;}

#googleMap{
height:220px;
}

.contact .home .blurb{
margin-top:-46px !important;
border:none !important;
background: #ebe6e0 url(/siteImages/gradDown.gif) repeat-x bottom left !important;
}

.contact .blurb ul{
margin:0 0 15px 0;padding:20px;
border-bottom:1px solid #cebbaa;
}

.contact .blurb li{
margin:0 0 5px 15px;
}

li.up,
li.more{display:none;}

.contact .zemContactForm{
margin:0 0 20px;width:470px;
}

.half{
float:left;clear:none;
}

input.half{
width:150px;
}

label#pass_label{
text-align:center;
}

#user_password{
float:right;
}

input#upload_submit{float:right;clear:both;margin-top:5px;}
#remember_label{
clear:both;width:auto;
}

#remember_me{width:auto;}
.clients form{display:none;width:470px;margin-bottom:50px;clear:both;}
.clients form div p{float:left;margin:2px 0 0 10px;color:#7F5847}

.clients .story {
padding-top:0 !important;border-top:none;
}