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

@import "/css/reset.css";



/* ---------- Start layout divs -----------*/

#main-container { /* to center the page */
text-align:	center;
}

#container-0 {
width:920px;
text-align:left;
margin:auto;
padding:0px;
/*background-color:#e5e5e5;*/
}

	#container-1-header {
	width:100%;
	height:81;
	text-align:left;
	margin:auto;
	padding:0px 0px 0px 0px;
	float:left;
	}
		
		#header-1-1{ /* logo */
		width:20px;
		position:relative;
		padding:0px 0px 0px 0px;
		margin:0px;
		float:left;
		}
		
		#header-1-2{
		width:20px;
		position:relative;
		padding:0px 0px 0px 0px;
		margin:0px;
		float:left;
		}
		
		#header-1-3{ /* phone email */
		width:250px;
		height:61px;
		position:relative;
		text-align:right;
		padding:0px;
		margin:20px 0px 0px 0px;
		float:right;
		}
		
		
		/*
		1 Home  
		2 About Us
		3 Our Products
		4 Advertising
		5 Affiliates and Publishers
		6 Clients
		7 Jobs
		8 Contact Us
		*/	
		
		#menu {
		display:block;
		width:100%; 
		height:32px;
		float:left;
		padding:0px 0px 2px 0px;
		background: url(/images/m_bg.gif);
		}
			
		#menu ul {
		margin:0; 
		padding:0; 
		list-style-type:none;
		}	
		
		#menu li {
		float:left; 
		margin:0px 2px 0px 0px;
		}
			
		#menu a {
		display:block;
		height:0; 
		padding-top:32px; 
		color:#000; 
		overflow:hidden;
		}
		
		#menu a#link1 {width: 67px;}
		#menu a#link2 {width: 97px;}
		#menu a#link3 {width: 127px;}
		#menu a#link4 {width: 113px;}
		#menu a#link5 {width: 202px;}
		#menu a#link6 {width: 80px;}
		#menu a#link7 {width: 66px;}
		#menu a#link8 {width: 110px;}
		
		#menu li.list1 {background:transparent url(/images/m_home.gif);}	
		#menu li.list2 {background:transparent url(/images/m_about.gif);}	
		#menu li.list3 {background:transparent url(/images/m_products.gif);}	
		#menu li.list4 {background:transparent url(/images/m_advertising.gif);}		
		#menu li.list5 {background:transparent url(/images/m_affiliates.gif);}	
		#menu li.list6 {background:transparent url(/images/m_clients.gif);}	
		#menu li.list7 {background:transparent url(/images/m_jobs.gif);}	
		#menu li.list8 {background:transparent url(/images/m_contact.gif);}	
		
		.list1Selected {background:transparent url(/images/m_home_.gif);}	
		.list2Selected {background:transparent url(/images/m_about_.gif);}	
		.list3Selected {background:transparent url(/images/m_products_.gif);}	
		.list4Selected {background:transparent url(/images/m_advertising_.gif);}		
		.list5Selected {background:transparent url(/images/m_affiliates_.gif);}	
		.list6Selected {background:transparent url(/images/m_clients_.gif);}	
		.list7Selected {background:transparent url(/images/m_jobs_.gif);}	
		.list8Selected {background:transparent url(/images/m_contact_.gif);}
		
		#menu a#link1 {background:transparent url(/images/m_home_.gif) -130px -90px no-repeat;}
		#menu a#link2 {background:transparent url(/images/m_about_.gif) -130px -90px no-repeat;}
		#menu a#link3 {background:transparent url(/images/m_products_.gif) -130px -90px no-repeat;}
		#menu a#link4 {background:transparent url(/images/m_advertising_.gif) -130px -90px no-repeat;}
		#menu a#link5 {background:transparent url(/images/m_affiliates_.gif) -130px -90px no-repeat;}
		#menu a#link6 {background:transparent url(/images/m_clients_.gif) -130px -90px no-repeat;}
		#menu a#link7 {background:transparent url(/images/m_jobs_.gif) -130px -90px no-repeat;}
		#menu a#link8 {background:transparent url(/images/m_contact_.gif) -130px -90px no-repeat;}
			
		#menu a#link1:hover {background-position:0 0; z-index:50; opacity: .2; filter: alpha(opacity=20)}
		#menu a#link2:hover {background-position:0 0; z-index:50; opacity: .2; filter: alpha(opacity=20)}
		#menu a#link3:hover {background-position:0 0; z-index:50; opacity: .2; filter: alpha(opacity=20)}
		#menu a#link4:hover {background-position:0 0; z-index:50; opacity: .2; filter: alpha(opacity=20)}
		#menu a#link5:hover {background-position:0 0; z-index:50; opacity: .2; filter: alpha(opacity=20)}
		#menu a#link6:hover {background-position:0 0; z-index:50; opacity: .2; filter: alpha(opacity=20)}
		#menu a#link7:hover {background-position:0 0; z-index:50; opacity: .2; filter: alpha(opacity=20)}
		#menu a#link8:hover {background-position:0 0; z-index:50; opacity: .2; filter: alpha(opacity=20)}
	
	#container-2-content{
	width:100%;
	text-align:left;
	margin:auto;
	padding:0px;
	float:left;
	}
			
