/* 
	Theme Name: greentheme v.1
	Theme URI: http://www.ignition.biz/
	Description: Designed and Built for Battlefield Sports by Ignition.
	Author: Ignition
	Author URI: http://www.ignition.biz
	Version: 1
		
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	
*/


body{	
	height: 100%;
	background: #ccc url(../images/bg.jpg)  left top repeat-x;
	color: #fff;
	font-family:Helvetica, Arial, sans-serif;
	margin: 0 auto;
	padding: 0;
}

/* Structure Divs */

#content {
	position: relative;
	margin: 0 auto;
	width: 920px;
}


#footer {
	top: 10px;
	position: relative;
	margin: 0 auto;
	width: 920px;
	
	}
	
#pages {padding:0; z-index:10; position:relative; top: 0; left: 0;}

#nav1 {
	position:relative;
	width: 920px;
	height: 40px;
	top: 0px;
	left: 0px;
	text-align:left;
	}

#logo {background: url(../images/logo.png); width:473px; height: 75px; top: 0; left: 0; position:relative;}

#bloque {width:420px; padding: 10px 0 0 20px; z-index:20; position:absolute; top: 0; left: 0;}
#imagebox {}

#bloque2 {width:880px; padding: 0 20px 20px 20px; z-index:20; position:absolute; top: 0; left: 0;}

#temp {padding: 10px 0 0 20px;}

#postcontainer {width: 634px; float: left; margin-top:10px;}
#posts {
	position:relative;
	background: #393939;;
	margin: 0;
	padding: 0 20px 0 20px;
	}
#posts_top {width:634px; height:15px; background: url(../images/posts_top.png);}
#posts_btm {width:634px; height:15px; background: url(../images/posts_btm.png); }

/* Header */
	
	h1 {display:none; height:76px;}
	
	#home h2 {background: url(../images/h2_home.png) top left no-repeat; height:60px; width:920px; margin:0; padding:0;}
	#index h2 {background: url(../images/h2_news.png) top left no-repeat; height:60px; width:920px; margin:0; padding:0;}
	#gallery h2 {background: url(../images/h2_gallery.png) top left no-repeat; height:60px; width:920px; margin:0; padding:0;}
	#portfolio h2, #portfolio_brand h2, #portfolio_brand_ppg h2, #client_aatw h2, #client_mobilis h2, #client_ppg h2, #client_hilti h2   {background: url(../images/h2_portfolio.png) top left no-repeat; height:60px; width:920px; margin:0; padding:0;}
	#clients h2 {background: url(../images/h2_clients.png) top left no-repeat; height:60px; width:920px; margin:0; padding:0;}
	#services h2 {background: url(../images/h2_services.png) top left no-repeat; height:60px; width:920px; margin:0; padding:0;}
	#contact h2 {background: url(../images/h2_contact.png) top left no-repeat; height:60px; width:920px; margin:0; padding:0;}
	
	#home h2 span, #client_aatw h2 span, #client_mobilis h2 span, #client_ppg h2 span, #client_hilti h2 span  {display: none;}
	#index h2 span, #clients h2 span, #services h2 span, #contact h2 span, #gallery h2 span  {display: none;}
		
	#header li {
		display: inline;
		list-style-type: none;
		padding:0 2px 0 0;
		margin: 0;
		}
	#header ul {margin: 0 0 0 20px; padding:0;}
	#header ul li a:hover, #header ul li.currentpage a {
		color:#f78f1e;
		text-decoration:none;
		}
	#nav1 a {
		font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
		font-weight:bold;
		text-transform:uppercase;
		font-size:14px;
		line-height:40px;
		background: transparent;
		color: #ccc;
		text-decoration: none;
		text-align:left;
		}
				
	.current_page_item a, .current_page_item a:hover {
		color: #000 !important;
		}
		
/* Content */	


#content_top {height:23px; background: url(../images/content_top.png); margin-top:10px;}
#content_mid {background: #393939 bottom left repeat-x; padding-bottom: 15px;}
#client_mobilis #content_mid, #client_aatw #content_mid, #client_ppg #content_mid, #client_hilti #content_mid {background: #393939 url(../images/shimyshim.png) bottom left repeat-x;}
#client_mobilis #content_btm, #client_aatw #content_btm, #client_ppg #content_btm, #client_hilti #content_btm {background: url(../images/content_btm.png);}
#content_btm {width:920px; height:22px; margin-bottom:10px; background: url(../images/content_btm2.png);}

#work {background: url(../images/work_shim.jpg) repeat-x; padding: 7px 7px 0 7px;}
 
 
/* Columns */
	
