@charset "UTF-8";
/* CSS Document */


body {
	background-color:#F9F9F9;
	color:#444444;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:15px;
	margin:0pt auto;
	background-repeat:repeat-x;
	background-image:url(../images/bg.gif);
	background-position:top;
	text-align:center;
}
#wrapper{
	margin:0 auto;
	text-align:left;
	width:970px;
}
#container{
	width:970px;
	margin:20px 0 0 0;
}
a{
	color:#ff0404;
}
a:hover{
	text-decoration:none;
}
img{
	border:none;
}
h1, h2, h3, h4, h5, h6{
	padding:0;
	margin:0;
}
h1{
	line-height:20px;
	font-size:17px;
	color:#ff0404;
	font-weight:bold;
	text-decoration:none;
	padding:3px 0 0 0;
}
h2{
	line-height:15px;
	font-size:15px;
	color:#ff0404;
	font-weight:normal;
	text-decoration:none;
	padding:3px 0 10px 0;
}
h3{
	font-size:14px;
	font-weight:bold;
	line-height:20px;
}
h4{
	font-size:13px;
	font-weight:bold;
	line-height:20px;
}
#contactlinks{
	font-size:16px;
	color:#555555;
	font-weight:normal;
	line-height:20px;
}
#contactlinks a:hover, #contactlinks a{
	color:#555555;
	text-decoration:none;
}
p{
	margin:0;
	padding:0 0 15px 0;
}
.intropara{
	font-size:16px;
	line-height:22px;
	color:#333;
	padding:20px 0 40px;
}
.homepara{
	font-size:16px;
	line-height:22px;
	color:#333;
	padding:20px 0 40px;
}
/*Header*/
#header{
	height:95px;
	width:970px;
	background-image:url(../images/hero_bg.gif);
	background-repeat:no-repeat;
	background-position:top;
}
#logo{
	padding:20px 0 0 20px;
}
hr{
	border:none;
	height:1px;
	background-color:#999;
}
/*Menu*/
#menu{
	float:right;
	height:25px;
	padding:0 20px 0 0;
	font-size:11px;
	line-height:15px;
}
#menu a{
	float:left;
	height:25px;
	line-height:25px;
	border-right:solid 1px #999999;
	display: block;
	margin: 0;
	padding:0 10px 0 10px;
	background: #fff;
	color: #666;
	text-decoration:none;	
}
/*Banner*/
#banner{
	width:970px;
	height:225px;
	background-image:url(../images/bannerback.gif);
	color:#000;
}
#bannerlarge{
	padding:0 0 0 5px;
	overflow:hidden;
}
#bannersmall{
	padding:0 0 0 5px;
}
#bannercontent{
	width:970px;
	height:125px;
	background-image:url(../images/bannerback.gif);
	color:#000;
}
/*Content*/
#content{
	width:950px;
	float:left;
	clear:both;
	background-image:url(../images/back.gif);
	background-repeat:repeat-y;
	padding:0 0 0 20px;
}
#leftpanel{
	width:268px;
	float:left;
	margin:15px 0 0 0;
	padding:15px 15px 30px 15px;
	border:1px solid #999;
	font-size:12px;
}
#rightpanel{
	width:615px;
	float:left;
	margin:15px 0 0 0;
	padding:0 0 0 15px;
}
.contentarticle{
	padding:0 0 0 30px;
	background-image:url(../images/arrows_white.gif);
	background-repeat:no-repeat;
	background-position:top left;
}
/*footer*/
#footer{
	width:970px;
	height:35px;
	background-image:url(../images/footer.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	clear:both;
}
#bottomstuff{
	padding:0 5px 40px 5px;
	width:960px;	
	height:30px;
}
#bottomstuff a{
	color:#666666;
}
#bottomstuff a:hover{
	color:#444444;
}
#bottomstuff .floatleft a{
	padding:0 10px 0 0;
}
/*Home Articles*/
.homearticle{
	width:475px;
	padding:0 0 0 30px;
	margin:15px 0 0 0;
	background-image:url(../images/arrows_white.gif);
	float:left;
	background-repeat:no-repeat;
}
.homearticle_border{
	width:443px;
	padding:15px;
	margin:0 0 10px 30px;
	clear:both;
	background-repeat:no-repeat;
	border:solid 1px #999999;

}
.homeright{
	width:505px;
	float:left;
}
#rightpanel h1, .homearticle h1, .homearticle_border h1{
	margin:0 0 10px 0;	
}
/*Classy Classes*/
.clearer{
	clear:both;
}
.floatright{
	float:right !important;
}
.floatleft{
	float:left;
}
.aligncenter{
	text-align:center;
}
.alignright{
	text-align:right;
}
.border{
	border:solid 1px #999999;
}
.linkgrey{
	color:#666666;
}
.linkgrey:hover{
	color:#666666;
}
.colorred{
	color:#FF0000;
}
.staffmain{
	font-size:14px;
	width:184px;
}
.staffmain a{
	text-decoration:none;
}
/*MooTools CSS for Accordian*/
#accordion{
	width:405px;
	position:relative;
	float:left;
	padding:13px 20px 0 0;
	color:#333;
	visibility:hidden;
}
.toggler{
	background:#f6f6f6;
	color:#555555;
	border:1px solid #999999 !important;
	cursor:pointer;
	font-weight:bold;
	background-image:url(../images/arrows.gif);
	background-repeat:no-repeat;
	line-height:30px;
	clear:both;
}
.accordionpadding{
	margin:2px 0 2px 0;
}
.home_contactinput{
	border:solid 1px #999999;
	background-color:#ffffff;
	height:23px;
	line-height:23px;
	width:260px;
	float:left;
	padding:0;
	margin:0;
}
#homecontact{
	clear:both;
	float:left;
	margin:0 0 20px 0;
}
#homecontact .clearer{
	padding:0 0 5px 0;
	float:left;
	width:349px;
}
#homeborder{
	border:solid 1px #999;
	float:left;
	clear:both;
	padding:10px;
	background-color:#CCCCCC;
}
.home_contactcomments{
	border:solid 1px #999999;
	background-color:#ffffff;
	height:200px;
	width:260px;
	float:left;
	padding:0;
	margin:0;
}
#homecontact .floatright{
	padding:20px 0 0 0;
}
.lastlink{
	width:373px !important;
	text-align:center;
}
.home_screenshots{
	float:left;
	margin:0 0 13px 0;
	border:1px solid #fff;
}
.home_screenshots_pad{
	margin:0 13px 0 0;
}
#accordion .border{
	background:#e2e2e2;
	padding:15px;
	width:373px;
	height:310px;
}
#accordion .margin {
	margin:2px 0 2px 0;
}
#accordion h3{
	padding:0 0 0 30px;
	clear:both;
	font-size:13px;
	clear:both;
	margin:2px 0 2px 0;
	font-weight:normal !important;
}
#homecontact span, #homecontact input{
	float:left;
}
.contactheading_home{
	width:74px;
	float:left;
	line-height:23px;
}
.accordion_newsheading{
	font-size:12px;
	color:#222;
}
#homcontact_sumbit{
	width:74px;
	height:24px;
	margin: 0;
	padding: 0;
	border: 0;	
	background: transparent url(../images/but_submit.gif) no-repeat scroll 0pt 0px;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */	
	color:#333;
	line-height:22px;
	font-size:12px;
}
#homcontact_sumbit:hover{
	width:74px;
	height:24px;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent url(../images/but_submit.gif) no-repeat scroll 0pt -24px;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */	
	color:#333;
	line-height:24px;
	font-size:12px !Important;
}
/*Tooltip*/
.tool-tip {
	color: #fff;
	width: 233px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	background-image:url(../images/bubble.gif);
	width:205px;
	height:35px;
	line-height:35px;
	padding:0 0 0 15px;
	text-align:left;
	background-position:top left;
}
 