/* - - - - - start index page layout - -  - - - */			
				
		#content-2-1{
		width:100%;
		position:relative;
		padding:0px 0px 0px 0px;
		margin:0px;
		float:left;
		}
		
			#content-2-1-1{ /* main red block */
			width:459px;
			height:230px;
			position:relative;
			padding:0px 2px 0px 0px;
			margin:0px 0px 0px 0px;
			float:left;
			}
		
			#content-2-1-2{ /* random images */
			width:459px;
			height:230px;
			position:relative;
			background:	url(/images/random/10.jpg) repeat-x;
			padding:0px;
			margin:0px 0px 0px 0px;
			float:left;

			}
		
		
		#content-2-2{
		width:100%;
		position:relative;
		padding:0px 0px 0px 0px;
		margin:0px;
		float:left;
		}
		
			#content-2-2-1{ /* intro text */
			width:416px;
			color:#d02027;
			font-family:Arial, Helvetica, sans-serif;
			font-size:150%;
			font-weight:bold;
			position:relative;
			padding:24px 23px 5px 22px;
			margin:0px 0px 0px 0px;
			float:left;
			}
		
			#content-2-2-2{
			width:459px;
			height:178px;
			position:relative;
			background:	url(/images/brands_bg.gif) no-repeat;			
			padding:0px;
			margin:0px 0px 0px 0px;
			float:left;
			}		
			
				#content-2-2-2-1{ /* Our Brands */
				width:171px;
				position:relative;
				padding:24px 10px 15px 22px;
				margin:0px 0px 0px 0px;
				float:left;
				}
			
				#content-2-2-2-2{
				width:20px;
				height:20px;
				position:relative;
				background:	url(/images/brands_brands.gif) no-repeat;			
				padding:0px 0px 0px 5px;
				margin:0px 0px 0px 0px;
				float:left;
				}	
		
		
		#content-2-3{
		width:100%;
		position:relative;
		padding:0px;
		margin:0px 0px 0px 0px;
		float:left;
		}
		
			#content-2-3-1{ /* advertisers */
			width:191px;
			height:120px;
			position:relative;
			border: #f9e0e2; 
			border-style: solid; 
			border-top-width: 1px; 
			border-right-width: 1px; 
			border-bottom-width: 1px; 
			border-left-width: 1px;
			margin: 2px 3px 10px 10px;
			padding: 12px 8px 8px 12px;
			float: left;
			display: inline;
			}
			
			#content-2-3-2{ /* affiliates */
			width:190px;
			height:120px;
			position:relative;
			border: #f9e0e2; 
			border-style: solid; 
			border-top-width: 1px; 
			border-right-width: 1px; 
			border-bottom-width: 1px; 
			border-left-width: 1px;
			margin: 2px 3px 10px 10px;
			padding: 12px 8px 8px 12px;
			float: left;
			display: inline;
			}
			
			#content-2-3-3{
			width:437px;
			height:120px;			
			position:relative;
			border: #f9e0e2; 
			border-style: solid; 
			border-top-width: 1px; 
			border-right-width: 1px; 
			border-bottom-width: 1px; 
			border-left-width: 1px;
			margin: 2px 0px 10px 10px;
			padding: 12px 8px 8px 12px;
			float: left;
			display: inline;
			}
			
				#content-2-3-3-1{ /* box3 */
				width:250px;
				position:relative;
				padding:0px 0px 0px 0px;
				margin:0px 0px 0px 0px;
				float:left;
				display: inline;
				}
			
				#content-2-3-3-2{ 
				width:160px;
				height:70px;
				position:relative;
				background:	url(/images/finalist.jpg) no-repeat;	
				margin: 27px 0px 20px 10px;
				padding: 0px 0px 0px 0px;
				float:left;		
				}				
				
			

