@charset "UTF-8";
/* CSS Document */
body{
/*background: #444444 url(/img/interface/bg-stripe-grey-em.gif) repeat;*/	
background: #ffffff url(/woc/img/interface/bg-tile-horiz-blue.gif) repeat-x;	
margin: 0;
}
/*background: #444444 url(/img/interface/bg-tile-wood-06.jpg) repeat;	*/
.cat-image{
margin: 10px;	
}
.gobutton{
float: right;
margin: 10px;
}
.lg-image-float-right{
float: right;
margin: 10px 0 10px 10px;
}
.fl{ float: left;}
.fr{ float: right;}
.flc{ clear: both; float: left;}
.frc{ clear: both; float: right;}
.margin5{margin: 5px;}
.margin10{margin: 10px;}
.margin15{margin: 15px;}
.rs320_240{width:20em; height:15em;}

/*------------pagination styles----------------*/

.paginate {
    font-family:'Trebuchet MS',Arial, Helvetica, sans-serif;
    font-size: .7em;
}
a.paginate {
    border: 1px solid #aaa;
    padding: 2px 6px 2px 6px;
    text-decoration: none;
    color: #CC0055;
}
a.paginate:hover {
    background-color: #CC0055;
    color: #FFF;
    text-decoration: underline;
}
a.current {
    border: 1px solid #aaa;
    font: bold .7em 'Trebuchet MS',Arial, Helvetica, sans-serif;
    padding: 2px 6px 2px 6px;
    cursor: default;
    background:#CC0055;
    color: #FFF;
    text-decoration: none;
}
span.inactive {
    border: 1px solid #999;
    font-family: 'Trebuchet MS',Arial, Helvetica, sans-serif;
    font-size: .7em;
    padding: 2px 6px 2px 6px;
    color: #999;
    cursor: default;
}

.pagenavbox{
background: #444 url(../img/interface/article-bg.gif) repeat-x;
margin: 0 0 10px 0;
font-size: 1.2em;
line-height: 102%;
padding: 7px;
text-align: center;
}
.pagination-container{
margin: 10px;	
}

/*-----------------Horizontal Menu--------------------*/
#horizontal, #horizontal-alt, #horizontal-lower, #horizontal-lower2
{
color:#fff;
margin: 0;
font-family: "lucida sans unicode","lucida grande",sans-serif;
font-size: 1em;
letter-spacing: -0.2pt;
/*float: right;*/
}
#horizontal-lower, #horizontal-lower2{color:#000;} 
#horizontal-alt{
float: right;
}
#horizontal a{
background: #588ccf /*url(gfx/simple/shared/tabs_vert_orange-black.gif) repeat*/;
margin: 0;
}
#horizontal-alt a{
background: #78b405 /*url(gfx/simple/shared/tabs_vert_orange-black.gif) repeat*/;
margin: 0;
}
#horizontal-lower a, #horizontal-lower2 a{
background: none /*url(gfx/simple/shared/tabs_vert_orange-black.gif) repeat*/;
margin: 0;
}

 #horizontal a, #horizontal a:visited, #horizontal-alt a, #horizontal-alt a:visited {
color:#fff;
text-decoration:none;
display:block;
background-position: 0 0;
padding: 7px 10px 2px 10px;
height: 22px;
margin: 6px 0 0 0;
font-weight: normal;
-moz-border-radius-bottomleft:0;
-moz-border-radius-bottomright:0;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
 }
 #horizontal-lower a, #horizontal-lower a:visited,  #horizontal-lower2 a, #horizontal-lower2 a:visited{
color: #444444;
text-decoration:none;
display:block;
padding: 7px 10px 2px 10px;
height: 22px;
margin: 3px 0 0 0;
font-weight: normal;
 }
 #horizontal-lower a: active, #horizontal-lower a:active,  #horizontal-lower2 a: active, #horizontal-lower2 a:active{
text-decoration:none;
display:block;
padding: 7px 10px 2px 10px;
height: 22px;
margin: 6px 0 0 0;
font-weight: normal;
 }
#horizontal a:active, #horizontal-alt a:active {
text-decoration:none;
display:block;
padding: 7px 10px 2px 10px;
height: 222px;
background-position: 0 0;
font-weight: bold;
}
#horizontal a:active {
color:#csd5d5;
}#horizontal-alt a:active {
color:#78b405;
}

#horizontal a:hover, #horizontal-alt a:hover {
color:#000000;
padding: 7px 10px 2px 10px;
height: 222px;
/*background-position: 0 27px;*/
background: #FFF url(/img/interface/tab-bg.gif);
font-weight: normal;
}
#horizontal-lower a:hover, #horizontal-lower2 a:hover{
color:#768CB0;
}
 dd.horiz, dd.horiz2, dd.horiz-alt
{
padding:0 0 0 0;
text-align:center;
height: 32px;
/*width: 110px;*/
float: left;
text-align: center;
font-size: 9pt;
}
 dd.horiz, dd.horiz2{margin:0 0 0 7px;}
dd.horiz-alt{margin: 0 7px 0 0;}
dd.horiz2{ font-size: 8.5pt;}

/*-----------------Vertical Menu Container-----------------------*/
/*note, add a cut down version of this in to the widgets style sheet and then declare specifics as override styles here to cut down on unnecessary code, remove this after you have done it*/

 .menuvert
{
	font-size:1em;
        margin:0;
		/*background: #000;*/
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 0.8em;
}
 .menuvert_footer
{
	font-size:1em;
        margin:0;
		/*background: #000;*/
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 0.8em;
}

