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

html, body{
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	height: 100%;
	
	
	
	
	}
	
#body-container
{
	width:100%;
	height: 100%;
	
}

h2{
	font-size:20px;
	}
	
h3{
	font-weight:bold;
	}

#top-bar{
	height:55px;
	background-color:#333;
	background-image: url(../images/header-background.gif);
	background-repeat: repeat-x;
	border-bottom: 4px solid #999;
	}
	
#top-bar img{
	padding-left:850px;
	padding-top:15px;
	}
	
#spikemail{
	width:944px;
	margin:auto;
	padding-left:0px;
	color:#FFF;

	
	}
	


#shadowcontainer{
	width:984px;
	height:600px;
	margin:auto;
	background-image:url(../images/straightshadow.png);
	background-repeat:repeat-y;
	background-position:top;
	}


/** for pages other than index**/
#shadowcontainer-assets{
	width:984px;
	height:900px;
	margin:auto;
	background-image:url(../images/straightshadow.png);
	background-repeat:repeat-y;
	background-position:top;
	}
/**end**/
	
	
/**contact shadow**/
#shadowcontainer-contact{
	width:984px;
	height:480px;
	margin:auto;
	background-image:url(../images/straightshadow.png);
	background-repeat:repeat-y;
	background-position:top;
	}
	
	
/**contact shadow ends**/




#container{
	width:944px;
	margin:auto;
	
	
	}
	

#logo{
	width:940px;
	height:110px;
	margin-left: 8px;
	color:#FFF;
	}
	
#logo img{
	padding-top: 10px;
}

#red-bar{
	background-color:#b11425;
	height:37px;
	
	}
	
/**this is for the pages other than index**/
#nav{
	text-align:right;
	padding-right:10px;
	color:#FFF;
	padding-top:12px;
		
	}
	

ul#nav li{
	display:inline;
	padding-right: 14px;
}



ul#nav li a:link{
	color:#ffffff;
	text-decoration:none;

}
ul#nav li a:visited{
	color:#ffffff;
	text-decoration:none;
}
ul#nav li a:hover{
	color:#cccccc;
	text-decoration:none;
	
}
ul#nav li a:active{
	color:#ccc;
}

.on
{
	color: #ccc;
}

/**end**/

#left-col{

	width:630px;
	float:left;
	padding-top:40px;
	padding-left:10px;
	padding-right:10px;
	}
	
/**this is for the pages other than index**/
#content{

	width:924px;
	padding-top:40px;
	padding-left:10px;
	padding-right:10px;
	}
/**end**/




/**form for the contact page**/
#form-container{
	padding-left:0px;
	padding-top:0px;
	
	}
	

	
	
.myForm td, input, select, textarea, checkbox  {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color:#333;
		padding-top: 2px;
		padding-bottom: 2px;
		font-weight: bold;
	}

	.required {
		color: red;
	}



/**end of form css**/


#bttm-list
{
	margin: 0;
	padding: 0;
	list-style: none;
}


#bttm-list li
{
	margin: 0;
	padding: 0;
	vertical-align: text-top;
	display: block;
	padding-bottom: 15px;
	height: 4em;
}

.bttm-item, .ifmi-item
{
	font-size: 40px;
	line-height: 115%;
	float: left;
	width: 260px;
	font-weight: bold;
	display: block;
}

.bttm-item
{
	text-align: right;
	line-height: 115%;
	float: left;
	font-weight: bold;
}

.bttm-sep
{
	display: none;
}

.bttm-text
{
	float: right;
	padding-top: 0.75em;
	display: block;
	width: 300px;
}











#right-col{
	width:274px;
	height:335px;
	float:right;
	padding-top:40px;
	padding-left:20px;
	}
	
/**this is the right col posistioning for adidas2html trial**/

#right-col2{
	width:274px;
	float:right;
	padding-top:70px;
	padding-left:20px;
	}
	

/**end**/



/**this is the right col posistioning for contact trial**/
#right-col3{
	width:274px;
	float:right;
	padding-top:40px;
	padding-left:20px;
	}
/**end**/

#campaigns
{ background-color:#ccc;
	height: 77%;
	width:95%;
	padding-top:0px;
	padding-bottom:5px;
	background-image: url(../images/side-box-background.gif);
	background-repeat: repeat;
}



.campaign
{
	padding-left: 20px;
	padding-bottom:0px;
	padding-top:20px;
	float: left;
	
}


/**this is the grey block for adidas2html trial**/

#campaigns2
{ background-color:#ccc;
	height: 100%;
	width:95%;
	padding-top:0px;
	margin-bottom:20px;
	background-image: url(../images/side-box-background.gif);
	background-repeat: repeat;
	
}



.campaign2
{
	padding-left: 20px;
	padding-bottom:20px;
	padding-top:20px;

	padding-right:10px;
}



/**end**/


/**this is the grey block for contact**/

#campaigns3
{ background-color:#ccc;
	height: 50%;
	width:95%;
	padding-top:0px;
	padding-bottom:15px;
}



.campaign3
{
	padding-left: 20px;
	padding-bottom:0px;
	padding-top:20px;

	padding-right:10px;
}



/**end**/


a img:hover {
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}
	
	
#bottom-bar{
	background-color:#999;
	clear:both;
	background-image: url(../images/header-background.gif);
	background-repeat: repeat;
	width: 100%;
	height: 40%;
	
	
	}
	

	


#contact{
	width:944px;
	background-color:#b11425;
	margin:auto;
	height:37px;
	background-image:url(../images/contactbutton2.png);
	background-repeat:no-repeat;
	background-position:right;
	
	}
	
#contact p{
	text-align:right;
	font-size:14px;
	font-weight:bold;
	padding-right:15px;
	padding-top:11px;
	color:#333;
	
	
	}
	
#contact a:link, #contact a:visited{
	color:#333;
	text-decoration:none;
	
	}
	
#contact a:hover, #contact a:active{
	color:#b11425;
	text-decoration:none;
	}