/* - - - - - end index page layout - -  - - - */
			
			
			
			
/* - - - - - start inner pages layout - -  - - - */			
			
			
	#inner-content-2-1{
	width:100%;
	background:	url(/images/title_bar_bg.gif) repeat-x;
	position:relative;
	padding:0px 0px 0px 0px;
	margin:0px;
	float:left;
	}

		#inner-content-2-1-1{
		width:470px;
		height:80px;
		position:relative;
		padding:0px 2px 0px 0px;
		margin:0px 0px 0px 0px;
		float:left;
		}
	
		#inner-content-2-1-2{
		width:400px;
		height:80px;
		position:relative;
		padding:0px;
		margin:0px 0px 0px 0px;
		float:right;
		}
		
		
	#inner-content-2-2{ /* cols 1, 2, 3 */
	width:100%;
	position:relative;
	padding:0px 0px 0px 0px;
	margin:0px;
	float:left;
	}		
	
	
		#inner-content-2-2-1{ /* col 1 */
		width:195px;
		position:relative;
		padding:18px 30px 40px 0px;
		margin:0px 0px 0px 0px;
		float:left;
		}
	
		#inner-content-2-2-2{ /* col 2 */
		width:470px;
		position:relative;
		padding:20px 30px 0px 0px;
		margin:0px 0px 0px 0px;
		float:left;
		}
			
		#inner-content-2-2-3{ /* col 3 */
		width:195px;
		position:relative;
		padding:0px;
		margin:0px 0px 40px 0px;
		float:left;
		}
			
			
			
/* - - - - - end inner pages layout - -  - - - */
		
		
		
		
	#container-3-footer { /* for footer divs*/
	width:100%;
	text-align:left;
	margin:auto;
	padding:0px;
	float:left;
	}
	
		#footer-3-1{
		width:750px;
		position:relative;
		padding:8px 0px 30px 0px;
		margin:0px;
		float:left;
		}
		
		#footer-3-2{
		width:60px;
		position:relative;
		padding:0px 25px 0px 0px;
		margin:0px;
		float:left;
		}
		
		#footer-3-3{
		position:relative;
		padding:8px 0px 30px 0px;
		margin:0px;
		float:right;
		text-align:	right;
		}
 
 
 /* - - - - - end all layout divs - -  - - - */
 
 
 
.no-bottom-padding{
padding-bottom: 0px;
}

.top-padding-finalist{
padding-top: 10px;
}
 
.clear_div {
clear: both;
}

.top-para {
font-size: 120%;
font-weight: bold;
}

.container-u-r-here{
height:	20px;
font-size: 85%;
color: #333;
margin: 10px 0px 5px 24px;
padding: 0px 0px 0px 0px;
}

.general-list {
line-height:130%;
list-style-type: none;
padding:0px 0px 0px 24px;
margin:0px 0px 0px 0px;	
}

.more {
font-size: 9px;
}

.white {
color: #fff;
}

.redbar {
width: 50%;
height:	3px;
margin:	10px 0px 10px 0px;
padding:0px;
background-color:#d02027;
opacity:0.7;
filter: alpha(opacity=70);
overflow:hidden;
}

.redbar-100 {
width: 100%;
height:	3px;
margin:	10px 0px 10px 0px;
padding:0px, 0px, 0px, 0px;
background-color:#d02027;
opacity:0.7;
filter: alpha(opacity=70);
overflow:hidden;
}

