/* COLOURS 
Black - 000
Dark Grey - 404040
Pale Grey - BFBFBF
Light Grey - E9E8E8
Yellow - EEB211
Orange - E87D1E
Brown - 9C5708
Blue - 0066d6
*/

/* ----------------------------------------------------------------------------------------------------------
HTML
---------------------------------------------------------------------------------------------------------- */
a {
	color:#444;
}
a:hover {
	color:#E87D1E;
}

/* ----------------------------------------------------------------------------------------------------------
Layout
---------------------------------------------------------------------------------------------------------- */

#header {
	background-color:#000;
}

#cols {
	background-color:#FFF;
}


#aside #aside-title {
	background-color:#000; 
	color:#FFF;
}

#aside .title {
	background-color:#000; 
	color:#E87D1E;
}

#footer {
	background-color:#000; 
	color:#999;
}
#footer a {
	color:#999;
}
#footer a:hover {
	color:#FFF;
}
 #feedback{
	width:350px; 
	margin:10px; 
	padding:4px; 
	color:white; 
	font-weight:bold;
	background:#F60; 
	border:1px solid orange;
} 
#content #content-in #feedback img{
 	border:none;
	padding:0;
 }  
/* ----------------------------------------------------------------------------------------------------------
Page: Home
---------------------------------------------------------------------------------------------------------- */

#perex {
	border-top:1px solid #2A2A2A; 
	background-color:#000; 
	color:#CCC;
}

#perex a {
	color:#CCC;
}
#perex a:hover {
	color:#71C705;
}

.section h3 {
	background-color:#77C505; 
	color:#FFF;
}
.section h3 a {
	color:#FFF;
}
.section h3 a:hover {
	color:#000;
}
.section-in {
	border-bottom:1px solid #DADADA;
}

/* ----------------------------------------------------------------------------------------------------------
1) HTML tags, reset
---------------------------------------------------------------------------------------------------------- */

* {
	margin:0; 
	padding:0;
}

body, div, span, p, a, img, ul, ol, li, caption, table, thead, tbody, tfoot, tr, th, td, form, fieldset, legend, label, dl, dt, dd, blockquote, applet, object, h1, h2, h3, h4, h5 {
	/*border:0;*/
}

body {
	margin-top:10px;
	padding-bottom:20px; 
	font: 11px/1.8em Verdana, Arial, sans-serif;
	color: #444; 

}

.body_bg{
	background:#000 url("../images/bg.gif") 0 0 repeat-x;
}

h1, h2, h3, h4, h5, h6 {
	margin:15px 0 10px 0;
}
h1 {
	font-size:150%;
	color: #E87D1E;
	font-weight:bold;
	background:url(../images/arrow.gif) repeat-x;
	padding-top: 7px;
}
h2 {
	font-size:130%;
	font-weight:bold;
	color: #2A2A2A;
}

h3 {
	font-size:120%;
	colour: #E87D1E;
	font-weight:bold;
}
h4 {
	font-size:110%;
	color: #2A2A2A;
}
h5 {
	font-size:100%;
}

p, table, ul, ol, dl, fieldset {
	margin:15px 0;
}

table {
	border-collapse:collapse; 
	border-spacing:0; 
	font-size:100%;
}
th {
	text-align:center; 
	font-weight:bold;
}
th, td {
	padding:3px 7px;
}

ul, ol {
	margin-left:30px;
}
ul ul, ol ol {
	margin:0; 
	margin-left:20px;
}

ol {
	list-style-type:decimal;
}
li {
	display:list-item;
}

dt {
	font-weight:bold;
}
dd {
	margin-left:30px;
}

fieldset {
	position:relative; 
	padding:10px;
}
legend {
	position:absolute; 
	top:-1em; 
	margin:0; 
	padding:5px 10px; 
	font-size:100%; 
	font-weight:bold;
}

/* ----------------------------------------------------------------------------------------------------------
2) Universal styles (display, float, margin, text-align...)
---------------------------------------------------------------------------------------------------------- */

.box {
	min-height:1px;
}
.box:after {
	display:block; 
	visibility:hidden; 
	clear:both; 
	line-height:0; 
	font-size:0; 
	content:".";
}

.relative {
	position:relative;
}

/* ----------------------------------------------------------------------------------------------------------
4) Layout
---------------------------------------------------------------------------------------------------------- */
#clear{
	clear:both;
}
#main {
	width:910px; 
	margin:0 auto; 
	text-align:left;
}

#header {
	position:relative; 
	height:100px; 
	background:url("../images/header.jpg") 0 0 no-repeat; 
	overflow:hidden;
}
    
#logo {
	position:absolute; 
	top:30px; 
	left:80px; 
	margin:0; 
	font-size:200%; 
	letter-spacing:-1px; 
	font-weight:normal;
}

