/*
    CU-VO web site CSS
    CSS Positioning version
    By: www.yeoldewebdesigns.com
	Author: Anthony S. Bell
    Revision Date: May 20, 2010
	Print with Adobe PDF @ 60%
*/

body {
	background-image: 	url(../images/cuvo_background.jpg);
	background-repeat: 	repeat-x;
	background-position: center top;
	color: 				#1fb25a; 
	background-color: 	#1fb25a;
	margin-top:			0px;	
}

/* Size of Website - Relative Box for positioning all other items.
--------------------------------------------------------------------------------------------- */
#outerDiv {
    position:			relative;
        width:			1103px;
        height: 		900px;
        top: 			0px;
		margin: 		0px auto;
        background: 	url(../images/index_outer_div_background.png) no-repeat;
}

/* Main Menu
--------------------------------------------------------------------------------------------- */
#mainMenu { /* ===== This is the main box for the highlights  ===== */
	position:	absolute;
	top: 		145px;
	left: 		124px;
	width: 		150px;
	/* ===== border:  solid thin red;  ===== */
}

#mainMenu ul{
	list-style: 	none; /* ===== takes dots off of list ===== */
	margin: 		0px;
	padding: 		0px;
}

#mainMenu li{
	float: 		top; /* ===== stacks the order top to bottom ===== */
	margin: 	0px; 
	padding: 	0px; 
	
}

#mainMenu a { /* ===== actual anchor tag ===== */
	font-family: 		Arial, Helvetica, sans-serif;
	font-size: 			24px;
	display: 			block;
	color: 				#b36d29;
	text-align:			right;
	text-decoration: 	none;
	padding: 			0px 0px 0px 0px;
	line-height: 		36px;
	border:				none;
}

#mainMenu a:hover {
	color:				#1fb25a;
}

/* Top Menu 1 (CU-VO nes and events)
--------------------------------------------------------------------------------------------- */
#TopMenu1 { /* ===== This is the main box for the highlights  ===== */
	position:	absolute;
	top: 		20px;
	left: 		705px;
	width: 		150px;
	/* ===== border:  solid thin red;  ===== */
}

#TopMenu1 a { /* ===== actual anchor tag ===== */
	font-family: 		Arial, Helvetica, sans-serif;
	font-size: 			12px;
	display: 			block;
	color: 				#979798;
	text-align:			left;
	text-decoration: 	none;
	line-height: 		14px;
}

#TopMenu1 a:hover {
	color:				black;
}

/* Top Menu 2 (FAQ)
--------------------------------------------------------------------------------------------- */
#TopMenu2 { /* ===== This is the main box for the highlights  ===== */
	position:	absolute;
	top: 		20px;
	left: 		855px;
	width: 		40px;
	/* ===== border:  solid thin red;  ===== */
}

#TopMenu2 a { /* ===== actual anchor tag ===== */
	font-family: 		Arial, Helvetica, sans-serif;
	font-size: 			12px;
	display: 			block;
	color: 				#979798;
	text-align:			left;
	text-decoration: 	none;
	line-height: 		14px;
}

#TopMenu2 a:hover {
	color:				black;
}

/* Top Menu 3 (Talent)
--------------------------------------------------------------------------------------------- */
#TopMenu3 { /* ===== This is the main box for the highlights  ===== */
	position:	absolute;
	top: 		20px;
	left: 		895px;
	width: 		50px;
	/* ===== border:  solid thin red;  ===== */
}

#TopMenu3 a { /* ===== actual anchor tag ===== */
	font-family: 		Arial, Helvetica, sans-serif;
	font-size: 			12px;
	display: 			block;
	color: 				#979798;
	text-align:			left;
	text-decoration: 	none;
	line-height: 		14px;
}

#TopMenu3 a:hover {
	color:				black;
}

/* Top Menu 4 (Contact Us)
--------------------------------------------------------------------------------------------- */
#TopMenu4 { /* ===== This is the main box for the highlights  ===== */
	position:	absolute;
	top: 		20px;
	left: 		945px;
	width: 		80px;
	/* ===== border:  solid thin red;  ===== */
}

