/*

COLOUR REFERENCES
BODY BG: #FFF
TOP STRIP: #fafafa
BODY COLOUR: #666
LINKS: #fafafa
-------------------------------------------------------- */


/* RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img {
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym {
	border:0;
}
:focus { outline: 0; }
a:active, a:focus {
    outline: 0;
}

/*---------- END RESET ----------*/


/*-------------------------------------------+
|                                            |
|            MAIN STRUCTURE STYLES           |
|                                            |
+-------------------------------------------*/
html{
	font-size:100%;
	min-height:101%;
}
body{
	font-size:62.5%;
	font-family:   Arial, Verdana, Tahoma, sans-serif;
	color:#eeeeee;
	background:/*url(images/grid.gif) top center repeat-y*/ #363636; /* Uncomment to display the grid */
	padding:0;
}
.wrapper{
	width:94em;
	margin:0 auto;
}

#header_wrapper {
	width:100%;
	margin: 0 auto;
	background: #e5e5e5 url(../images/header_bg.gif) 0 0 repeat-x;
	height:100px;
    overflow: hidden;
}

    #header{
        width:94em;
        margin: 0 auto;
    }

    #logo {
		float: left;
        position: relative;
		width: 48em;
		height:100px;
	}
    #address {
        float:right;
        padding-top: 1.5em;
        position: relative;
        width: 40em;
    }
    #address p {
        text-align:right;
        font-size: 1.2em;
        color: #333;
    }


/* BANNER
-------------------------------------------------------- */
#banner_wrapper {
	width:100%;
	margin: 0 auto;
	background: #056fc5 url(../images/banner_bg.gif) 0 0 repeat-x;
	height:295px;
    overflow: hidden;
}
    #banner_inner {
        width:94em;
        margin: 0 auto;
        height:295px;
    }

    .slides {
        margin-top: 15px;
    }

/* NAVIGATION MENU
-------------------------------------------------------- */
#menu_wrapper {
	width:100%;
	margin: 0 auto;
	background: #ffffff url(../images/menu_bg.gif) 0 0 repeat-x;
	height:50px;
}
    #menu_inner {
        width:94em;
        margin: 0 auto;
        height:50px;
    }

        #menu {
            padding: 1.5em 0 0 0;
            list-style-type:none;
        }
        #menu li {
            display:inline;
            margin-right:   12px;
            margin-top:     12px;
        }
        #menu li a { font-family: Arial, Verdana, Tahoma, sans-serif; font-size: 1.2em;}

        #menu li a:link,
        #menu li a:visited,
        #menu li a:active {
            color: #333;
            padding: 8px 10px;
            text-decoration: none;
        }

        #menu li a:hover, #menu li.current > a {
            padding: 8px 10px;
            background: #056fc5;
            color: #fff;
            text-decoration: none;
        }

