/* click2offers - CSS stylesheet */

/*	-------------------------------	


		Client: Click2Offers

		Author: Zack Naylor
		Date: 1/6/09
		V.1
		
	-----------------------------*/
	


/*-------------------- GLOBAL RESETS ----------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}




/*------------- body background ------------------------------------*/

body {
background-image:url(images/body_bg.gif);
background-repeat: repeat-x;
background-color:#000000;
font-family:Arial, Helvetica, sans-serif;
}


/*---------------- wrapper ----------------------*/

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


/*------------- header ----------------------*/

#header {
background-image:url(images/header_bg.jpg);
background-repeat: no-repeat;
background-color: transparent;
width: 822px;
height: 238px;
margin-bottom:-1px;
}


#header img.logo {
position:relative;
left: 80px;
top: 32px;
}

#header form {
position:relative;

top:45px;
left: 460px;
font-size: 10px;
color:#fff;
}

#header form input {
margin:0 5px 5px 5px;
}

#header form input.submit_btn {
height: 20px;
width: 44px;
cursor: pointer;
text-indent: -9999px;
border: none;
background: url(images/submit_btn.png) no-repeat left top;
}

#header form a{
color:#fff;
margin-left:240px;
}

#header h4.tagline {
position:relative;
top: 40px;
left: 55px;
font-size:16px;
color:#fff;
font-weight:bold;
text-transform: uppercase;
}

#header a.lower_right {
	position:relative;
	left: 520px;
	top: 62px;
	font-size:11px;
	color:#fff;
	letter-spacing: 6px;
	text-decoration:none;
	margin:0;
}

/*------------------ navigation -------------------------*/

#nav {
position:relative;
top:81px;
left:55px;
margin:0;
}

#nav ul li{
display:block;
float:left;

}

.home {
display:block;
width:75px;
height:34px;
background-image:url(images/home.gif);
background-repeat:no-repeat;
background-position: top left;
text-indent:-9999px;
margin-right:50px;
}

a.home:hover {
background-position: 0px -34px;
}

.advertisers {
display:block;
width:75px;
height:34px;
background-image:url(images/advertisers.gif);
background-repeat:no-repeat;
background-position: top left;
text-indent:-9999px;
margin-right:50px;
}

a.advertisers:hover {
background-position: 0px -34px;
}

.affiliates {
display:block;
width:75px;
height:34px;
background-image:url(images/affiliates.gif);
background-repeat:no-repeat;
background-position: top left;
text-indent:-9999px;
margin-right:50px;
}

a.affiliates:hover {
background-position: 0px -34px;
}

.aboutus {
display:block;
width:75px;
height:34px;
background-image:url(images/aboutus.gif);
background-repeat:no-repeat;
background-position: top left;
text-indent:-9999px;

}

a.aboutus:hover {
background-position: 0px -34px;
}

.contactus {
display:block;
width:75px;
height:34px;
background-image:url(images/contactus.gif);
background-repeat:no-repeat;
background-position: top left;
text-indent:-9999px;
margin:0 0 0 190px;
}

a.contactus:hover {
background-position: 0px -34px;
}




/*-------------- middle content div ------------------*/

#main_content {
background-image:url(images/content_bg.jpg);
background-repeat:no-repeat;
background-color:#fff;
width:821px;
height:267px;
margin:0;
}


#main_content_left {
float:left;
width:430px;
font-size:10px;
}

#main_content_left h5 {
text-transform:uppercase;
font-weight:bold;
margin-left:5%;
margin-top: 30px;
color:#444648;
}

#main_content_left p {
margin-top:15px;
margin-left:5%;
color:#7E7E7E;
line-height:13px;
}

#main_content_left a.right {
margin-top:15px;
color:#249BE0;
margin-right: 25px;
text-decoration:none;
font-weight:bold;
position:relative;

}

#main_content_left a:hover {
text-decoration:underline;
}

#main_content_right {
float:left;
clear:none;
width:390px;
font-size:10px;
color:#fff;
}

#main_content_right h5 {
text-transform:uppercase;
font-weight:bold;
margin-left:47%;
margin-top: 30px;
}

#main_content_right p {
margin-top:15px;
margin-left:47%;
line-height:15px;
padding-right:15px;
}

#main_content_right p.affiliates_box {
line-height:11px;
width: 170px;
margin-left: 50%;
position:relative;
top:20px;
}

#main_content_right p.affiliates_box a{
font-size:11px;
font-weight:bold;
color:#fff;
text-decoration:none;
}

#main_content_right p.affiliates_box a:hover {
text-decoration:underline;
}

/*------------------- left box -----------------------*/

#boxleft {
background-image:url(images/box_left.png);
background-repeat:no-repeat;
float:left;
width: 407px;
height:182px;
margin-top: 5px;
margin-right:5px;
}

#boxleft h4 {
color:#629D15;
font-weight:bold;
font-size:14px;
text-transform:uppercase;
margin-left:6%;
margin-top:15px;
}

#boxleft img.logos {
margin: 10px auto;
display:block;
}

/*------------------- right box -----------------------*/

#boxright {
background-image:url(images/box_right.png);
background-repeat:no-repeat;
float:left;
width: 403px;
height:182px;
margin-top: 5px;
}

#boxright h4 {
color:#000;
font-weight:bold;
font-size:15px;
margin-left:5%;
margin-top:15px;
letter-spacing: 1px;
}

#boxright ul {
margin: 10px 0 0 5%;
color:#333;
font-size:10px;
width:120px;
}

#boxright ul li {
line-height:13px;
margin: 5px 0;
background-image: url(images/bullet_arrow.gif);
background-repeat:no-repeat;
background-position: top left;
padding-left: 10px;
}


/*-------------------- footer ----------------------------*/

#footer {
background-image:url(images/footer.jpg);
background-repeat:no-repeat;
background-color:#000;
height:53px;
width:822px;
clear:both;
}

#footer a:hover{
text-decoration:underline;
}

#footer #footer_nav ul{
font-size:10px;
margin-left: 5px;
}

#footer #footer_nav ul li {
display:block;
float:left;
width:80px;
font-weight:bold;
margin-top:20px;
text-align:center;
}

#footer #footer_nav ul li a {
color:#28A3EA;
text-decoration:none;
position:relative;
}

#footer #footer_nav ul li a:hover {
text-decoration:underline;
}

#footer #footer_nav p {
display:block;
float:left;
color:#8F8F8F;
font-size:10px;
margin: 20px 0 0 40px;
}

#footer #footer_nav p span {
color:#28A3EA;
margin-left: 15px;
}

#footer #footer_nav p span a {
text-decoration:none;
color:#28A3EA;
margin: 0 5px;
}

#footer #footer_nav p span a:hover {
text-decoration:underline;
}

/*----------- generic styles -------------------------------*/

.right {
float:right;
position:relative;
}

.left {
float:left;
}