/* Creative Ammo - 25//09
	Table of Contents:
	Reset
	Typography
	Positioning
	IE Fixes
	3rd Party
*/

/* Reset
---------------------------------------------------------------------------------------- */

* { margin: 0; padding: 0; }

/* now I'm working with a clean slate! */

#logo {
	cursor:pointer;
}

html {
	overflow-y: scroll;
}

/* Typography
---------------------------------------------------------------------------------------- */

body { color:#6c6c6c; font-family: Arial, Trebuchet MS, sans serif; font-size: 12px;}

h2, .main_copy em, .main_copy a{ color:#004457; font-weight:normal; font-size:1.2em;}

.main_copy em, .main_copy a{font-size:1em; text-decoration:none;}
.main_copy a:hover{text-decoration:underline;}
.main_copy ul li{
	line-height:18px;	
}



#content p{
	line-height:18px;
	font-size:1.1em;
	margin-bottom:18px;	
}

#footer{
	float:right;
	padding: 0 0 0 0;
}

#footer ul li{
	display:inline;
	padding: 0 0 0 5px;
}

#footer ul li a{
	text-decoration:none;
	/*color:inherit;*/
	color:#6c6c6c;
}


/* Positioning
---------------------------------------------------------------------------------------- */

body { background: white url('../imagesnew/main_bgnew.png') repeat-x top left; padding-top:60px;}
#wrapper{ margin:0 auto; width:800px;}
h1 img{ padding: 0 0 0 16px;}
a { outline:none; }
 
/*#navmenu{ float:right; width:390px; margin-top:66px;}
#navmenu #mainMenu .menuItems{
	float:left; 
	width:88px;
	height: 40px;
	margin-bottom:-5px;
	background:url('../imagesnew/nav_btn_large.jpg') no-repeat;
	background-position: -86px 0px;
	display:block;
	text-align:center;
	position:absolute;
	bottom:0px;
}


#navmenu #mainMenu .menuItems a  {
	color:#CCC;
}

#navmenu #mainMenu .last{
	width:88px;
}


#navmenu #mainMenu .active {
	background:url('../imagesnew/nav_btn_large.jpg') no-repeat;
	background-position: 0px 0px;
	display:block;
	line-height:40px;
}


#navmenu #mainMenu .menuItems a.about{ 
	display:block;
	background:transparent url('../imagesnew/about.png') no-repeat -120px 18px;
	width:86px;
	height:40px;
	text-indent:-8000px;
}

#navmenu #mainMenu .menuItems a.services{ 
	display:block;
	background:transparent url('../imagesnew/services.png') no-repeat -141px 18px;
	width:86px;
	height:40px;
	text-indent:-8000px;
}

#navmenu #mainMenu .menuItems a.work{ 
	display:block;
	background:transparent url('../imagesnew/work.png') no-repeat -102px 18px;
	width:86px;
	height:40px;
	text-indent:-8000px;
}

#navmenu #mainMenu .menuItems a.contact{ 
	display:block;
	background:transparent url('../imagesnew/contact.png') no-repeat -138px 18px;
	width:86px;
	height:40px;
	text-indent:-8000px;
}

#navmenu #mainMenu .active a.about, #navmenu #mainMenu .menuItems a.about:hover{
	background:transparent url('../imagesnew/about.png') no-repeat 20px 18px;
}

#navmenu #mainMenu .active a.services, #navmenu #mainMenu .menuItems  a.services:hover{
	background:transparent url('../imagesnew/services.png') no-repeat 16px 18px;
}

#navmenu #mainMenu .active a.work, #navmenu #mainMenu .menuItems  a.work:hover{
	background:transparent url('../imagesnew/work.png') no-repeat 24px 18px;
}

#navmenu #mainMenu .active a.contact, #navmenu #mainMenu .menuItems  a.contact:hover{
	background:transparent url('../imagesnew/contact.png') no-repeat 17px 18px;
}*/

	
p.creative_copy{
	background:url('../images/header_band.png') no-repeat top left;
	clear:both;
	display:block;
	width:100%;
	min-height: 239px;
	height: auto !important;
	height: 239px;
	position: relative;
}

p.creative_copy em{
	width:410px;
	/*width:391px;*/
	background:url('../imagesnew/about_text_a.png') no-repeat top left;
	position:absolute;
	top:70px;
	left:75px;
	min-height: 75px;
	height: auto !important;
	height: 75px;
	text-indent: -8000px;
}


p.creative_copy em.work_copy{
	width:511px;
	background:transparent url('../images/work_text.png') no-repeat top left;
}


p.creative_copy em.about_copy{
	width:511px;
	background:transparent url('../imagesnew/about_text_a.png') no-repeat top left;
}


p.creative_copy em.services_copy{
	width:511px;
	background:transparent url('../images/services_text.png') no-repeat top left;
}

p.creative_copy em.contact_copy{
	width:511px;
	background:transparent url('../images/contact_text.png') no-repeat top left;
}


#content{
	float:left;
	display: block;
	padding: 15px 0 50px 75px;
}

div.services_content{
	display:block;
	background:transparent url('../imagesnew/soldier_service.jpg') no-repeat;
	background-position: 338px 180px;
}

