* { padding: 0; margin: 0; }



body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 background-repeat:no-repeat;
}
#wrapper { 
 margin: 0 ; /*auto; this centres the design on the page*/
 width: 996px;
 background-color:#fff;
}
/* used to give a no js msg for no script */
#headerwarning, #headerwarningfp {background-color:#aa0000; color:#fff; float: left; height: 30px; text-align:left; padding:0 8px 0 20px;}
#headerwarning {width:968px;}/*standard pages */
#headerwarningfp {width:1252px;} /*front page */
#headerwarning a, #headerwarningfp a{color:#ccc; text-decoration:underline;}
#headerwarning a:hover, #headerwarningfp a:hover {color:#fff; text-decoration:underline;}


#headercontainerlogin { background-color: #333; width: 980px; float: left; /*border: 1px solid #ccc;*/ height: 30px; text-align:right; padding:0 8px 0 8px; display:none;}

/*#header {padding: 15px 12px 0 15px; margin: 5px 0px 0px 0px; background: #fff; height: 60px;}*/
#headercontainer {
 background-color: #fff;
 width: 996px;
 float: left;
 
 /*border: 1px solid #ccc;*/
 height: 14px;
 overflow:hidden;
}


#logo {padding: 3px 3px 3px 9px; background-color:#000000; color:#FFFFFF; margin:0 8px 0 0}
#logo a {color:#fff; text-decoration:none; }
#fpgap {height:3px; clear:both;}
#introtext {padding: 3px 3px 9px 9px; background-color:#000000; color:#FFFFFF; margin:0 8px 0 0; vertical-align:bottom;  font-size:15px; font-weight:bold;}

#mysitelogo {color:#bbb; font-size:8px; padding-left:8px;}
#mysitelogo a {color:#bbb; text-decoration:none;}
.small {font-size:8px;}



