* { outline:0; }

html { background: transparent; height:100.5% }

hr { display:none; }

p { line-height:16px; }

body {margin:0; padding:0;color: #b5b396;background:#15130e;font-family: Helvetica, Arial, sans-serif;font-size:14px;}

a { text-decoration:none; }
a:link { color:#c26e12; text-decoration:none; }
a:visited { text-decoration:none; color:#c26e12;}
a:hover { color:#d97b14; text-decoration:none; }
a:active { color:#6a6a6a; text-decoration:none; }

h3 { font-size:16px; }

/* Layout*/
#wrapper {width:698px;}
#main {padding:20px 0; border-top:1px solid #4c4c3f; background:#3e3527;}
#main #primaryContent {width:340px;}
#main #primaryContent .innerpad {padding: 20px 0 20px 40px; margin:0;}
#main #secondaryContent {width:320px;}
#main #secondaryContent .innerpad {padding: 20px 0 20px 20px; margin:0;}

/*module callout*/
#main #secondaryContent .callout {margin: 0; border: 0; background:#362d21 url(../images/sscalmodule.png) top left no-repeat; }
#main #secondaryContent .callout .innerpad{padding:20px 10px 5px 120px;}
#main #secondaryContent .callout h4 {margin: 0 10px 0 0; width:160px; padding:0; background: transparent; display: inline-block;}
#main #secondaryContent .callout h4 span {color:#dadb61;}
.callout #endcap {height:8px; background: url(../images/endcap.png) top left no-repeat;}
#moduleEndcap {height:5px; background: url(../images/extension_endcap.png) top left no-repeat; padding-bottom: 0;}



/*module callout nav*/
#moduleNav {background:#362d21; padding: 0 10px;}
#moduleNav ul {list-style:none;margin:8px 0 0 0;}
#moduleNav ul li {display:block; float:left; margin:0 1px 0 0;}
	/*module callout nav sprites*/
	#moduleNav ul li.download a {width:88px; background-position:0 0;}
	#moduleNav ul li.download a:hover {background-position:0 -28px;}
	#moduleNav ul li.demo a {width:72px; background-position: -88px 0;}
	#moduleNav ul li.demo a:hover {background-position: -88px -28px;}
	#moduleNav ul li.doc a{width:115px; background-position: -160px 0; margin:0;}
	#moduleNav ul li.doc a:hover {background-position: -160px -28px; margin-right:0;}
	
#moduleNav ul li a {background: transparent url(../images/moduleNav.png) left no-repeat; display:block; float:left;color:#fff; text-indent:-9999px; height:28px;}
#moduleNav ul li a:hover {text-decoration:none; ;color:#fff;}

#header { padding:20px 30px; background:#2c271e; }
#header h1 {font-size:42px; float:left; margin:0 40px 0 38px; margin:10px;}
#header h1 a {display:block; text-decoration:none; text-indent:-9999px; background:transparent url(../images/logo.png) top left no-repeat; width:560px; height:45px;}
	

#utilnav { font-size:10px; background-color:#aaa; border-top:3px solid #ccc; color:#fff; padding: 2px 10px; }
#utilnav li { margin-left:5px; }
#utilnav li a { text-decoration:none; }
#utilnav li a:hover { text-decoration:underline; }

#secondarynav ul ul { margin:0; padding:0 0 0 15px; }
#secondarynav a { text-decoration:none; }
#secondarynav a:hover { text-decoration:underline;}

/*footer*/
#footer {font-size:12px; background:#2c271e; text-align:center; padding-top:0;}
#footer .innerpad {margin:0; padding:10px 40px 20px 40px;}
#footer .innerpad #footerWrapper {background: url(../images/footer_bg.png) top center repeat-y;}
#footer #company{display:inline; float:left; width:229px;background:transparent; text-align:left;}
#footer #contact{background: transparent; display:inline; float:left; width:229px;}
#footer #feedback{display:inline; float:left; width:160px;}
#footer #feedback .innerpad {padding:0 0 0 20px;}
	
	#footer #company p a {font-weight:bold; display:inline-block; padding: 0 30px 0 0; height:26px; line-height: 26px; background: url(../images/arrow.png) 100% -26px no-repeat; text-shadow: 1px 1px 1px #2c271e;}
	#footer #company p a:hover {text-decoration:none; background-position: 100% 0;}
	#footer #company h3 {margin-bottom: 8px; text-indent:-9999px; width:229px; height:88px; background: url(../images/logo_footer.png) top left no-repeat;}
	#footer #contact h3 {text-indent:-9999px; width:229px; height:55px; background: url(../images/workwithus.png) top center no-repeat; margin-bottom: 8px;}
    #footer #contact span {display:block;}
    #footer #feedback h3 { text-indent:-9999px; width:140px; height:54px; background: url(../images/gotfeedback.png) top center no-repeat; margin-bottom: 8px;}
	
#copyright {text-align: right; font-size: 10px; margin-top: 5px;}	

.callout {margin:10px 0; background-color:#fbfbfb; border: 1px solid #dcdcdc;}
.callout h4 {padding:5px; background-color: #ddd; }
.callout p {font-size:11px; padding:5px; margin:0; line-height:14px; }

/* base typography
===============================*/
h2 { font-family:Helvetica, Arial; font-size:28px; margin:8px 0; }
h3, h4, h5 { margin-bottom:0; }
p { border-bottom:none; }