/***************************/
/* RESET MARGINS & PADDING */
/***************************/

/* COLORS

dark grey: #46484b
light grey (body): #ececec
orange : #cf691e
light blue: #a8d3f1

*/

html, body, div, span,
p, blockquote, pre, code,
ul, ol, li,
h1, h2, h3, h4, h5, h6,
form, fieldset, legend, label, input, textarea,
table, caption, tbody, tfoot, thead, tr, th, td,
#page-wrapper, #page, #header, #bottomFrame {
  margin: 0;
  padding: 0;
}

h1, h2, h3 {font-weight: normal;}

h1 {font-size: 1.3em; text-transform: uppercase; color: #cf691e}
h2 {font-size: 1.2em; text-transform: uppercase; color: #cf691e}
h3 {font-size: 1.16em;  color: #cf691e}

img {
  border: 0;
}

:focus {
  outline: 0;
}

body {background: #ececec; color: #555; font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif; font-size: 74%; line-height: 1.5em}

#page-wrapper {margin: 0 auto; width: 910px; padding: 0 10px 10px 10px; background:#46484b}

#page {width: 100%; background: #f4f4f4;}

#sidebar {width: 200px; float:left; margin-left: 45px}

#header {width: 100%; border-bottom: 1px solid #46484b; height: 70px;}
#flash {width: 100%; border-bottom: 1px solid #46484b; overflow:hidden}
#logo {float: right; width: 224px; padding: 0; margin-top: 27px; margin-right: 38px}
#main-wrapper {padding-top: 30px; padding-bottom: 120px; background: transparent url('images/balls.png') no-repeat top left; background-position: 0px 300px}
#content {width: 400px; padding-left: 20px; border-left: 1px solid #a8d3f1; margin-left: 10px; float: left}
#footer {letter-spacing: 1px; font-size: 0.75em; text-align: right; color: #a8d3f1; height: 97px; margin: 0 auto 40px auto; width: 870px; padding: 45px 30px 0 30px; background: url('images/footer.jpg') no-repeat top left}

#contactInfo{margin-top: 170px}

/* LINKS */

a, a:link, a:active, a:visited {text-decoration: none; color: #cf691e}
a:hover {text-decoration: underline; color: #cf691e}

/* CONTENT STYLES */

#content p {margin-bottom: 10px}

#content h1 {margin: 0 0 20px 0}
#content h2 {margin: 30px 0 20px 0}
#content h3 {margin: 24px 0 14px 0}

#content hr {height: 1px; border: 0; border-top: 1px solid #a8d3f1; margin: 20px 0 16px 0}

#content ul{list-style: none; list-style-position: outside}
#content ul li{background: url('images/ul-bullet.png') no-repeat top left; background-position: 10px 0.4em; padding-left: 30px; margin-bottom: 3px}



/* SPECIAL FORMATTING */

.orange {color: #cf691e}
.blue {color: #a8d3f1}

/* FIXES */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}