a {color:#000; text-decoration:underline;}
a:hover {color:#333333; text-decoration:none;}
a:active {color:#000; text-decoration:underline;}

/* THIS DOES THE SPLASH PAGE STRIP FOR THE BUTTON TO TAKE TO FURTHER INFO PAGES */
#farleftstrip {
float:left;
width:15px;
margin:0;
padding:384px 0px 12px 0px;
}

#leftcolumn { 
 color: #333;
/* border: 1px solid #ccc;
 background: #fff;*/
 margin: 0px 0px 0px 0px;
 padding: 6px 12px 12px 15px;
 /*height: 350px;*/
 /*width: 192px;*/
 width: 190px;
 float: left;
 /*font-weight:1.1em;*/
}


/*#navmenu ul {list-style-type: none;  margin: 0; padding: 0 0 20px 0;}*/
/*#navmenu ul ul{padding-bottom:4px; padding-top:4px;}*/
/*#navmenu li {font-size:1.5em;}
#navmenu li li {font-size:0.8em; padding: 0 0 0 6px;}*/

/* backup 

ul#nav {list-style-type: none;  margin: 0; padding: 0 0 20px 0; font-size:1.5em;}
ul#nav ul#subnav{ list-style-type: none; padding-bottom:4px; padding-top:4px; background: white;}
ul#nav li {}

ul.submenu li {list-style-type: none; font-size:0.8em; padding: 0 0 0 6px; }

ul#nav a {text-decoration:none; color:#b3b3b3; padding: 0 0 0 0;}

ul#nav a:hover {color:#333;}
ul#nav a:active {color:#333;}

ul#nav a#current {color:#666;}
ul#nav a#subcurrent {color:#333;}
ul#nav a:hover#current, ul#nav a:active#current {color:#333;}

*/
/*#subnav2 {font-size:14px;}*/
ul#nav {list-style-type: none;  margin: 0; padding: 0 0 0 0; /*font-size:1.5em;*/font-size:16px; font-weight:bold;}
ul#nav ul#subnav{ list-style-type: none; padding:0; background: white; margin: 0; /*font-size:0.8em;*/}
ul#nav li {}
/*ul#subnav li {font-size:0.8em; padding: 0 0 0 6px;}*/

ul.submenu li {list-style-type: none;  padding: 0 0 0 0; margin: 0; font-size:12px; font-weight:bold;/*font-size:0.8em;*/}

ul#nav a {text-decoration:none; color:#808080; padding: 0 0 0 0; margin: 0;}

ul#nav a:hover {color:#333;}
ul#nav a:active {color:#333;}

ul#nav a#current {color:#000;}
ul#nav a#subcurrent {color:#000;}
ul#nav a:hover#current, ul#nav a:active#current {color:#000;}

hr.quote { color: #999; background-color: #999; height: 1px; border:0; margin: 5px 48px 0 0;}
#quote {font-size:1.2em; font-style:italic; color:#666; padding: 12px 48px 12px 0;}








#leftmiddle { 
 color: #333;
/* border: 1px solid #ccc;*/
 background: #fff;
 margin: 6px 0px 0px 0px;
 padding: 0px 0 12px 0;
 /*height: 356px;*/
 width: 540px;
 float: left;
}
#leftmiddle p {padding:0 0 10px 0;}
#leftmiddle h2, #leftmiddle h3{margin:0 0 5px 0; padding:0 0 5px 0;}

/* ------ PORTFOLIO -------- */
.projlist {background-color:#000; color:#fff;  width:100px; padding:6px 10px 10px 10px; float:left;}
.projlist1 {margin: 0 10px 20px 0;}
.projlist23 {margin: 0 10px 20px 10px;}
.projlist4 {margin: 0 0 20px 10px;}
.projlisttitle h2 {font-size:0.9em; font-weight:normal;}
.projlisttitle {height:5em;}

.padtop {padding:6px 0 0 0;}
.padright {padding:6px 10px 0 0;}

#mainpic {font-size:0.8em}




/*
#rightmiddle { 
 color: #333;

 background: #fff;
 margin: 0px 0px 0px 0px;
 padding: 12px 0 12px 12px;

 width: 192px;
 float: left;
}
*/
#rightmiddle { 
 color: #606060;
/* border: 1px solid #ccc;*/
 background: #fff;
 margin: 6px 0px 0px 0px;
 /*padding: 12px 0 12px 15px;*/
 padding: 0px 0 12px 20px;
 /*height: 356px;*/
 width: 219px;
 float: left;
}
#rightmiddle a {color:#404040; text-decoration:underline;}
#rightmiddle a:hover {color: #606060; text-decoration:none;}
#rightmiddle a:active { color:#404040; text-decoration:underline;}

h1 {padding:0 0 4px 0; font-size:1em; color:#000;}
#rightmiddle p {padding:0 4px 10px 0; font-size:1em;}
div.hrpagetitle {color: #999; background-color: #000; height: 3px; border:0; margin: 0 0 8px 0;}
div.hrpagetitle hr { display: none;}

.hrpagetitle { }
#pagetext {padding:6px 0 9px 0;}
.pagetext {padding:6px 0 9px 0;}

.titledate {color:#999;}

.filelink {padding:0 0 0 0; margin:0 0 0 0;}

.webicon { padding: 2px 10px 2px 0px;}

/*
#rightcolumn { 
 color: #333;
 border: 1px solid #ccc;
 background: #F2F2E6;
 margin: 0px 0px 0px 0px;
 padding: 12px 0 12px 0;
 height: 350px;
 width: 96px;
 float: left;
}
*/


#footercontainer {
 background-color: #aaa;
 width: 960px;
 float: left;
 height: 75px;
 margin:40px 0 0 0;
}
#footer1 {padding: 3px 0 0 15px; margin: 1px 0px 0px 0px; background: #fff; height: 72px; clear: both; color: #aaa; text-align:center;}

#footer { 
 width: 936px;
 clear: both;
 color: #4d4d4d;
/* border: 1px solid #ccc;*/
 background: #fff;
 margin: 0px 0px 10px 0px;
 padding: 12px;
 text-align:center;
}


/*---------------------NEWS --------------------
.newsitemfirst {padding: 0px 100px 10px 0; color:#666; clear:both;}

.newsitem, .newsitemimg { padding: 10px 100px 10px 0; color:#666; clear:both;}

.newsimg { width:100px; padding: 0 10 0 0; position:}
.newstextimg {padding: 0 0 0 110px;}
.newstext {padding: 0 0 0 0px;}

.newsitem h2, .newsitemimg h2 {padding: 0 0 10px 0; font-size:1.2em; color:#000;}

.newsitemimg img {padding:0px 0px 8px 0;}

.newsdate {color:#666;}*/

/*.newsitem p {padding:0 0 0px 110px;}
.newsitemimg p {padding:0 0 10px 0; }*/

.newsitemfirst {padding: 0px 10px 10px 0; color:#666; overflow: hidden; }

.newsitem { padding: 10px 10px 10px 0; color:#666; clear:both; }
.newsitem h2, .newsitemfirst h2 {padding: 0 0 10px 0; font-size:1.2em; color:#000;}

.newsimg { width:110px; padding: 0 0 10px 0; float:left;}
.newstextimg {padding: 0 0 10px 10px; }
.newstext {padding: 0 0 0 0px;  }

.newsdate {color:#666;}

/*---------------FRONTPAGE --------------------------*/
#wrapperfp { 
 margin: 0 ; /*auto; this centres the design on the page*/
 width: 996px;
 /*background-color:#fff;*/
 /*background-image:url(../images/front-bgs/Image7_incursionsfloor.jpg);*/
}


#headercontainerfp { /*background-color: #333;*/ width: 1280px; float: left; /*border: 1px solid #ccc;*/ height: 14px;}


/*#logo {padding: 9px 0 15px 3px;}*/



#leftcolumnfp {
color: #333;
margin: 0px 0px 0px 0px;
 padding: 6px 12px 12px 15px;
 width: 330px; /*192px;*/
 float: left;
 /*font-weight:1.1em;*/
 /*filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;*/
}
/*
#leftcolumnfp ul {list-style-type: none;  margin: 0; padding: 0 0 20px 0;}
#leftcolumnfp ul ul{padding-bottom:4px; padding-top:4px;}
#leftcolumnfp li {font-size:1.5em;}
#leftcolumnfp li li {font-size:0.8em; padding: 0 0 0 6px;}
#leftcolumnfp a {text-decoration:none; color:#fff; padding: 0 0 0 0;}
#leftcolumnfp a:hover {text-decoration:none; color:#b3b3b3;}
#leftcolumnfp a:active {text-decoration:none; color:#b3b3b3;}*/

#leftcolumnfp ul#nav {list-style-type: none;  margin: 0; padding: 0 0 20px 0; font-size:18px;}
#leftcolumnfp ul#nav ul#subnav{ list-style-type: none; padding:0; background:none;}
			 
#leftcolumnfp ul#nav li {/*font-size:1.5em;*/}
#leftcolumnfp ul#subnav li {/*font-size:0.8em;*/ padding: 0 0 0 6px;}
#leftcolumnfp ul#nav a {text-decoration:none; color:#fff; padding: 0 0 0 0;}

#leftcolumnfp ul#nav a:hover {color:#939393;}
#leftcolumnfp ul#nav a:active {color:#939393;}

#leftcolumnfp ul#nav a#current {color:#fff;}
#leftcolumnfp ul#nav a#subcurrent {color:#fff;}
#leftcolumnfp ul#nav a:hover#current, ul#nav a:active#current {color:#939393;}



#leftcolumnfpsplash {
color: #333;
margin: 0px 0px 0px 0px;
 padding: 6px 12px 12px 0px;
 width: 330px;
 float: left;
}


#leftcolumnfpsplash ul#nav {list-style-type: none;  margin: 0; padding: 0 0 20px 0; font-size:18px;}
#leftcolumnfpsplash ul#nav ul#subnav{ list-style-type: none; padding:0; background:none;}
			 
#leftcolumnfpsplash ul#nav li {/*font-size:1.5em;*/}
#leftcolumnfpsplash ul#subnav li {/*font-size:0.8em;*/ padding: 0 0 0 6px;}
#leftcolumnfpsplash ul#nav a {text-decoration:none; color:#fff; padding: 0 0 0 0;}

#leftcolumnfpsplash ul#nav a:hover {color:#939393;}
#leftcolumnfpsplash ul#nav a:active {color:#939393;}

#leftcolumnfpsplash ul#nav a#current {color:#fff;}
#leftcolumnfpsplash ul#nav a#subcurrent {color:#fff;}
#leftcolumnfpsplash ul#nav a:hover#current, ul#nav a:active#current {color:#939393;}

#leftmiddlefp { 
 color: #333;
/* border: 1px solid #ccc;*/
 /*background: #fff;*/
 margin: 0px 0px 0px 0px;
 padding: 6px 0 12px 0;
 /*height: 356px;*/
 width: 402px;
 float: left;
}
#art {width:114px; float:left; padding:3px 3px 3px 3px; margin:0 20px 0 0; /*filter:alpha(opacity=25);-moz-opacity:.25;opacity:.25;*/ color:#fff; background-color:#000;}
#design {width:114px; float:left; padding: 3px 3px 3px 3px; margin:0 20px 0 0; color:#fff; background-color:#000;}
#politic {width:114px; float:left; padding: 3px 3px 3px 3px; margin:0 0 0 0; color:#fff; background-color:#000;}

/*.minidropbox {padding:0px; color:white; background:black; margin-right:0px; height:200px; filter:alpha(opacity=40); -moz-opacity:.40; opacity:.40;}*/
/*.mdbtext {width:166px; position:relative;top:-200px;color:white; padding: 10px 4px 10px 4px;}*/
/*.minidropbox2 {margin: 4px 0 0 0;padding:0px; color:black; background:white; margin-right:0px;  filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50;}*/

/* mini drop boxes */
#mdbART, #mdbDESIGN, #mdbPOLITIC {
	margin: 0px 0 0 0;padding:5px 0 0 0; color:black; background:white; width:174px;} /* filter:alpha(opacity=95); -moz-opacity:.95; opacity:.95; }*/
#mdbART p, #mdbDESIGN p, #mdbPOLITIC p {
	/*width:166px;*/ position:relative;color:black; padding: 4px 4px 4px 4px; margin:0;
}
/* drop boxes (the main text ) */
#dbART, #dbDESIGN, #dbPOLITIC {
	margin: 0 0 10px 0;padding:0; color:#fff; background-color:#000; margin-right:0; clear:both; width:400px; } /* filter:alpha(opacity=95); -moz-opacity:.95; opacity:.95;} */
