html{overflow-y:scroll;} 
/* Forces a scrollbar when the viewport is larger than the websites content - CSS3 */

body{margin:0; padding:0; font-size:13px; 
font-family:Tahoma; color:#CCFF33; background-color:#666777;}

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

a{outline:none; text-decoration:none;}

code{font-weight:normal; font-style:normal; font-family:Tahoma;}

.fl_left{float:left;}
.fl_right{float:right;}

img{margin:0; padding:0; border:none; line-height:normal; vertical-align:middle;}
.imgholder, .imgl, .imgr{padding:4px; border:1px solid #FF0000; text-align:center;}
.imgl{float:left; margin:0 15px 15px 0; clear:left;}
.imgr{float:right; margin:0 0 15px 15px; clear:right;}

/*------------------------------HTML 5 Overrides--------------------------*/

address, article, aside, figcaption, figure, footer, header, hgroup, nav, 
section{display:block; margin:0; padding:0;}

q{display:block; padding:0 10px 8px 10px; color:#979797; 
background-color:#ECECEC; font-style:italic; line-height:normal;}
q:before{content:'“ '; font-size:26px;}
q:after{content:' „'; font-size:26px; line-height:0;}

/* ----------------------------------------------outer shell wrapper-------------------------------------*/

div.wrapper{display:block; width:100%; margin:0; padding:0; text-align:left;}

/* this bit is the colours of the top of the page */

.topbar, .topbar a{color:#0000FF; background-color:#f4c9c9;}

/* main body  this is the colour of writing and background on the main body of page */
.bodymainbits{color:#979797; background-color:#FFFFDB;}

/* this is the main body of the hyperlinks to be found in the main body of the page but not the text menu area */
.bodymainbits a{color:#FF9900; background-color:#1122FF;}

/* this colour is the text and background of the footer */
.row3, .row3 a{color:#CCFF33; background-color:#FF9922;}

/*----------------------------------------------Generalise-------------------------------------*/

#header, #container, #footer{display:block; width:960px; margin:0 auto;}

nav ul{margin:0; padding:0; list-style:none;}

h1, h2, h3, h4, h5, h6{margin:0; padding:0; font-size:16px; font-weight:bold; font-style:normal; line-height:normal; text-transform:uppercase;}

address{font-style:normal;}

blockquote, q{display:block; padding:8px 10px; color:#979797; background-color:#hhhhhh; font-style:italic; line-height:normal;}
blockquote:before, q:before{content:'“ '; font-size:26px;}
blockquote:after, q:after{content:' „'; font-size:26px; line-height:0;}

form, fieldset, legend{margin:0; padding:0; border:none;}
legend{display:none;}
input, textarea, select{font-size:12px; font-family:Georgia,"Times New Roman",Times,serif;}

.one_third, .two_third, .three_third{display:block; float:left; margin:0 30px 0 0;}
.one_third{width:300px;}
.two_third{width:630px;}
.three_third{width:960px; float:none; margin-right:0; clear:both;}
.lastbox{margin-right:0;}

/*----------------------------------------------search data header-------------------------------------*/

#header{padding:20px 0;}

#header hgroup{float:left; margin:0 0 20px 0;}
#header hgroup h1, #header hgroup h2{font-weight:normal; text-transform:none;}
#header hgroup h1{font-size:36px;}
#header hgroup h2{font-size:13px;}

/* position the search box in the header */
#header form{display:block; width:300px; float:right; margin:20px 0; padding:0;}

/* search box text input colour followed by background colour and box margin control */
#header form input{display:block; float:left; width:200px; margin:0; padding:5px; color:#123321; background-color:#223344; border:1px solid #666666;}

/* colours of the post url click to search button */ 
#header form #sf_submit{display:block; float:right; width:70px; font-size:12px; font-weight:bold; text-transform:uppercase; color:#FFFFFF; 
background-color:#cc0066; border:none; cursor:pointer;}

#header nav{display:block; width:100%; margin:0; padding:20px 0; color:#111111; 


/* navigation text menu bar background colours */
background-color:#FFCCFF; clear:both;}


#header nav ul{padding:0 20px;}
/* #header nav li{display:inline; margin-right:25px; text-transform:uppercase;} */
#header nav li.last{margin-right:0;}

/* the colour of the area behind the text menu can be used for very subtle shading 
it acts as mouseover the second colour sorts the mouseover behaviour */

#header nav li a{color:#0000B8; background-color:#FFDBFF;}
#header nav li a:hover{color:#336600; background-color:#FFE6FF;}


#header nav p{float:left;margin:0;padding:0;}
#header nav ul{float:left;margin:0;padding:0;list-style:none;}
#header nav li{display:inline;margin:0 8px 0 0;padding:0 10px 0 0;border-right:1px solid #FFFFFF;}


/*-----------Chunder text away Area--------------------*/

#container{padding:30px 0;}
#container section{display:block; width:100%; margin:0 0 30px 0; padding:0;}
#container .last{margin:0;}
#container .more{text-align:right;}

#container #splash{}

/* ------Main Content-----*/

#container #homepage{line-height:1.6em;}
#container #homepage section{margin:0;}

#container #homepage #services{margin-bottom:40px;}
#container #homepage #services article{}
#container #homepage #services article h2{font-size:14px; margin-bottom:15px; padding-bottom:8px; border-bottom:1px solid #DEDEDE;}
#container #homepage #services article p{margin:0; padding:0;}


/* this is the border colour that wraps around pictures */
#container #homepage #services article img{float:left; width:80px; height:80px; margin:0 15px 0 0; padding:4px; border:1px solid #444444;}
#container #homepage #services article footer{margin:10px 0 0 0;}

#container #homepage .fl_left, #container #homepage .fl_right{width:455px;}

#container #homepage .fl_right article{}
#container #homepage .fl_right article figure{}


#container #homepage .fl_right article figure img{float:left; width:125px; height:125px; margin:0; padding:4px; border:1px solid #222222;}
#container #homepage .fl_right article figure figcaption{display:block; float:right; width:300px;}
#container #homepage .fl_right article figure h2{font-size:14px;}
#container #homepage .fl_right article figure footer{}

/*----------------------------------------------Footer-------------------------------------*/

#footer{padding:20px 0;}
#footer p{margin:0; padding:0;}