#client-list {
padding:0px 0px 20px 0px;
margin:0px 0px 0px 0px;	
background:	url(/images/grey_fade_bg.gif) repeat-x;
}

#header-phone {
font-size: 120%;
color: #d02027;
/*color: #515151;*/
font-weight: bold;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;	
}

#index-testimonial {
font-size: 120%;
color: #fff;
width: 250px;
height: 55px;
position:absolute;
background-color:#d02027;
opacity:0.85;
filter: alpha(opacity=85);
margin:	5px -9px 0px 0px;
padding:10px 10px 5px 10px;
float: right;
left: 650px;
top: 120px;
}

#inner-testimonial {
font-size: 120%;
color: #fff;
width: 250px;
height: 55px;
position:absolute;
background-color:#d02027;
opacity:0.85;
filter: alpha(opacity=85);
margin:	5px -9px 0px 0px;
padding:10px 10px 5px 10px;
float: right;
left: 125px;
top: 0px;
}

.small-caps {
font-size: 9px;
text-transform: uppercase;
line-height:2; /* this is for IE only */
}

.small-caps-u-r-here {
font-size: 8px;
text-transform: uppercase;
}

#work-with-us {
text-align:	right;
width: 130px;
height: 25px;
position: absolute;
margin:	5px -9px 0px 0px;
padding: 0px 0px 0px 0px;
float: right;
left: 81px;
top: 108px;
}

#work-with-us:hover {
opacity:0.8;
filter: alpha(opacity=80);
}

#read_more {
text-align:	right;
height: 25px;
position:absolute;
margin:	5px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float: right;
left: 91px;
_left: 78px; /* for IE 6 only */
top: 69px;
width: 85px;
}

#read_more:hover {
opacity:0.8;
filter: alpha(opacity=80);
}

.footerbar {
width: 100%;
height:	8px;
margin:	6px 0px 0px 0px;
padding: 0px;
background-color: #d02027;
float: right;
overflow:hidden; /* this will make sure IE6 displays the div at the correct height, and not at the 10px default*/ 
}

.footer {
font-size: 90%;
color: #999;
}





/* -------- general styles ------------ */

html 		{font-size: 0.85em}
body 		{font-size: 80%}	
html>body 	{font-size: 0.8em}


div	{
border:	0px solid gray;
padding: 0px;
}

body { 
font-family:Verdana, Arial, Helvetica, sans-serif;
background:	url(/images/xxxxx.gif) repeat-x;
color:#666666;
margin:0px;
}

td			{
vertical-align: top
}

hr {
height: 0; 
border-style: dashed; 
border-width: 1px 0 0 0; 
border-color: #999;
margin-top: 5px;
margin-bottom: 20px;
}

p{
line-height: 	1.2;
padding-bottom: 10px
}

a{
color:#d02027;
text-decoration:none;
}

a:hover{
color: #000; 
text-decoration:underline;
opacity:0.8;
filter: alpha(opacity=80);
}

h2{
font-size:		90%;
color: 			#d36e72;
margin-bottom:	8px;
}

h3{
font-size:		100%;
color: 			#E18A0E;
font-weight:	bold;
margin-bottom:	2px;
margin-top:		5px;
}

h4{
font-size:		100%;
font-weight:	bold;
margin-bottom:	2px;
margin-top:		5px;
}



/* ----------- Form styling ---------- */

fieldset {
padding-top:10px;
}

fieldset.contact_form input, fieldset.contact_form textarea, fieldset.contact_form select {
font-family: Verdana;
font-size: 105%;
}

fieldset.contact_form legend {
display:none;
}

fieldset.contact_form ol {
list-style:none;

}

fieldset.contact_form ol li {
clear:left;
margin-top:5px;
margin-bottom:5px;
line-height:1.4;
vertical-align: middle;
}

fieldset.contact_form ol li label {
padding-top:0px;
float:left;
width:80px;
}

fieldset.contact_form ol li textarea {
width:200px;
}

p#required_notation {
padding-top:8px;
padding-bottom:30px;
}

fieldset.contact_form ol li textarea.covering_letter {
width:360px;
height:150px;
}


/* ----------- End form styling ---------- */