@charset "utf-8";
html, #wrap { padding:0; margin:0;}
body { margin:0; padding:0; width:100%; color:#959595; font:normal 12px/1.8em Verdana, Arial, Helvetica, sans-serif;}
/* #wrap { background:#f5f5f5 url(images/header_bg_4.gif) repeat-x center top;} */
.clr { clear:both; padding:0; margin:0; width:100%; font-size:0px; line-height:0px;}
#logo { padding:0; width:auto; float:left;}
#logo h1 { margin:0; padding:12px 0 12px 0; color:#ebeced; font:normal 36px/1.2em "Special Elite", Arial, Helvetica, sans-serif;}
#logo h1 a, h1 a:hover { color:#ebeced; text-decoration:none;}
#logo h1 span { color:#FF8C48;letter-spacing:-1px;}
#logo h1 small { padding-left:4px; font:normal 18px/1.2em "Special Elite", Arial, Helvetica, sans-serif; letter-spacing:normal; color:#ebeced;}
#search-box-top { float:right;padding-top:20px; }
h1 { font:normal 24px/1.5em "Special Elite", Arial, Helvetica, sans-serif; padding:8px 0; margin:8px 0; color:#3b3b3b;}
h2 { font:normal 20px/1.5em "Special Elite", Arial, Helvetica, sans-serif; padding:8px 0; margin:8px 0; color:#3b3b3b;}
p { margin:8px 0; padding:0 0 8px 0; font:normal 12px/1.8em Verdana, Arial, Helvetica, sans-serif;}
a:link { color:#FF8C48; text-decoration:underline;}
a:visited { color:#FF8C48; text-decoration:underline;}
a:active { color:#FF0000; text-decoration:underline;}
a:hover { color:#959595; text-decoration:underline;}

#header, #content, #top-nav, #footer, #footer, form, #content #contentbar, #content #sidebar { margin:0; padding:0;}

/* Header */
#header { background:#222; }
#header-inner { margin:0 auto; padding:0; width:970px;}

/* Features */
.feature { background:#111010 url(images/footer_bg_2.gif) repeat center center;padding:28px;}
.feature-ad { margin:auto;width:728px;height:90px; }

/* Link Units */
.l-unit-x { background-color:#FF8C48; }
.l-unit-x-inner { margin:auto;width:728px;height:15px;padding:3px; }

/* Menu */
#top-nav { margin:0 auto; padding:0px 0 0; height:37px; float:right;}
#top-nav ul { list-style:none; padding:0; height:37px; float:left;}
#top-nav ul li { margin:0; padding:0 0 0 8px; float:left;}
#top-nav ul li a { display:block; margin:0; padding:8px 20px; color:#ddd; text-decoration:none; font-size:13px; font-weight:bold;}
#top-nav ul li.active a, #top-nav ul li a:hover { color:#FF8C48;}

/* Content */
#content { }
#content-inner { margin:0 auto; padding:10px 0; width:970px;background:#fff;border-left:26px solid #eee;border-right:26px solid #eee;}
#content #contentbar { margin:0; padding:0; float:right; width:760px;}
#content #contentbar ul li { list-style:square; }
#content #contentbar .article { margin:0 0 24px; padding:0 20px 0 15px; }
#content #sidebar { padding:0; float:left; width:200px;}
#content #sidebar .widget { margin:0 0 12px; padding:8px 8px 8px 13px;}
#content #sidebar .widget h3 { font-weight:normal;}
#content #sidebar .widget h3 a { text-decoration:none;}
#content #sidebar .widget ul.sub-menu { margin:0; padding:0; list-style:none; color:#959595;}
#content #sidebar .widget ul.sub-menu li { margin:0;}
#content #sidebar .widget ul.sub-menu li { padding:4px 0; width:185px;}
#content #sidebar .widget ul.sub-menu li a { color:#9a9a9a; text-decoration:none; margin-left:-16px; padding:4px 8px 4px 16px;}
#content #sidebar .widget ul.sub-menu li a:hover { color:#FF8C48; font-weight:bold; text-decoration:none;}

/* Footerblurb */
#footerblurb { background:#eee;}
#footerblurb-inner { margin:0 auto; width:922px; padding:24px;background:#e5e5e5;border-left:26px solid #e5e5e5;border-right:26px solid #e5e5e5;border-bottom-right-radius:20px;border-bottom-left-radius:20px;}
#footerblurb  h2 { color:#3b3b3b; padding-bottom:24px;}
#footerblurb .column { margin:0; text-align:justify; float:left;width:250px;padding:0 24px;}

/* Footer */
#footer { background:#eee;}
#footer-inner { margin:auto; text-align:center; padding:12px; width:922px;}

/* Forms */
form ol { list-style:none;}
form ol li { display:block; clear:both;}
form ol li label { display:block; margin:0; padding:16px 0 0 0;}
form ol li input.text { width:480px; border:1px solid #c0c0c0; margin:0; padding:5px 2px; height:16px; background-color:#fff;}
form ol li textarea { width:480px; border:1px solid #c0c0c0; margin:0; padding:2px; background-color:#fff;}
form ol li .send { margin:16px 0 0 0;}

/* Home Grid */
table.home_grid { width:668px; } 
table.home_grid td { width:33%;vertical-align:top;padding:5px; } 
table.home_grid h2 a { color:#3b3b3b;text-decoration:none; } 

/* Tabular data*/
table.tabular { width:95%;border-bottom:1px solid #fc0;background-color:#ffc;border-spacing:0; }
table.tabular td, table.tabular th { padding:3px;border-top:1px solid #fc0;border-right:1px solid #fc0;min-width:100px; }
table.tabular td:first-child, table.tabular th:first-child { border-left:1px solid #fc0; }
table.tabular th { background-color:#fc0; }

/* Code Examples */
.example {
width:100%;
background-color:#ffc;
}
.example th {
background-color:#fc0;
color:#000;
}
.example td {
border:1px solid #fc0;
border-left:0;
vertical-align:top;
}
.example td:first-child {
border-left:1px solid #ccc;
width:200px;
text-align:center;
}

.exampleCode {
background:#fff;
font-size:11px;
width:200px;
height:100px;
color:#666;
}
.exampleDisplay {
background-color:white;
width:450px;
padding:10px;
}
textarea.example {
width:200px;
height:50px;
color:#666;
}

/* Code Generators */
.generatorCustomize {
width:346px;border:1px solid #fc0;font-size:10px;background-color:#ffc;
}
.generatorCustomize th {
background-color:#fc0;font-size:12px;
}
.generatorCustomize td, .generatorCustomize th, .generatorPreview th, .generatorPreview td {
padding:3px;
}
.generatorPreview {
width:346px;border:1px solid #eee;font-size:10px;
}
.generatorPreview iframe {
width:346px;height:200px;
}
.generatorPreview th {
background-color:#eee;font-size:12px;
}
.generatorPreview textarea {
float:right;
}