div.work_content{
	display:block;
	background:transparent url('../imagesnew/soldier_work.jpg') no-repeat;
	background-position: 206px  186px;
}

div.contact_content{
	display:block;
	background:transparent url('../imagesnew/soldier_contact.jpg') no-repeat;
	background-position: 60px 205px;
}

.main_copy{
	float:left;
	width:317px;
}

.rightSide_content{
	float:left;
	width:315px;
}


div.about_content .rightSide_content{
	padding: 60px 0 0 0;
}

/*#footer{
	float:right;
	padding: 0 16px 0 0;
}*/

/* 3rd party fixes
---------------------------------------------------------------------------------------- */
/*bit of css to fix the clearing problem with divs containing floats - explained here http://www.positioniseverything.net/easyclearing.html  */
.floatfix:after { content:"."; display:block; height:0px; clear:both; visibility:hidden; }
.floatfix { display:inline-block }/* Hides from IE-mac \*/* html .floatfix { height:1% } .floatfix { display:block }/* End hide from IE-mac */

/* Validation */
#validation #success {
	color:#0C3;
}

#validation {
	color:#FF0000;
	float:left;
	width:266px;
	font-size:11px;
}


#workContainer {
	float:right;
	width:303px;
}

.workElement {
	background-repeat:no-repeat;
	height:50px;
	padding:2px;
	width:256px;
}

.workElement  .left  {
		background-image:url(../images/work-numbers_left_small.png);
		float:left;
		height:19px;
		width:9px;						
}

.workElement  .right  {
	background-image:url(../images/work-numbers_right_small.png);
	float:left;
	height:19px;
	width:9px;						
}

.numberLeftwork10 {
		background-position:0 -19px;
}

.numberRightwork1 {
		background-position:0 -19px;
}

.numberRightwork2 {
		background-position:0 -38px;
}

.numberRightwork3 {
		background-position:0 -57px;
}

.numberRightwork4 {
		background-position:0 -76px;
}

.numberRightwork5 {
		background-position:0 -94px;
}

.numberRightwork6 {
		background-position:0 -113px;
}

.numberRightwork7 {
		background-position:0 -132px;
}

.numberRightwork8 {
		background-position:0 -151px;
}

.numberRightwork9 {
		background-position:0 -170px;
}

.numberRightwork10 {
		background-position:0 -0px;
}

.workExtra {
	margin-left:32px;
	width:300px;
	height:100px;
}

.workExtra .workDescription {
	margin:10px;
	margin-bottom:28px;
	line-height:18px;
}

.workExtra .workTitle {
	margin:10px;
}

/*********************************** ADDITIONS ****************************************/

#tank_pic{
	width:377px;
	height:183px;
	margin-left:-48px;
}


/* MAIN NAVIGATION */
#nav_wrapper{
	width:390px;
    margin-top:66px;
	float:right;
	margin-bottom:-5px;
	}

#nav_wrapper ul{
	padding:0px; margin:0px;
}
#nav_wrapper li{
	float:left;
}

/***************************************ABOUT_nav***************************************/
#about {
	width:86px;
	text-indent:-5000px;
	list-style:none;
}
#about li {
	height:40px;
	font-size:14px;
}
#about a {
	background-image:url(../imagesnew/about_nav.jpg);
	background-position: -86px 0px;
	height:40px;
	background-repeat:no-repeat;
	display:block;
}
#about a:hover {
	background-position: 0px 0px;
}
#about a.active{ 
	background-image:url(../imagesnew/about_nav.jpg);
	width:86px;
	background-position: 0px 0px;
	display:block;
	line-height:40px;
}


/***************************************SERVICE_nav***************************************/
#service {
	width:86px;
	text-indent:-5000px;
	list-style:none;
}
#service li {
	height:40px;
	font-size:14px;
}
#service a {
	background-image:url(../imagesnew/service_nav.jpg);
	background-position: -86px 0px;
	height:40px;
	background-repeat:no-repeat;
	display:block;
}
#service a:hover {
	background-position: 0px 0px;
}
#service .active {
	background-image:url(../imagesnew/service_nav.jpg);
	background-position: 0px 0px;
	display:block;
}


/***************************************WORK_nav***************************************/
#work {
	width:86px;
	text-indent:-5000px;
	list-style:none;
}
#work li {
	height:40px;
	font-size:14px;
}
#work a {
	background-image:url(../imagesnew/work_nav.jpg);
	background-position: -86px 0px;
	height:40px;
	background-repeat:no-repeat;
	display:block;
}
#work a:hover {
	background-position: 0px 0px;
}
#work a.active {
	background-image:url(../imagesnew/work_nav.jpg);
	background-position: 0px 0px;
	display:block;
}

/***************************************CUSTOMER_nav***************************************/
#contact {
	width:86px;
	text-indent:-5000px;
	list-style:none;
}
#contact li {
	height:40px;
	font-size:14px;
}
#contact a {
	background-image:url(../imagesnew/contact_nav.jpg);
	background-position: -86px 0px;
	height:40px;
	background-repeat:no-repeat;
	display:block;
}
#contact a:hover {
	background-position: 0px 0px;
}

#contact a.active {
	background-image:url(../imagesnew/contact_nav.jpg);
	background-position: 0px 0px;
	display:block;
}