/* FOOTER
-------------------------------------------------------- */
#footer_wrapper {
	width:100%;
	background: #202020 url(../images/footer_bg.gif) 0 0 repeat-x;
    height:200px;
    overflow:hidden;
}
.copyright { width:46em;float:right; text-align: right; color: #555;}

/*GRIDS
-------------------------------------------------------- */
/* Set styles common among all grids - all grid divs must be assigned this class */
.generic{
	float:left;
	padding-top:1em;
	margin-bottom:2em;
}

.nopadding {
    padding-top:0;
	margin-bottom:0; }

/* Sets styles for any 'start' grids - this class MUST be given to a grid that is the first in a horizontal series */
.clear{
	clear:both;
}
/* Sets styles for any 'end' grids - this class MUST be given to a grid that is the last in a horizontal series */
.end{
	margin-left:0 !important;
	margin-right:0 !important;
}
/* 220px */
.twotwenty{
	width:22em;
	margin-right:2em;
}
/* 280px */
.twoeighty{
	width:28em;
	margin-right:2em;
}

/* 300px */
.threehun{
	width:30em;
	margin-right:2em;
}

/* 340px */
.threeforty{
	width:34em;
	margin-right:2em;
}
/* 400px */
.fourhun{
	width:40em;
	margin-right:2em;
}
/* 460px */
.foursixty{
	width:46em;
	margin-right:2em;
}
/* 520px */
.fivetwenty{
	width:52em;
	margin-right:2em;
}
/* 580px */
.fiveeighty{
	width:58em;
	margin-right:2em;
}
/* 640px */
.sixforty{
	width:64em;
	margin-right:2em;
}
/* 700px */
.sevenhun{
	width:70em;
	margin-right:2em;
}
/* 760px */
.sevensixty{
	width:76em;
	margin-right:2em;
}
/* 820px */
.eighttwenty{
	width:82em;
	margin-right:2em;
}
/* 880px */
.eighteighty{
	width:88em;
	margin-right:2em;
}
/* 940px */
.nineforty{
	width:94em;
}
/*-------------------------------------------+
|                                            |
|                FONT STYLES                 |
|                                            |
+-------------------------------------------*/
/*PARAGRAPHS
-------------------------------------------------------- */
.generic p{
	font-size:1.2em;
	line-height:1.5em;
	margin-bottom:1.5em;
}
/* Styles an introductory paragraph, similar to newspapers. Assign this class to the first paragraph in an article */
p.intro:first-line{
	font-variant:small-caps;
}
/* Styles a drop cap on each paragraph with this class */
p.drop:first-letter{
	float:left;
	font-size:3em;
	margin-top:-0.05em;
	margin-right:0.1em;
	margin-bottom:-0.5em;
}
/*HEADINGS
-------------------------------------------------------- */
h1{
	color:#fff;
	font-size:3em;
	margin-bottom:0.6em;
	line-height:1.2em;
}
h2{
	color:#fff;
	font-size:2em;
	margin-bottom:0.9em;
	line-height:0.9em;
}
h3{
	color:#fff;
	font-size:1.5em;
	margin-bottom:1.2em;
	line-height:1.2em;
	font-variant:small-caps;
}
h4{
	color:#fff;
	font-size:1.2em;
	margin-bottom:1.5em;
	line-height:1.5em;
	font-variant:small-caps;
}
h5{
	color:#fff;
	font-size:1em;
	margin-bottom:1.8em;
	line-height:1.8em;
	font-variant:small-caps;
}
h6{
	color:#fff;
	font-size:1em;
	margin-bottom:1.8em;
	line-height:1.8em;
}
/*LINKS
-------------------------------------------------------- */
p a {
	color:#eeeeee;
}
p a:hover{
	text-decoration:none;
}
h1 a{
	color:#eeeeee;
}
h1 a:hover{
	text-decoration:none;
}
li a{
	color:#eeeeee;
}
li a:hover{
	text-decoration:none;
}
/*ALL THE TRIMMINGS
-------------------------------------------------------- */
blockquote p{
	font-size:1.2em!important;
	line-height:1.5em!important;
	margin-bottom:1.5em!important;
	font-style:italic;
	font-weight:bold;
}
blockquote p cite{
	font-style:normal;
}
.generic strong{
	font-variant:small-caps;
}
.generic em{
	font-style:italic;
	font-weight:inherit;
}
.amp{ /* Give those ampersands a right sexy look */
	font-family:Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif;
	font-style:italic;
	font-weight:normal;
	line-height:inherit;
}
abbr{
	border-bottom:1px dotted #666;
	border-color:inherit;
	cursor:help;
}
.clear{
	clear:both;
}
.right-float{ /* Float any item to the right */
	float:right;
	margin-left:2em;
	margin-right:0;
}
.left-float{ /* Float any item to the left */
	float:left;
	margin-right:2em;
	margin-left:0;
}
.code{ /* Styling for and code type items */
	font-family:Courier, "Courier New", monospace;
	background:#ddd;
	font-size:1em;
}
/*-------------------------------------------+
|                                            |
|               IMAGE STYLES                 |
|                                            |
+-------------------------------------------*/
img{
	font-size:1em;
}
img.left-img{ /* Float any image to the LEFT and give it some margin */
	font-size:1em;
	float:left;
	padding:4px;
    /* background: #FAFAFA;
	border:1px solid #E4E4E4;
    */
    border: 1px solid #444;
	margin-bottom:1.8em;
	margin-right:2em;
	margin-top:0.3em;
}
img.right-img{ /* Float any image to the RIGHT and give it some margin */
	font-size:1em;
	float:right;
	padding:4px;
    /* background: #FAFAFA;
	border:1px solid #E4E4E4;
    */
    border: 1px solid #444;
	margin-bottom:1.8em;
	margin-left:2em;
	margin-top:0.3em;
}

/*-------------------------------------------+
|                                            |
|                LIST STYLES                 |
|                                            |
+-------------------------------------------*/
ul{
	margin-bottom:1.8em;
	list-style:square inside;
}
ul li{
	font-size:1.2em;
	line-height:1.5em;
}
ul li.caption{ /* Apply this class to the first list item in a list to give it a caption */
	font-variant:small-caps;
	list-style:none;
	color:#fafafa;
}
li > ul, li > ol{
	margin-bottom:0;
	margin-left:5em;
}
li > ul li, li > ol li{
	font-size:1em;
}
ol{
	margin-bottom:1.8em;
	list-style:decimal inside;
}
ol li{
	font-size:1.2em;
	line-height:1.5em;
}
/*-------------------------------------------+
|                                            |
|               MISC. STYLES                 |
|                                            |
+-------------------------------------------*/
.center { text-align: center; }

.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%;
}