#dbART p, #dbDESIGN p, #dbPOLITIC p {
	 position:relative;color:#fff; padding: 8px 4px 4px 8px;
}
#dbART h3, #dbDESIGN h3, #dbPOLITIC h3 {
	margin:0; padding: 8px 4px 4px 8px;
}

.readmore{ text-align:right; margin:0 8px 4px 0;}
.readmore a {color:#fff; text-decoration:none;}
.readmore a:hover {color:#fff; text-decoration:underline;}
.readmore a:active {color:#ccc; text-decoration:underline;}

/*.mdbtext2 {}*/

#leftmiddlefp h1 {text-align:left;  font-weight:normal; color:#fff; padding: 0 0 0 6px;}
#leftmiddlefp h1 a {color:#fff; text-decoration:none;}
#leftmiddlefp h1 a:hover {color:#ccc; text-decoration:none;}

div.fpline0 {color: #fff; background-color: #fff; height: 1px; border:0; margin: 0 0 0 0;}
div.fpline0 hr { display: none; height:0px;}
div.fpline1 {color: #fff; background-color: #fff; height: 6px; border:0; margin: 0 0 0 0; filter:alpha(opacity=95); -moz-opacity:.95; opacity:.95;}
div.fpline1 hr { display: none;height:0px;}

/*div.fpline1 {color: #f00; background-color: #fff; height: 2px; border:0; margin: 0 0 0 0; }
div.fpline1 hr { display: none;}*/

/*hr.fpline { color: #999; background-color: #999; height: 2px; border:0; margin: 0 0 0 0;}*/


.padtop {padding:6px 0 0 0;}
.padright {padding:6px 10px 0 0;}

#mainpic {font-size:0.8em}


#footer1fp {padding: 300px 0 0 15px; margin: 1px 0px 0px 0px;  height: 72px; clear: both; color: #4d4d4d; text-align:center;}

#footerfp { 
 width: 936px;
 clear: both;
 color: #4d4d4d;
/* border: 1px solid #ccc;*/
 
 margin: 0px 0px 10px 0px;
 padding: 12px;
 text-align:center;
}

/* shop */

.reddot {
	z-index:2;
	position:absolute;
}