/* ********************* */
/* **** Styled tags **** */
/* ********************* */
 
body { margin: 0; padding: 0; background: #e3e3e3 url("../images/gray_dots.jpg") fixed repeat; font: 101% "Trebuchet MS",Arial,Helvetica,sans-serif; text-align: center; }
p { margin: 0 0 1em 0; }
#header h1 { font-size: 1.4em; color: #7b855a; margin: 0; padding: 0; font-weight: bold; }
#content h1 { font-size: 1.4em; color: #7b855a; margin: 0; padding: 0; font-weight: bold; padding: 0 0 10px 0; }
#content h2 { font-size: 1.1em; color: #7b855a; font-weight: bold; margin: 0; padding: 0 0 10px 0; }
#sidebar h1 { font-size: .9em; color: #7b855a; font-weight: bold; margin: 0; padding: 0 0 10px 0; }
h3 { font-size: .9em; font-weight: bold; margin: 0; padding: 0 0 5px 0; }
a img { border: 0; }
code { font-family: "Courier New", Courier, monospace; color: #003399; font-size: .85em; }
form {  padding: 0; }
fieldset { border: 0; margin: 0 0 20px 0; padding: 3px; clear: both; }
legend { margin: 0; margin-left: -0.05em; padding: 0; font-size: 1.1em; color: #8faa5c; font-weight: bold; border: none; }
label { margin: 0; padding: 0; color: #000000; letter-spacing: 0.04em; font-size: .95em; }
input, textarea, select { font: .85em "Trebuchet MS",Arial,Helvetica,sans-serif; margin: 0; padding: 0; }
abbr { border-bottom: 1px dotted #000000; cursor: help }
blockquote { padding: 5px 3px 5px 1px; margin: 0; }

/* ********************* */
/* **** Styled ids ***** */
/* ********************* */

#wrapper { width: 760px; margin: 0 auto; text-align: left;}
#toplinks { width: 760px; font-size: .7em; text-align: right; margin: 0 0 4px 0; }
#toplinks a { text-decoration: none; border-bottom: 1px dotted #666666; color: #666666; margin: 0 0 0 15px; position: relative; }
#toplinks a:hover, #toplinks a:focus { text-decoration: none; border-bottom: 1px solid #333333; color: #333333; }
#header { width: 760px; clear: both; }
#logo { width: 760px; border-bottom: 1px dotted #cccccc; }
#logo a { cursor: default; }
#logo img { display: block; }
div#menu { font-size: .75em; letter-spacing: 0.02em; width: 760px; background: #6d6d6d url("../images/nav_bk.gif") repeat; }
ul#nav, ul#nav li { list-style-type: none; margin: 0; padding: 0; }
ul#nav { width: 760px; background: #6d6d6d url("../images/nav_bk.gif") repeat; float: left; list-style: none; }
ul#nav li { float: left; text-align: center; border-right: 1px dotted #ffffff; }
ul#nav a { display: block; float: left; width: 5.9em; padding: 5px 0; text-decoration: none; color: #d9d8d8; }
ul#nav a:hover, ul#nav a:focus { color: #000000; background: #8d8e8d url("../images/nav_bk-H.gif") repeat; }
ul#nav li.active a,ul#nav li.active a:hover { font-weight: bold; color: #000000; background: #8d8e8d url("../images/nav_bk-H.gif") repeat; }
#main-body { width: 760px; background-color: #ffffff; border-bottom: 10px solid #c9dd82; }
#sidebar { width: 220px; float: right; padding-top: 20px; background: url("../images/header_arrow.gif") top left no-repeat; background-position: 0px 21px; }
#sidebar p { padding: 5px 3px 5px 5px; }
#sidebar h1 { font-size: .85em; padding-left: 21px; color: #7b855a; }
#sidebar h2 { font-size: .75em; padding: 0 0 0 6px; margin: 0; }
#sidebar .info { background: #e2e0e0 url("../images/sidebar_bk.gif") bottom right no-repeat; color: #4a4a4a; margin-right: 5px; margin-bottom: 20px; padding-top: 10px; }
#sidebar .info img.feed { float: left; padding: 0 8px 1px 5px; }
#sidebar .info a.skype { text-decoration: none; border: 0; border: 0; clear: both; }
#sidebar .additional { border-left: 1px dotted #999999; color: #333333; margin-right: 5px; }
#sidebar .additional p, #sidebar .info p { font-size: .75em; }
#sidebar .featured .sourtea,.deceptivemagic,.ela1,.ela3,.valiant,.roadmaster,.jellyform,.hampdens,.itsmyifone { border: 1px solid #000000; padding: 2px; width: 200px; margin-left: 5px; }
#sidebar .featured .jellyform a { background: url("../images/sidebar/jellyform-H.gif") no-repeat; width: 200px; height: 112px; display: block; background-position: 10px 10px; text-decoration: none; border: 0; }
#sidebar .featured .sourtea a { background: url("../images/sidebar/sourtea-H.gif") no-repeat; width: 200px; height: 112px; display: block; background-position: 10px 10px; text-decoration: none; border: 0; }
#sidebar .featured .deceptivemagic a { background: url("../images/sidebar/deceptivemagic-H.gif") no-repeat; width: 200px; height: 111px; display: block; background-position: 10px 10px; text-decoration: none; border: 0; }
#sidebar .featured .ela1 a { background: url("../images/sidebar/ela1-H.gif") no-repeat; width: 200px; height: 112px; display: block; background-position: 10px 10px; text-decoration: none; border: 0; }
#sidebar .featured .ela3 a { background: url("../images/sidebar/ela3-H.gif") no-repeat; width: 200px; height: 112px; display: block; background-position: 10px 10px; text-decoration: none; border: 0; }
#sidebar .featured .valiant a { background: url("../images/sidebar/valiant-H.gif") no-repeat; width: 200px; height: 112px; display: block; background-position: 10px 10px; text-decoration: none; border: 0; }
#sidebar .featured .roadmaster a { background: url("../images/sidebar/roadmaster-H.gif") no-repeat; width: 200px; height: 112px; display: block; background-position: 10px 10px; text-decoration: none; border: 0; }
#sidebar .featured .hampdens a { background: url("../images/sidebar/thehampdens-H.gif") no-repeat; width: 200px; height: 112px; display: block; background-position: 10px 10px; text-decoration: none; border: 0; }
#sidebar .featured .itsmyifone a { background: url("../images/sidebar/itsmyifone-H.gif") no-repeat; width: 200px; height: 112px; display: block; background-position: 10px 10px; text-decoration: none; border: 0; }
#sidebar .featured a:hover { background-position: 50% 50%; text-decoration: none; border: 0; }
#sidebar .featured img { border: 0; }
#sidebar .featured a:hover img { display: none; }
#content { width: 500px; float: left; font-size: .85em; letter-spacing: 0.03em; color: #55623d; padding: 20px 0 0 20px; }
#content p { line-height: 150%; }
#content h1 { text-transform: lowercase; }
#content h1.n { text-transform: none; }
#content .top { text-align: right; margin: 0; padding: 5px 0 10px 0; text-transform: uppercase; }
#steps { width: 758px; background-color: #d3d3d3; border-left: 1px dotted #666666; border-right: 1px dotted #666666; border-bottom: 1px dotted #999999; float: left; margin: 0; padding: 0; }
ul#list { width: 760px; list-style: none; }
ul#list, ul#list li { margin: 0; padding: 0; list-style-type: none; }
ul#list li { float: left; }
#steps img { padding: 10px 9px 5px 10px; margin: 0; display: block; }
#icons { width: 760px; background-color: #ffffff; border-bottom: 1px dotted #999999; }
#icons img { padding: 3px 30px 0 30px; }
#footer { width: 760px; background-color: #ffffff; text-align: right; font-size: .70em; border-bottom: 1px dotted #999999; margin: 0 0 20px 0; }
#footer p { padding: 10px 5px 8px 15px; margin: 0; color: #656565; }
#footer p span { float: left; }
#required { color: #000000; font-size: .85em; border: 1px solid #CC3300; background-color: #FCBCBC; padding: 4px 0 0 6px; }
#required .header { font-size: 1.45em; color: #000000; font-weight: bold; }
.portwrapper { width: 500px; background-color: #e2e0e0; padding: 0 0 10px 0; }
.portwrapper h3 { padding: 0 0 0 10px; }
#pmenu { width: 500px; background-color: #ffffff; margin-bottom: 15px; }
ul#ptabs, ul#pnav li { list-style-type: none; margin: 0; padding: 0; background-color: #ffffff; }
ul#ptabs { width: 500px; float: left; list-style: none; }
ul#ptabs li { float: left; margin-right: 3px; text-align: center; padding: 5px 0; width: 7em; font-size: .7em; color: #000000; }
#contact_form input, #contact_form textarea { margin-top: 2px; margin-bottom: 10px }
#contact_form .void, #quote_form .void { margin-top: 2px; margin-bottom: 2px; }
#quote_form input, #quote_form textarea { margin-top: 2px; margin-bottom: 5px }
#contact_form select, #quote_form select { margin-top: 2px; margin-bottom: 10px; cursor: pointer; }
#submit { font-weight: bold; font-size: .85em; color: #000000; background-color: #c9dd82; border: 1px solid #666666; width: 100px; text-align: center; padding: 2px 9px; cursor: pointer; }
#submit:hover, #login:hover { background-color: #d1e391; }
#login { font-weight: bold; font-size: .85em; color: #000000; background-color: #c9dd82; border: 1px solid #666666; width: auto; text-align: center; margin-top: 8px; padding: 2px 9px; cursor: pointer; }

/* ********************* */
/* ** Styled classes *** */
/* ********************* */

.notes { width: 475px; margin: 0 auto; background-color: #feefe0; border: 1px solid #fda64f; font-size: 0.80em; margin-bottom: 25px; color: #000000; }
.notes p { padding: 5px 5px; margin: 0; }
.clear { clear: both; margin: 0; padding: 0; }
.client { font-style: italic; }
.small { font-size: .7em; }
.spacer { width: 119px; margin: 0 auto; }
.page_img { border: 2px solid #000000; display: block; }
.tag { letter-spacing: 0; float: right; background-color: #000000; width: 100px; font-size: .7em; color: #ffffff; margin: 0 10px 15px 0; text-align: center; }
.outlink { padding-right: 15px; background: url("/images/new_window.gif") right no-repeat; }
.access { color: #CC3300; font-weight: bold; }
.portholder { padding: 5px; border: 1px dotted #999999; background-color: #ffffff; font-size: .85em; width: 470px; margin: 0 auto 15px auto; letter-spacing: 0; clear: both; }
.portholder:hover { background-color: #ffffff; border: 1px dotted #eec652; }
.portholder a img { float: left; border: 1px solid #000000; margin-right: 10px; }
.portholder a:hover img { border: 1px solid #000000; }
.normalfield { padding: 2px; width: 470px;  }
.selectfield { padding: 2px; width: 478px;  }
.smallfield { padding: 2px; width: 300px; }
.commentfield { height: 140px; width: 470px; padding: 2px; }
.normalfield, .smallfield, .commentfield, .selectfield { border: 2px solid #999999; background-color: #e3e1e1; }
.normalfield:hover, .normalfield:focus, .smallfield:hover, .smallfield:focus, .commentfield:hover, .commentfield:focus, .selectfield:hover, .selectfield:focus { background-color: #ffffff; border: 2px solid #8faa5c; }

/* ********************* */
/* *** Styled links **** */
/* ********************* */

#footer a { text-decoration: underline; color: #88a22c; padding: 0 10px; }
#footer a:hover, #footer a:focus { text-decoration: none; color: #88a22c; }
#content a, #sidebar a { text-decoration: underline; color: #006699; }
#content a:hover, #content a:focus { text-decoration: none; border-bottom: 1px dashed #02486b; color: #02486b; background-color: #ffefc9; }
#sidebar a:hover, #sidebar a:focus { text-decoration: none; border-bottom: 1px dashed #02486b; color: #02486b; }
a.outlink,a.outlink:visited { white-space: nowrap }

/* ********************* */
/* *** Tabbed Panels *** */
/* ********************* */

.TabbedPanelsTabGroup { margin: 0; padding: 0; }
.panelstab { background-color: #999999; }
.TabbedPanelsTabHover { color: #000000; background-color: #eec652; text-decoration: none; border: 0; cursor: pointer; }
.TabbedPanelsTabSelected { color: #000000; background-color: #e2e0e0; font-weight: bold; }
.TabbedPanelsContent { padding: 4px; }
.TabbedPanelsContentVisible { }

/* ********************* */
/* *** Nifty Corners *** */
/* ********************* */

b.niftycorners,b.niftyfill { display: block; }
b.niftycorners *{ display: block; height: 1px; line-height: 1px; font-size: 1px; overflow: hidden; border-style: solid; border-width: 0 1px; }
b.r1 { margin: 0 3px; border-width: 0 2px; }
b.r2 { margin: 0 2px; }
b.r3 { margin: 0 1px; }
b.r4 { height: 2px; }
b.rb1 { margin: 0 8px; border-width: 0 2px; }
b.rb2 { margin: 0 6px; border-width: 0 2px; }
b.rb3 { margin: 0 5px; }
b.rb4 { margin: 0 4px; }
b.rb5 { margin: 0 3px; }
b.rb6 { margin: 0 2px; }
b.rb7 { margin: 0 1px; height: 2px; }
b.rb8 { margin: 0; height: 2px; }
b.rs1 { margin: 0 1px; }
b.t1 { border-width: 0 5px; }
b.t2 { border-width: 0 3px; }
b.t3 { border-width: 0 2px; }
b.t4 { height: 2px; }
b.tb1 { border-width: 0 10px; }
b.tb2 { border-width: 0 8px; }
b.tb3 { border-width: 0 6px; }
b.tb4 { border-width: 0 5px; }
b.tb5 { border-width: 0 4px; }
b.tb6 { border-width: 0 3px; }
b.tb7 { border-width: 0 2px; height: 2px; }
b.tb8 { border-width: 0 1px; height: 2px; }
b.ts1 { border-width: 0 2px; }