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


html {
	margin-bottom:1px;
	margin-left: -1px;
	overflow-y: scroll;
}

body{
	font-family: Arial, Helvetica, sans-serif;
	background: #1b1b1b url(images/bg.jpg) repeat-y scroll 0 100%;
	background-position:center;
	margin:0 auto;
	padding:0 auto;
	font-size:13px;
}

a {
	border:none;
}

h3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.5em;	
	color:#1b1b1b;
}
h4 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:.9em;	
	color:#fff;
}

.widget-title {
	background-image: url("http://www.bitbugdesign.com/images/twitter.png");
	background-repeat: no-repeat;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-indent:50px;
	font-size:1.5em;	
	color:#1b1b1b;
	height:29px;
}

.widget-title a {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#1b1b1b;
	text-decoration:none;
}

#twitter-box {
padding-top:-10px;
margin-top:-20px;
width:330px;
}

#twitter-box a {
color:#1b1b1b;
font-style:italic;
text-decoration:none;
font-size:.9em;
}

#container {
	margin:0 auto;
	padding:0 auto;
	width:978px;
}

#slider-container {
	background: #1b1b1b url(images/slider-bg.jpg) repeat-x scroll 0 100%;
	background-position:top;
	margin-top:-25px;
}

#header {
	height:60px;
	background: #1b1b1b url(images/header-bg.jpg) repeat-x scroll 0 100%;
	background-position:top;
	margin:0 auto;
	padding:0;
}

#header-top {
	height:55px;
	margin-left:auto;
	margin-right:auto;
	padding-top:9px;
	overflow:hidden;
	width:981px;
}

#header-logo {
	background: url(images/bit-bug-logo.png) no-repeat 100%;
	display:block;
	float:left;
	height:45px;
	padding-right:10px;
	width:222px;
}

#search-wrap {
background:transparent url(images/search-bar.jpg) no-repeat scroll;
background-position:right;
float:right;
height:30px;
width:329px;
}

#search-form {
line-height:0;
padding-top:11px;
position:relative;
}

.input-text, .input-submit {
background-color:transparent;
border:medium none;
color:#333333;
margin:0;
position:relative;
}

.input-text {
color:#333333;
font-size:11px;
left:7px;
top:7px;
width:225px;
}

.input-submit {
cursor:pointer;
left:15px;
width:84px;
}

#rss-link {
background-position:0 -28px;
display:block;
float:right;
height:22px;
margin:7px 7px 0 0;
padding-left:22px;
}

.clear {
	clear:both;
	height:0px;
}

#image-gallery-wrapper {
margin:25px auto;
width:981px;
height:310px;
}

#image-gallery {
background: url(images/carousel-bg.png) no-repeat scroll 0 100%;
display:block;
margin:0 auto;
overflow:hidden;
}


/* content */
#sidebar {
	background:#d59544 url(images/side-bg.jpg) no-repeat bottom;
	border-color:#d87300;
	border-left:3px;
	float:left;
	margin:0 auto;
	min-height:100%;
	padding-left:5px;
		padding-top:15px;
	padding-bottom:15px;
	width:346px;
}

#content {
	background:#f8ae4f url(images/main-bg.jpg) no-repeat bottom;
	float:right;
	margin:0 auto;
	min-height:100%;
	padding:0 auto;
	padding-left:5px;
	padding-right:5px;
	padding-top:15px;
	padding-bottom:15px;
	width:617px;
}

#content a {
color:#c34f0d;
}

#footer-container {
	background:url(images/bottom-bg.jpg) repeat-x scroll 0 100%;
	background-color:#000000;
	background-position:top;
	position:bottom;
	margin:0 auto;
}

#bottom-ribbon {
background: url(images/bottom-ribbon.png) no-repeat;
display:block;
height:45px;
margin-left:auto;
margin-right:auto;
width:1011px;
}

#navigation {
background: url(images/navigation.png) no-repeat;
display:block;
margin-left:auto;
margin-right:auto;
margin-top:-40px;
width:1011px;
}

.page_item {
	color:#1b1b1b;
	display:block;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	font-weight:bold;
	height:48px;
	margin-left:-33px;
	margin-right:33px;
	padding-top:15px;
	position:bottom;
	text-align:center;
	text-transform:uppercase;
	width:200px;
}

.page-item-7 {
	margin-right:0px;
	}

.page_item a {
	background:url(images/menu-bg.jpg) no-repeat 100% 0;
	background-position:bottom;
	float:left;
	display:block;
	height:47px;
	line-height:47px;
	color:#00220c;
	text-align:center;
	text-decoration:none;
	text-shadow:#666666;
	width:200px;
}

.current_page_item a, .page_item a.hover {
	background:url(images/menu-hover-bg.jpg) no-repeat 100% 0;
	background-position:bottom;
	color:#000000;
	height:47px;
}

.current_page_item, #navigation li.hover {
	background:url(images/menu-hover-bg.jpg) no-repeat 100% 0;
	background-position:bottom;
	color:#000000;
	height:47px;
}

#bottom-container {
float:left;
width: 340px;
height:60%;
padding-right:5px;
padding-left:5px;
bottom:0px;
		min-height:300px;
		height: auto !important;
height: 300px;
} 

#bottom-container-2 {
float:left;
width: 300px;
padding-right:5px;
padding-left:5px;
} 

#footer-bottom{
	margin:0 auto;
	padding:0 auto;
	width:978px;
		bottom:0px;
		min-height:300px;
		height: auto !important;
height: 1000px;
margin-bottom:-1000px;

}

#footer-container h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#f8ae4f;
	padding-left:75px;
}

#footer-container p {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	padding-left:75px;
}

#footer-container a {
color:#FFFFFF;
}

.boxgrid{ 
				width: 200px; 
				height: 200px; 
				margin:1px; 
				float:left; 
				background:#161613; 
				border: solid 1px #000000; 
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 0 10px; 
					color:#fff; 
					font-weight:bold; 
					font:10pt Tahoma, Arial, sans-serif; 
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #000; 
				height: 100px; 
				width: 100%; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull .boxcaption {
 					top: 300px;
 					left: 0px;
 				}
 				.caption .boxcaption {
 					top: 300px;
 					left: 0px;
 				}
				
.bottomclear
{
height: 1%;
clear: both;
content: ".";
height: 0;
visibility: hidden
}