.menuvert a, .menuvert_footer a, .menuvert a:visited, .menuvert_footer a:visited
{
	
	text-decoration:none;
	display:block;
	padding:0.7em 15px;
	font-weight:normal;
	border-bottom: 1px dotted #AAAAAA;
    background:  url(/img/interface/bp-01.gif) no-repeat;
}
.menuvert a, .menuvert a:visited{color:#444;}
.menuvert_footer a, .menuvert_footer a:visited{color:#FFF;}

.menuvert a:hover
{
	color: #768CB0;
	font-weight:normal;
	padding:0.7em 15px;
    background:  url(/img/interface/bp-02.gif) no-repeat;
	display: block;
	border-bottom: 1px dotted #AAAAAA;
}
.menuvert_footer a:hover
{
	color: #768CB0;
	font-weight:normal;
	padding:0.7em 15px;
    background:  url(/img/interface/bp-02.gif) no-repeat;
	display: block;
	border-bottom: 1px dotted #AAAAAA;
}

dd
{
margin:0 0 0 0;
padding:0px;
text-align:left;
}

dt
{
background:#3278B8;
/*border-bottom:3px solid #08497C;*/
font-size:1.2em;
margin:10;
padding:0.4em;
}
dt#top{margin:0;}

dl
{
margin: 0px;
padding: 0px;
}

#logo{
background: #ffffff;
color: white;
height: 75px;
}
#menu{
height: 75px;
}
#featured{
	height: 210px;
	background: #000000;
}
#content{
margin: 0 0 0 0;
}
#sidebar{
min-height: 500px; 
}
#itembox, #itembox2{
background: #ececec;
height: 270px;
}
#itembox3{
display: inline;
background: #ececec;
float: left;
width: 220px;
height: 270px;
margin: 0 0 0 10px;	
}
.sideblock{
background: #F30;	
}
.featured-pic{	
margin-top: 10px;
height: 190px;
}
.projects{
width: 700px;
}
img.gallery{
border:1px solid #777777;
margin:10px 0 0 10px;
}
.footer{
margin-top: 15px;	
}
.portfolio{
margin-left: 10px;	
}
.portfolio-img-lg{
border: 1px solid #444444;
}

.bdr-1-s-black{border: 1px solid #000000;}
.bdr-1-s-grey{border: 1px solid #777777;}
.bdr-1-s-lgrey{border: 1px solid #cccccc;}

/*border types*/
.bdr-1-solid{border: 1px solid;}
.bdr-1-dot{border: 1px solid;}

/*border colours*/
.bcol-black{border-color: #000000;}
.bcol-grey{border-color: #777777;}
.bcol-lgrey{border:#CCC;}
.bdr-head{
border-style:solid;
border-width:1px 1px 0;
}
.bdr-foot{
border-style:solid;
border-width:0 1px 1px;	
}
ul#twitter_update_list{
font-family:'Lucida Grande',sans-serif;
font-size:0.75em;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
color: #777777;
margin: 10px;
}
ul#twitter_update_list a{
color: #ff0036;
text-decoration: none;
font-size: 0.5em;
}
ul#twitter_update_list li{
border-bottom: 1px dotted #cccccc;	
margin-bottom:10px;
padding-bottom:10px;
}
a#twitter-link{
	border-bottom:1px dotted #FF0036;
color:#444444;
font-family:'Lucida Grande',sans-serif;
font-size:0.8em;
font-weight:bold;
margin:20px 10px 10px 65px;
padding-bottom:4px;
text-align:center !important;
text-decoration:none;
}
a:hover#twitter-link{
	border-bottom:1px dotted #444444;
color:#FF0036;
font-family:'Lucida Grande',sans-serif;
font-size:0.8em;
font-weight:bold;
margin:20px 10px 10px 65px;
padding-bottom:4px;
text-align:center !important;
text-decoration:none;
}

.margin10r{margin: 10px 0 10px 10px;}


/*Footer code*/
* {
margin: 0;
}
html, body {
height: 100%;
}
.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -4em;
}
.footer, .push {
height: 4em;
}


/*-------Super CSS buttons code-------*/
/*Set button widths*/
.b250{width: 250px;}
.b150{width: 150px;}

.superbutton a{
background: transparent url(/img/interface/btn-sprite-green-grey.gif) repeat-x;
}
.superbutton2 a{
background: transparent url(/images/btn-sprite-green.gif) repeat-x;
}
.superbutton a, .superbutton2 a, .superbutton a:hover, .superbutton2 a:hover, .superbutton a:visited, .superbutton2 a:visited, .superbutton a:visited:hover, .superbutton2 a:visited:hover{
display: inline-block;
height: 40px;
-moz-border-radius: 10px;
margin: 10px;
}
.superbutton a, .superbutton2 a, .superbutton a:visited, .superbutton2 a:visited{
background-position:0 0;
border: 1px solid;
margin:18px 20px 0 0;
border-color:rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35);
color:#FFFFFF;
text-decoration: none;
}
.superbutton a:hover, .superbutton2 a:hover, .superbutton a:visited:hover, .superbutton2 a:visited:hover{
background-position:0 -45px;
margin:18px 20px 0 0;
color:#FFFFFF;
text-decoration: none;
}
.superbutton span, .superbutton2 span{
display:block;
border-top:1px solid rgba(255, 255, 255, 0.2);
text-align:center;
font-size:18px;
text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);
font-weight:bold;
text-decoration: none;
padding:9px 20px 0;
}
ul.ddlist{
list-style-type: square;	
font-size: 80%;
}
ul.ddlist li{
margin: 7px 7px 0 30px;	
}