@charset "UTF-8";
/* CSS Document */
body{
/*background: #444444 url(/img/interface/bg-stripe-grey-em.gif) repeat;*/	
/*background: #000000 url(/img/interface/bg_wp_dark.jpg) repeat;	*/
background: #000000 url(/img/interface/woodbg.jpg) repeat;
}
/*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;}
.rs100pc{width:100%;}

/*------------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
{
color:#fff;
margin: 0;
font-family: "lucida sans unicode","lucida grande",sans-serif;
font-size: 1em;
letter-spacing: -0.2pt;
float: right;
}
#horizontal a{
background: #000000 /*url(gfx/simple/shared/tabs_vert_orange-black.gif) repeat*/;
margin: 0;
}

 #horizontal a, #horizontal a:visited {
color:#c2d5d5;
text-decoration:none;
display:block;
background-position: 0 0;
padding: 4px 10px 2px 10px;
height: 27px;
font-weight: normal;
 }
#horizontal a:active {
color:#csd5d5;
text-decoration:none;
display:block;
padding: 4px 10px 2px 10px;
height: 32px;
background-position: 0 0;
}

#horizontal a:hover {
color:#000000;
padding:4px 10px 2px 10px;
height: 32px;
/*background-position: 0 27px;*/
background: #ff0036 url(/img/interface/tab-bg.gif);
font-weight: normal;
}
 dd.horiz
{
margin:42px 0 0 7px;
padding:0 0 0 0;
text-align:center;
height: 32px;
/*width: 110px;*/
float: left;
text-align: center;
font-size: 9pt;
}

/*-----------------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 a, .menuvert a:visited
{
	color:#EEEEEE;
	text-decoration:none;
	display:block;
	padding:8px 8px 8px 20px;
	font-weight:normal;
    background:  url(/img/interface/bp01.gif) no-repeat;
}

.menuvert a:hover
{
	color:#FF0036;
	font-weight:normal;
	padding:8px 8px 8px 20px;
    background: #000000 url(/img/interface/bp02.gif) no-repeat;;
	display: block;
}

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: 245px;
	/*background: #000000 url(/img/interface/home-image.jpg) no-repeat;*/
	background: #000000 url(/img/interface/home-image-screen.jpg) no-repeat;
}
#featured-blog{
	height: 150px;
	background: #000000 url(/img/interface/home-image-blog.jpg) no-repeat;
}
#featured-about{
	height: 150px;
	background: #000000 url(/img/interface/fade-grad.gif) repeat-x;
}
#featured-portfolio{
	height: 150px;
	background: #000000 url(/img/interface/home-image-folio.jpg) no-repeat;
}
#content{
margin: 0 0 0 0;
}
#sidebar{
min-height: 500px; 
}
.sidebarbg{
background: #4d4d4d url(/img/interface/sidemenubg.gif) repeat-x;
}
#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;
}

/*-----------------------
Mobile Gallery Settings
------------------------*/

img.gallery-mob{
border:1px solid #777777;
margin:10px 0 0 45px;
}
.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;}

#homeimg{
background: url(img/interface/home-image.jpg) no-repeat;	
}

.footer-list, footer-list a{
font-family:'Lucida Grande', arial, helvetics, sans-serif;	
font-size: 0.8em;
color: #CCCCCC;
margin: 10px;
}
.footer-list a{
text-decoration: none;
color: #CCCCCC;
}
.footer-list a:visited{
text-decoration: none;
color: #BBBBBB;
}
.footer-list a:hover, .footer-list a:visited:hover{
text-decoration: none;
color: #FFFFFF;
}
.footer-list li{
margin-bottom: 4px;	
}
.footer-logo{
margin: 45px 10px 0 10px; 
}
#footer{height: 100px;}
fieldset{
border: 1px solid #CCCCCC;	
margin: 20px;
}
legend{
border:1px solid #CCCCCC;
font-family:arial;
margin:0 0 0 10px;
padding:4px 7px;
}
img.full-article{
margin: 10px;	
}
#images-container{
	margin:0 0 0 15px;
}

.icon-box-red{width: 20px; height: 20px; background: #ff0036; float: left; margin: 0 10px 0 0;}
.icon-box-blue{width: 20px; height: 20px; background: #28c1ff; float: left; margin: 0 10px 0 0;}
.icon-box-yellow{width: 20px; height: 20px; background: #ffc528; float: left; margin: 0 10px 0 0;}
.icon-box-green{width: 20px; height: 20px; background: #c5ff28; float: left; margin: 0 10px 0 0;}

/*JQuery widget styles*/
.column{
width:290px;
min-height: 300px;
height: 100%;
padding: 6px;
margin:0;
margin-left: 12px;
float: left;
}
.widget{
position: relative;
padding: 6px;
margin: 0;
margin-top: 10px;
background: #CCCCCC url(img/interface/grad1.png) no-repeat top right;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
min-height: 30px;
}

#featured2{
width: 592px;
padding: 6px;
margin: 6px;
margin-left: 18px;
margin-top: 16px;
float: left;
height: 200px;
background: #000000 url(img/interface/accent.jpg) no-repeat -280px -80px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
#featured2 h2{
margin-left: 320px;
color: #FFFFFF;
font-weight: normal;
}
#featured2 p{
margin-left: 320px;
color: #FFFFFF;
}

/*jQuery Slider*/
/*--Main Container--*/
.main_view {
	float: left;
	position: relative;
	margin:22px;
}
.main_view2 {
	float: left;
	position: relative;
}
/*--Window/Masking Styles--*/
.window {
	height:286px;	width: 650px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.window2 {
	height:212px;	width: 339px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
	position: absolute;
	bottom: 40px; right: -7px;
	width: 178px; height:47px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 40px;
	background: url(/img/interface/paging_bg2.png) no-repeat;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging2 {
	background: none repeat scroll 0 0 #252525;
    bottom: 5px;
    display: none;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 80%;
    height: 30px;
    line-height: 30px;
    opacity: 0.85;
    position: absolute;
    right: 5px;
    text-align: center;
    width: 150px;
    z-index: 100;
}
.paging a, .paging2 a {
background: #000000;
border:1px solid #000000;
color:#232323;
padding:0 4px;
text-decoration:none;
}
.paging a.active, .paging2 a.active {
	border: 1px solid #444444;
	color: #777777;
}
.paging a.active{
font-weight: bold;
}
.paging2 a.active{
border: 1px solid #444444;
}
.paging a:hover{font-weight: bold;}
.paging2 a:hover {font-weight: normal; border: 1px solid #CC0000;}

#feature-viewer{
float: right;
background: #CCCCCC;
width: 339px;
height: 212px;
margin: 32px 38px 0 0;
}
.related{
clear: right;	
}