/* -----------------------------------------------
Title:    Default Stylesheet
Author:   Brian Sweeting
Modified: 2005-06-13
----------------------------------------------- */


/* Tag Styles --------------------------------- */
* { padding:0px; margin:0px; border:0px; }
html { overflow-y:scroll; }

body { background: #c1dde3 repeat left; font:12px/150% Arial, Helvetica, sans-serif; text-align:center; color:#333; }
table { font-size:100%; }
th, td { text-align:left; vertical-align:top; }
p { margin-bottom:15px; }
a, a:link, a:active { color:#666; text-decoration:none; }
a:visited { color:#666; }
a:hover { color:#999; }
img { vertical-align:bottom; }
a img { border:0px; }
ul, ol { padding-left:25px; }

/* Miscellaneous Selectors -------------------- */
.hidden { display:none; }
.bait { display:none; }
.clear { clear:both; height:0; overflow:hidden; font-size:0px; line-height:0px; }

/* Container  --------------------------------- */
#container { margin:0px auto; width:960px; text-align:left; }

/* Header  ------------------------------------ */
#header { padding:52px 0 0 0; margin-bottom:55px; }
#header h1 { float:left; }
#header img { display:block; }

#subheader .left { float:left; width:345px; margin-right:45px; }
#subheader .right { float:left; width:560px; padding-top:50px; font:italic 42px/125% Georgia, "Times New Roman", Times, serif; color:#f9f9db; }

/* Nav ---------------------------------------- */
#nav { float:left; list-style-type:none; padding:10px 0 0 100px; }
#nav li { float:left; padding:0 14px; }
#nav li a { color:#f9f9db; font-weight:bold; display:block; height:0; padding-top:38px; overflow:hidden; cursor:pointer; position:relative; }
#nav li a:hover { color:white; }
#nav li a:focus { outline:0; }
#nav #nav-home a { background:transparent url(/img/nav_home.png) left top no-repeat; width:79px; }
#nav #nav-home a:hover, #nav #nav-home a.current, #nav #nav-home a:active { background:transparent url(/img/nav_home.png) left -38px no-repeat; }
#nav #nav-pricing a { background:transparent url(/img/nav_pricing.png) left top no-repeat; width:96px; }
#nav #nav-pricing a:hover, #nav #nav-pricing a.current, #nav #nav-pricing a:active { background:transparent url(/img/nav_pricing.png) left -38px no-repeat; }
#nav #nav-templates a { background:transparent url(/img/nav_templates.png) left top no-repeat; width:127px; }
#nav #nav-templates a:hover, #nav #nav-templates a.current, #nav #nav-templates a:active { background:transparent url(/img/nav_templates.png) left -38px no-repeat; }
#nav #nav-samples a { background:transparent url(/img/nav_samples.png) left top no-repeat; width:106px; }
#nav #nav-samples a:hover, #nav #nav-samples a.current, #nav #nav-samples a:active { background:transparent url(/img/nav_samples.png) left -38px no-repeat; }
#nav #nav-tips a { background:transparent url(/img/nav_tips.png) left top no-repeat; width:144px; }
#nav #nav-tips a:hover, #nav #nav-tips a.current, #nav #nav-tips a:active { background:transparent url(/img/nav_tips.png) left -38px no-repeat; }

ul.nav2 { float:left; width:200px; margin:0 0 100px -5px; list-style-type:none; padding:0; }
ul.nav2 li { display:block; padding:0 0 1px 6px; background:#f9f9db url(/img/nav2_bg.gif) left top no-repeat; }
ul.nav2 li.first { padding-top:5px; background:#f9f9db url(/img/nav2_first_bg.gif) left top no-repeat; }
ul.nav2 li.last { padding-bottom:5px; background:#f9f9db url(/img/nav2_last_bg.gif) left top no-repeat; }
#main ul.nav2 li a { display:block; height:33px; width:185px; color:#503c28; text-transform:uppercase; font:bold 14px/34px Arial, Helvetica, sans-serif; text-indent:7px; overflow:hidden; }
#main ul.nav2 li a:active, #main ul.nav2 li a:focus { outline:0; }
#main ul.nav2 li a:hover, #main ul.nav2 li a.current { color:#f9f9db; background:#bb5210 url(/img/nav2_hover.gif) left top no-repeat; }
.scrolldiv { float:left; width:395px; }
.scrolldiv div { width:395px; }

/* Form Stylings ------------------------------ */
input.textbait { display:none; } /* This is bait for a trap for spam-bots */
input.text, select.text { height:25px; } 
* html input.text { height:26px; margin-bottom:5px; padding-top:3px; }
select.text, input.text, textarea { font:18px/135% Georgia, "Times New Roman", Times, serif; color:#503c28; width:268px; padding:5px 5px 0 5px; margin-bottom:7px; border: 1px solid #9e9388; }
select.text { height:33px; padding-right:0; padding-left:0; }
select.format { width:154px; float:left; margin-right:6px; }
select.quantity { width:120px; float:left; height:33px; text-align:right; }

/* Content ------------------------------------ */
#content { clear:both; background:transparent url(/img/content_bg_top.gif) left top no-repeat; padding-top:10px; }
#cont2 { background:transparent url(/img/content_bg_bottom.gif) left bottom no-repeat; padding-bottom:10px; }
#cont3 { background:transparent url(/img/content_bg_mid.gif) left top repeat-y; padding:0 1px; position:relative; height:100%; }
#content h4, #content h4 a { color:#bb5210; font:bold 14px/150% Arial, Helvetica, sans-serif; text-transform:uppercase; }

/* 1 Column (Side-Main) [ ][  ] --------------- */
#layout-m #main {  }

/* 2 Column (Main-Side) [ ][  ] --------------- */
#layout-ms #main { float:left; width:636px; color:#503c28; font:15px/136% Georgia, "Times New Roman", Times, serif; background-color:#F9F9DB; }
#layout-ms #main .inner { padding:20px 18px 15px 20px; }
#layout-ms #side { float:left; width:322px; color:#f9f9db; font:14px/125% Arial, Helvetica, sans-serif; background-color:#46321E; }
#layout-ms #side .inner { padding:20px 18px 15px 20px; }

/* 3 Column (Side-Main-Extra) [ ][  ][ ] ------ */
#layout-smx #side { float:left; width:150px; }
#layout-smx #main { float:left; width:468px; }
#layout-smx #extra { float:left; width:100px; }

/* Side --------------------------------------- */
#side { }

/* Main --------------------------------------- */
#main { }
#main a { color:#bb5210; font-family:Arial, Helvetica, sans-serif; }
#main a:hover { color:#46321E; }
#main a:active { outline:0; }

/* Extra -------------------------------------- */
#extra { }

/* Footer ------------------------------------- */
#footer { clear:both; color:#d39f7f; padding-top:2px; }
#footer a { color:#d39f7f; }
#footer a:hover { color:white; }


/* Alerts ------------------------------------- */
.error { background-color:#C4BEA3; margin:0 0 15px 0; padding:10px 15px; color:black; }
.error strong { font-size:125%; color:#BB500E; }
.success { background-color:#B6FFC1; margin:0 0 15px 0; padding:10px 15px; border:1px solid #090; color:black; }
.warning { background-color:yellow; margin:0 0 15px 0; padding:10px 15px; border:1px solid orange; color:black; }
.error ul, .success ul { margin:0; padding:0 0 0 25px; }