.tool-text {
	font-size: 11px;
	background-image:url(../images/bubble.gif);
	background-position:bottom left	;
	width:180px;
	height:49px;
	padding:0 25px 30px 15px;
	text-align:left;
}
/**/
#slider-bar{
	width:268px;
	text-align:center;
	height:30px;
	background-color:#000;
	background-image:url(../images/sliderback.gif);
	background-repeat:no-repeat;
	font-size:11px;
	line-height:15px;
}
#slider-bar a{
	color:#fff;
	text-decoration:none;
	line-height:30px;
	height:30px;
	clear:both;
}
#slider-wrapper {
	overflow: hidden; 
	height: 200px; 
	width: 268px;
	position: relative;
}
 
#slider-inner {
	width: 268px;
	height: 800px;
	background-image:url(../images/scroller.jpg);
	position: relative;
}
.scrolling-content {
	width: 268px;
	height: 200px;
	text-align: center;
	position: absolute;
}
.scrolling-content a{
	width:268px;
	height:200px;
	float:left;
}
#content1 {
	left: 0px; 
	top: 0px;
}
 
#content2 {
	top: 200px; 
	left: 0px;
}
 
#content3 {
	top: 400px; 
	left: 0px;
}
 
#content4 {
	top: 600px; 
	left: 0px;
}
.slider-barpadding{
	padding:0 10px 0 0;
}