.colwrapper {position:relative;}
.colheader {border-bottom:solid 1px #4a4949; margin:0 20px 0 20px; padding: 1px 0 10px 0;}
.leftcol {width: 303px; margin: 0px; top:0; left: 0; float:left; position:relative;}
.midcol {width: 303px; margin: 0px; top:0; left: 0; float:left; position:relative;}
.rightcol {width: 303px; margin: 0px; top:0; left: 0; float:left; position:relative;}


/* Type */

#clients h3, #client_aatw h3, #client_mobilis h3, #client_ppg h3, #client_hilti h3 {color:#fff; text-transform: uppercase; font-size:15px;}
#clients h3 {padding:10px 0 0 20px;}

p.gallery {display:none;}
p.gallery2 {color:#fff; text-transform: uppercase; font-size:15px; font-weight:bold; margin:0; padding: 15px 0 0 0;}

#clients h3 span, #portfolio h3 span, #client_aatw h3 span, #client_ppg h3 span, #client_hilti h3 span, #client_mobilis h3 span {color:#f78f1e; font-size:15px;}
h3 {font-size:16px; color:#464e45; margin-top:5px;}
h3 a:hover {text-decoration:none; color:#999999; background:none;}
h3 span {font-size:18px; line-height:22px; color:#fff;}
#posts h3 {color: #fff; font-size: 24px; font-weight: normal; margin: 0; padding: 13px 0 0 0;}
h4 {color: #858585;}
.right {float:right;}

p {font-size:12px; color:#CCCCCC; margin-bottom:0; padding-bottom:5px; line-height:18px;}
#work p {padding: 0; margin:0;}
.colwrapper p {font-size:12px; line-height: 16px; color:#CCC; margin-bottom:0; padding:0 20px 5px 0}
.rizzle {color:#FFF; font-size:12px; line-height:18px; padding-right:540px;}
.lilrizzle {color:#ccc; font-size:11px; line-height:16px; padding-right:560px;}
.morizzle {color:#FFF; font-size:17px; line-height:20px}
.shizzle {padding-right:400px;}
p.fizzle {color:#FFF; padding:0 150px 0 0; font-size:17px; line-height:20px; margin:0;}
.statement, .statement a {font-size:15px; font-weight: bold; line-height:19px; color:#464e45; padding-right:30px;}
.statement a:hover {background:none; color:#fff;}
.noflash {width: 275px; height: 360px; padding: 150px 20px 0 625px; margin:0; position:relative; top: 0; left: 0;}

.small {font-size: 12px; color:#869883; padding:0; margin: 0;}
.small2 {font-size: 10px; color:#869883; padding:0; margin: 0;}

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

.colwrapper ul{padding:0 20px 0 20px; margin:0; list-style:none;}
.colwrapper li {font-size:13px; color: #ccc; line-height:24px; border-bottom:solid 1px #4a4949;}
.colwrapper li a {color:#f78f1e;}
.colwrapper li a:hover {background:none; color:#fff;}
.colwrapper li a span {color:#f78f1e;}


.colwrapper2 ul{padding:0 20px 0 20px; margin:0; list-style:none;}
.colwrapper2 li {font-size:11px; color: #666; line-height:16px;}
.colwrapper2 li a {color:#666;}
.colwrapper2 li a:hover {background:none; color:#333;}
.colwrapper2 li a span {color:#f78f1e;}
.first {font-weight:bold;}

.excerpt { font-size:13px; padding-top:5px;}



/* Sidebar */	
	
#sidebarcontainer {width:236px; height:230px; float: right; margin-top:10px; padding:15px 15px 0 35px; font-size:12px; line-height:18px;}
	
#sidebarcontainer h3 {
		color: #fff;
		font-size: 16px;
		font-weight: bold;
		margin: 0;
		padding-top:10px;
		}
		
	#sidebarcontainer ul, #sidebarcontainer ol, #temp ul, #temp ol{
		list-style: none;
		margin: 0;
		padding: 5px;
		
		}
		
	#sidebarcontainer li, #sidebarcontainer li:hover {
		margin: 0;
		padding: 0;
		
		}
		
	#sidebarcontainer a, #sidebarcontainer li, #temp li{
		color: #333;
		font-weight:bold;
		font-size:13px;
		}
		
	#sidebarcontainer a:hover {
		background:  none;
		color: #fff;
		}
	#sidebarcontainer input {
		background-color: #94a291;
		color: #333;
		font-weight:bold;
		font-size:13px;
		width: 200px;
		}
	#sidebarcontainer input:focus {background-color: #fff;}
	
/* General */

 hr {
  	border: 0;
  	width: 100%;
  	color: #fff;
	background-color: #fff;
	height: 1px;
}

acronym, abbr, span.caps {
	cursor: help;
	border-bottom: 1px dotted #000;
	}
	
blockquote {
	background: #E3F5FE url(../images/blockquote.png) no-repeat bottom left;
	padding: 5px 20px 30px 20px;
	margin: 1em;
	} /* Idea from ShadedGrey of http://wpthemes.info/ */

cite {
	text-decoration: none;
	}
	
code {
	font-family: 'Courier New', Courier, Fixed, sans-serif;
	font-size: 1.1em;
	}

.colwrapper img { padding: 20px 20px 0 0;}
.colwrapper img a:hover { background:none;}

img {
	border: 0; padding: 0; margin: 0;
	}
#work img {margin-bottom:5px; border: 1px solid #8c8c8c}

	
.feedback {
	color: #869883;
	font-size: 12px;
	margin: 0;
	padding: 20px 0 0 0;
}

#contact fieldset {
		margin:10px 0 0 0; 
		padding:5; 
		border:1px solid #4b4b4b;
		}
#contact legend {font-size:13px; font-weight:bold; color:#fff;}
#contact label {
		float:left; 
		width:10em;
		}
#contact input {
		width: 275px;
		height: 18px;
		font-size:12px; color:#393939; line-height:18px;
		}
#contact input.submit {
		width: 100px;
		height: 25px;
		float:right;
		}
#contact input.check {
		width: 15px;
		height: 15px;
		}
#contact input.med, #contact textarea.med {
		width: 275px;
		height: 100px;
		font-size:12px; color:#393939; line-height:18px; font-family:Helvetica, Arial, sans-serif;
		}
#contact input:focus, #contact textarea:focus, #contact input.submit:focus{
		background-color:#ccc;
		}
/*


	
/* Float and Clear */
div.floatleft {
	float: left;
	}

div.floatright {
	float: right;
	}
	
div.both {
	clear: both;
	}
	
.clearleft {
clear: left;
}