/**** Global Rules
*********************************************************************/
html{
	background-color:#000;
}

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:normal;
	line-height:20px;
	color:#fff;
	margin:0;
	padding:0;
	background:url(../images/bg_paneling.jpg) repeat;
	background-color:#000;
}

h1,h2,h3,h4,h5,h6,h7,img,div,form{
	padding:0px;
	margin:0px;
}

ul, ol{
	list-style-position:inside;
	list-style-type:square;
	margin:0px 20px 20px 20px;
	padding:0px;
}

h1 {
	font-size:24px; 
	color:#FFF;
	padding:15px 0px 15px 0px;
	margin:0px 0px 15px 0px;
	border-top:#ccc solid 1px;
}

h2.hp {
	font-size:18px; 
	color:#fff;
	padding:15px 0px 0px 0px;
	margin:15px 0px 15px 0px;
	border-top:none;
}


h2 {
	font-size:18px; 
	padding:0;
	margin:0px 0 5px 0;
	color:#fff;
}

h3 {
	font-size:16px; 
	padding:0;
	margin:0 0 5px 0;
	color:#fff;
}

a {
	color:#ff3300;
	text-decoration:none;
	outline-style:none;
}

a:hover{
	color:#FF9900;
	text-decoration:none;
}

#wrapper{
	width:960px;
	margin: 0 auto;
}

.mainImage{
	width:920px; 
	margin:0 auto;
}

.mast-head{
	width:920px;
	margin:0 auto;
}

.logo{
	width:350px;
	float:left;
	padding:10px 0 15px 0;
}

.about-content{
	width:450px; 
	float:left;
}
.about-content img{
	border:#CCC solid 1px;
	padding:0px;
	margin:5px 15px 5px 0px;
}

.about-content p{
	margin:0px 0px 15px 0px;
}

/**** Main Nav Rules
*********************************************************************/
.mainNav{
	float:right; 
	font-size:18px; 
	font-weight:bold; 
	padding:15px 0px 0px 0px;
}

.mainNav ul{
	list-style:none; 
	margin:0; 
	padding:0;
}

.mainNav li{
	float:left; 
	margin-left:6px;
	overflow:hidden;
}

.mainNav li a {
	color:#ff3300;
	display:block;
	padding:15px 14px 20px 14px;
	text-decoration:none;
}

.mainNav li a:hover{
	color:#fff;
	text-decoration:none;
}

.mainNav li a.currentMainNav{
	color:#FFF;
	display:block;
	text-decoration:none;
	background:url(/images/bg-comment-point.png) no-repeat 0px 10px;
}

/**** Case Studies Rules
*********************************************************************/
.caseStudies{
	padding:20px;
}

.caseStudies ul{
	list-style:none; 
	margin:0; 
	padding:0;
}

li.caseStudies-li{
	float:left; 
	margin-left:5px;
}

.caseStudies a{
	color:#000066;
	text-decoration:none;
}

.caseStudies a:hover{
	color:#000066;
	text-decoration:underline;
}

/**** Contact Form Rules
*********************************************************************/
.contactForm{
	width:425px; 
	float:right; 
	margin:-7px 0px -70px 0px;
	padding:0px 0px 0px 0px;
}

.contactForm label{
	clear:both;
	font-weight:bold;
	font-size:14px;
	margin:0px;
	padding:0px;
}

.contactForm input[type="text"]{
	width:400px;
	font-size:14px;
	font-weight:normal;
	padding:10px;
	margin:5px 0 5px 0;
	color:#CCC;
	background-color:#000;
	filter:alpha(opacity=50); /* IE's opacity*/
	opacity: 0.50;
	border:none;
}

.contactForm textarea{
	width:400px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	padding:10px;
	margin:5px 0 5px 0;
	color:#CCC;
	background-color:#000;
	filter:alpha(opacity=50); /* IE's opacity*/
	opacity: 0.50;
	border:none;
}

/**** Thumbs Rules
*********************************************************************/
.port-thumbs{
	padding:0;
	margin:0;
}

.port-thumbs img{
	float:left;
	margin:0 0 0 0;
}

.port-thumbs ul{
	list-style:none; 
	margin:0px; 
	padding:0px;
}

.port-thumbs li{
	float:left;  
	margin:0 15px 15px 0;
}

.port-thumbs a img{
	border:#CCC solid 1px;
	padding:5px;
}

.port-thumbs a:hover img{
	border:#FFCC00 solid 1px;
}

/**** Portfolio Thumbs Rules
*********************************************************************/
.portfolioCage{
	width:100%;
	padding:0 0 65px 0;
}

.portfolio_thumbs{
	width:495px; 
	float:left;
}

.portfolio_thumbs a img{
	border:#333 solid 1px;
}

.portfolio_thumbs a:hover img{
	border:#FF6600 solid 1px;
}

.descrip{
	width:375px;
	float:left;
}

/**** Elsewhere 
*********************************************************************/
ul.elsewhere li#facebook{
	background:url(/images/42.png) no-repeat 0px 2px;
	padding:0px 0px 5px 25px;
}
ul.elsewhere li#twitter{
	background:url(/images/43.png) no-repeat 0px 2px;
	padding:0px 0px 5px 25px;
}
ul.elsewhere li#pandora{
	background:url(/images/52.png) no-repeat 0px 2px;
	padding:0px 0px 5px 25px;
}
ul.elsewhere li#firefox{
	background:url(/images/51.png) no-repeat 0px 2px;
	padding:0px 0px 5px 25px;
}
ul.elsewhere li#last-fm{ 
	background:url(/images/56.png) no-repeat 0px 2px;
	padding:0px 0px 5px 25px;
}
ul.elsewhere li#dakine{ 
	background:url(/images/58.png) no-repeat 0px 2px;
	padding:0px 0px 5px 25px;
}

/**** Category Rules
*********************************************************************/
.port-cats{
	float:right; 
	width:170px; 
	padding:24px; 
	margin:0px 0px 20px 20px; 
	background:url(/images/opacity-blk.png) repeat;
}
.port-cats ul.category_list{
	list-style-position: inside;
	list-style: none;
	margin: 0px;
	padding: 0px;
	color: #999;
}

#txt-center{
	clear: both;
	height: 30px;
	text-align: center;
	color: gray;
}
#txt-center ul.pagination {margin: 0; padding: 0.5em; text-align: center;}
#txt-center ul.pagination li {display:inline; padding: 0.2em; float: none;}
#txt-center ul.pagination li.active {color: #fff;}



/**** Footer Rules
*********************************************************************/
.footer {
	clear:both;
	font-size:12px;
	font-weight:normal;
	color:#666666;
	margin: 0 auto;
	padding:20px 20px 10px 20px;
	width:880px;
	background:url(/images/opacity-blk.png) repeat;
	overflow:hidden;
}

.footer .downlow{
	float:left; 
	margin:0px 80px 20px 0px;
}
.footer a{
	color:#999;
	text-decoration:none;
}

.footer a:hover{
	color:#FF9900;
	text-decoration:none;
}

.footer ul{
	list-style:none;
	margin:0px;
	padding:0px;
}

.footer2{
	clear:both; 
	width: 900px;
	margin:0px auto;
	padding:10px 20px 10px 20px; 
	font-size: 11px;
}