/*rotating banner*/
/* Added by Jase for gallery rotator */

#myGallery, #myGallerySet, #flickrGallery
{
	width: 960px!important;
	height: 225px !important;
	z-index:5;
	display:block;
}

#myGallery img.thumbnail, #myGallerySet img.thumbnail
{
	display: none;
}

.jdGallery
{
	overflow: hidden;
	position: relative;
	display:block;
	width:960px;
	height:125px;
}

.jdGallery .slideElement
{
	width: 100%;
	height: 100%;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center center;
}

.jdGallery .loadingElement
{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('img/loading-bar-black.gif');
}

/*BITS N PIECES*/
/*staff*/
.staff, .project{
	width:553px;
	border:1px solid #999;
	margin:0 0 15px 0;
	clear:both;
	float:left;
	padding:15px;
}
.project img{
	float:left;
	padding:0 15px 15px 0;
}
.staffleft{
	float:left;
	padding:0 15px 15px 0;
}
.staffright{
	float:right;
	padding:0 0 15px 15px;
} 
.staff h2{
	margin:0 !important;
	padding:15px 0 5px 0;
}
.stafftextwidth{
	width:365px;
}
#nextbut{
}
#nextbut a{
	line-height:9px;
	height:9px;
	text-decoration:none;
	padding:0 0 0 10px;
}
#contactform{
}
.contactformstyle{
	border:solid 1px #999999;
	width:313px;
	clear:both;
	margin:0 0 10px 0;
}
.contactformheight{
	height:15px;
}

.contactformcomments{
	height:100px;
}
#accordion #recaptcha_widget_div{
	padding:20px 0 15px 26px;
	clear:both !important;
	float:left !important;
	z-index:0 !important;
}
.bigbody {
	font-size: 13px;
}
.bigred {
	font-size: 13px;
	color:#FF0000;
}
#listitems ol, #listitems li {
	margin: 1em;
	/*width: 10em;*/
	padding: 5px;
}
/*Homepage News*/
#homepage_bottomnewspanels{
	width:930px;
	clear:both;
	float:left;
	padding:20px 0 0 0;
}
#homepage_bottomnewspanels h1{
	padding-bottom:10px;
}
.homepage_bottomnewspanel{
	/*background-color:#F6F6F6;*/
	border:1px solid #999999;
	float:left;
	height:110px;
	margin:0 15px 0 0;
	overflow:hidden;
	padding:10px;
	width:278px;
}
.nomargin{
	margin:0 !important;
}