#logo span {
	font-weight:bold;
}
#logo a {
	text-decoration:none;
}
 #slogan {
	 position:absolute; 
	 top:40px; 
	 right:15px; 
	 width:230px; 
	 font-size:120%; 
	 font-weight:normal; 
	 font-style:italic; 
	 text-align:center;
 }

#cols {
	background: url("../images/cols.gif") 0 0 repeat-y;
}

#content {
	float:left; 
	width:655px; 
	overflow:hidden;
}
        
#content #content-title {
	margin:0; 
	padding:15px 15px 10px 20px; 
	background:#000 url("../images/content-title.gif") 0 0 no-repeat; 
	font-size:140%; 
	font-weight:bold; 
	color:#E87D1E;
}

#content #content-in {
	padding:15px 15px 10px 20px;
}

#content #content-in img{
	background: #FAFAFA;
	border: 1px solid #DCDCDC;
	padding: 5px;
}
.mod_right{
	margin-bottom:5px;
	padding-right:5px;
}
.mod_right .module_title{
 	margin:0px;
	font-weight:bold; 
	padding:10px 15px; 
	background:url("../images/aside-title-02.gif") 0 0 repeat-x; 
	font-size:140%;
  	color:#E87D1E;
 }  
.mod_right .module_content{
	padding:10px; 
	background: white url("../images/aside-box.jpg") 0 0 repeat-x;  
  }    
#aside {
	float:right; 
	width:255px; 
	overflow:hidden;
	margin-top:5px;
}
        
     /*  #aside #aside-title {margin:0; padding:15px 15px 10px 15px; background:url("../images/aside-title.gif") 0 0 no-repeat; font-size:140%; font-weight:normal;}    
	*/
	
	     #aside .aside-in {padding:10px 10px 15px 10px;}
          #aside .aside-box {padding:10px; background: white url("../images/aside-box.jpg") 0 0 no-repeat;}
          #aside .title {margin:0 5px 0 0; padding:10px 15px; background:url("../images/aside-title-02.gif") 0 0 repeat-x; font-size:100%;}
			
    #cols-bottom {width:910px; height:12px; background:url("../images/cols-bottom.gif") 0 0 no-repeat; font-size:0;}
    
    #footer {width:870px; height:40px; padding:20px 20px 0 20px; background:url("../images/footer.gif") 0 0 no-repeat;text-align:center;font-size:10px;}
 
/* ----------------------------------------------------------------------------------------------------------
5) Page: Home
---------------------------------------------------------------------------------------------------------- */

#perex {height: 125px;margin-left:5px; padding:0px; background: black ;}
#perex p {margin:0;}

#sections {background:url("../images/sections.gif") 0 0 repeat-y;}
#sections-bottom {width:620px; height:7px; background:url("../images/sections-bottom.gif") 0 0 no-repeat; font-size:0;}

    .section {float:left; width:200px;}
    .section p {margin:0;}
    .section.margin {margin:0 10px;}
    .section h3 {margin:0; padding:10px; background:url("../images/section-title.gif") 0 0 no-repeat; font-size:100%;}
    .section-in {margin-bottom:10px; padding:0 10px 10px 10px;}
/* BONUS TYPOGRAPHY STYLES
--------------------------------------------------------- */
table_header{
	font-weight:bold;
	color:white;
	background: #666666;
	border-bottom:1px solid #F2421B;
	text-align:center;
}
blockquote {
	padding: 1em 40px 1em 15px;
}

blockquote span.open {
	padding: 3px 0 3px 30px;
	background: url(../images/blockquote.png) no-repeat left top;
}

blockquote span.close {
	padding: 3px 30px 3px 0;
	background: url(../images/blockquote.png) no-repeat bottom right;
}

/* Tips, Error, Message, Hightlight*/
.error {
	padding-left: 25px;
	margin:7px 0px;
	color: #CC0000;
	background: url(../images/bullet-error.gif) no-repeat top left;
}

.message {
	margin:7px 0px;
	padding-left: 25px;
	color: #444;
	background: url(../images/bullet-info.gif) no-repeat top left;
}

.tips {
	margin:7px 0px;
	padding-left: 25px;
	color: #E87D1E;
	background: url(../images/bullet-tips.gif) no-repeat top left;
}

/* Note Style */

p.download {
	margin:7px 0px;
	padding: 10px 0px 10px 50px;
	border: 1px solid #DDDDDD;
	background: url(../images/download-bg.gif) no-repeat 5px 10px #FFFFFF;
}

.line_break {
	margin:7px 0px;
	border-bottom:1px dotted #1F324C;
}

img.pad-left {
	margin: 0 0 0 7px;
}

img.pad-right {
	margin: 0 7px 0 0;
}