#TopMenu4 a { /* ===== actual anchor tag ===== */
	font-family: 		Arial, Helvetica, sans-serif;
	font-size: 			12px;
	display: 			block;
	color: 				#979798;
	text-align:			left;
	text-decoration: 	none;
	line-height: 		14px;
}

#TopMenu4 a:hover {
	color:				black;
}

/* Best Thing Top Line
--------------------------------------------------------------------------------------------- */
#BestThing { /* ===== This is the main box for the highlights  ===== */
	position:	absolute;
	top: 		35px;
	left: 		720px;
	width: 		300px;
	/* ===== border:  solid thin red;  ===== */
}

#BestThing p { /* ===== actual anchor tag ===== */
	font-family: 		Arial, Helvetica, sans-serif;
	font-size: 			14px;
	display: 			block;
	color: 				#4166b0;
	text-align:			left;
	text-decoration: 	none;
	line-height: 		16px;
}

/* CU-VO Comments
--------------------------------------------------------------------------------------------- */
#CUVOComments { /* ===== This is the main box for the highlights  ===== */
	position:	absolute;
	top: 		408px;
	left: 		85px;
	width: 		200px;
	/* ===== border:  solid thin red;  ===== */
}

#CUVOComments p { /* ===== actual anchor tag ===== */
	font-family: 		Arial, Helvetica, sans-serif;
	font-size: 			20px;
	display: 			block;
	color: 				#b36d29;
	text-align:			center;
	text-decoration: 	none;
	line-height: 		22px;
}

/* CU-VO Comments Text
--------------------------------------------------------------------------------------------- */
#CUVOCommentsText { /* ===== This is the main box for the highlights  ===== */
	position:	absolute;
	top: 		480px;
	left: 		105px;
	width: 		165px;
	/* ===== border:  solid thin red;  ===== */
}

#CUVOCommentsText p { /* ===== actual anchor tag ===== */
	font-family: 		Arial, Helvetica, sans-serif;
	font-size: 			12px;
	display: 			block;
	color: 				black;
	text-align:			left;
	text-decoration: 	none;
	line-height: 		14px;
}

/* C Button
--------------------------------------------------------------------------------------------- */
#c_btn {
	position:			absolute;
	display: 			block;
	text-decoration:	none;
	left:				288px;
	top:				417px;
	width:				188px;
	height:				66px;
	z-index:			1;
}

/* U Button
--------------------------------------------------------------------------------------------- */
#u_btn {
	position:			absolute;
	display: 			block;
	text-decoration:	none;
	left:				473px;
	top:				417px;
	width:				188px;
	height:				66px;
	z-index:			1;
}

/* V Button
--------------------------------------------------------------------------------------------- */
#v_btn {
	position:			absolute;
	display: 			block;
	text-decoration:	none;
	left:				656px;
	top:				417px;
	width:				188px;
	height:				66px;
	z-index:			1;
}

/* O Button
--------------------------------------------------------------------------------------------- */
#o_btn {
	position:			absolute;
	display: 			block;
	text-decoration:	none;
	left:				836px;
	top:				417px;
	width:				188px;
	height:				66px;
	z-index:			1;
}

/* O Button
--------------------------------------------------------------------------------------------- */
#seeitonsitenow {
	position:			absolute;
	display: 			block;
	text-decoration:	none;
	left:				112px;
	top:				14px;
	z-index:			1;
}

/* CU-VO Logo
--------------------------------------------------------------------------------------------- */
#cuvobanner { /* ===== This is the main box logo to hide the video woman  ===== */
	position:	absolute;
	top: 		160px;
	left: 		330px;
	z-index:		2;
	/* ===== border:  solid thin red;  ===== */
}


/* CU-VO Small Actor
--------------------------------------------------------------------------------------------- */
#SmallActor {
	position:absolute;
	left:910px;
	top:122px;
	width:49px;
	height:39px;
	z-index:1;
}