/* --------------------------------------------------------------- */
/* ------------------------------------------ Main Tag definitions */
/* --------------------------------------------------------------- */

body 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #FFFFFF;
	margin: 0 0 0 0;
}

/* Set text and link color */
body,
a 
{
	color: #998877;
}

a 
{
	text-decoration: none;
}

a:hover 
{
	color: #F98527;
}


h1 {
	font-size: 72px;
	font-weight: bold;
	text-decoration: none;
	margin: 0px;
	letter-spacing: -3px;
	color: #aa9988;
}

h2 
{
	font-size: 18px;
	color: #f98527;
	margin: 0;
}
h3 
{
	font-size: 14px;
	margin: 0 0 12px 0;
}

p 
{
	line-height: 1.6em;
	margin: 0px 0px 18px;
}
img
{
	border:0px;
}
iframe
{
	border: 0;
}

/* --------------------------------------------------------------- */
/* ------------------------------------------------ ID Definitions */
/* --------------------------------------------------------------- */

#wrap-page 
{
	border: 1px solid #888888;
	width: 1024px;
	margin: 20px auto 0;
}

#wrap-main 
{
	width: 959px;
	border-top: 5px solid #f98527;
	margin: 0 auto 20px;
}

#wrap-header 
{
	margin: 5px 5px 10px 5px;
	background-image: url(http://www.cesaridirect.com/00_images/hdr_logo_01.gif);
	background-repeat: no-repeat;
	background-position: left 32px;
}


#wrap-footer 
{
	background: #9c9689;
	color: #FFFFFF;
	margin: 20px 0;
	height: 25px;
}

#wrap-footer a
{
	color: #FFFFFF;
	margin: 7px 0;
}
#mn-video {
	width: 230px;
	margin: 0;
}
#whitepaper
{
	float: right;
	width: 247px;
	height: 94px;
	margin: 0 0 0 20px;
}

/* --------------------------------------------------------------- */
/* --------------------------------------------- Class Definitions */
/* --------------------------------------------------------------- */


.hdr-logo 
{
	float: left;
	background-image: url(http://www.cesaridirect.com/00_images/hdr_logo_01.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/* ------------------------------------- Navigation class definitions */
.nav-top-small 
{
	text-align: right;
	font-size: 14px;
	margin: 0 0 24px 0;
}


.nav-top-site-sub
{
	font-size: 12px;
	color: #FA882C;
}
.nav-top-site-sub a
{
	color: #FA882C;
}
.nav-top-site
{
	font-size: 16px;
}
.nav-top-site,
.nav-top-site-sub
{
	margin: 0;
	display: block;
}
.nav-top-site ul,
.nav-top-site-sub ul
{
	display: block;
	list-style-type: none;
	margin: 0 0 0 260px;
	padding: 0;
}
.nav-top-site li,
.nav-top-site-sub li
{
	display: block;
	margin: 0 10px 2px 0;
	float: left;
	padding: 0;
}



/* ------------------------------------- Footer Class definitions */
.nav-footer-small 
{
	font-size: 11px;
	display: block;
	margin: 7px 0 7px 248px;
}

/* ------------------------------------- DIV based center column */
.content-block
{
	margin: 0 40px 20px 260px;
}

.content-block ul,
.content-block-small ul
{
	line-height: 21px;
	font-size: 14px;
	margin: 10px;
}

.content-block li,
.content-block-small li
{
}

.content-block a,
.content-block-small a
{
	color: #FA882C;
	border-top: 0px solid #FFFFFF;
}

.content-block p.cb-quote 
{
	font-size: 16px;
	line-height: 24px;
	border-top: 1px dotted #EEEEEE;
	padding: 20px 0 0;
	color: #F98527;
}
.content-block p.cb-name 
{
	font-size: 11px;
	line-height: 12px;
	text-align: right;
}
.content-block p.cb-name strong 
{
	font-size: 14px;
}

/* ------------------------------------- DIV based small center column */
.content-block-small
{
	margin: 0 0 20px 260px;
	width: 370px;
}

/* ------------------------------------- DIV based right column */
.content-callout-right
{
	background: #f98527;
	margin: 0px 40px 0px 0px;
	float: right;
	width: 250px;
	display: block;
}
.content-callout-right p 
{
	color: #FFFFFF;
	display: block;
	margin: 15px;
}
.content-callout-right h1 
{
	color: #FFFFFF;
	display: block;
	margin: 15px;
	font-size: 36px;
}
.content-callout-right h2
{
	color: #ffffff;
	display: block;
	margin: 15px;
}
.content-callout-right h3
{
	color: #F98527;
	display: block;
	margin: 15px;
}
.content-callout-right p.rco-quote 
{
	font-size: 18px;
	line-height: 24px;
}
.content-callout-right p.rco-name 
{
	font-size: 10px;
	line-height: 12px;
	text-align: right;
}
.content-callout-right a 
{
	color: #CCCCCC;
	font-size: 1.2 ems:
}


/* ------------------------------------- DIV based 2nd right column */

.content-callout-right2
{
	margin: 0px 20px 0px 0px;
	float: right;
	width: 228px;
	display: block;
}
.content-callout-right2 p 
{
	display: block;
	margin: 15px;
}
.content-callout-right2 p.rco2-quote 
{
	font-size: 14px;
	line-height: 18px;
}
.content-callout-right2 p.rco2-name 
{
	font-size: 10px;
	line-height: 12px;
	text-align: right;
}


/* ------------------------------------- DIV based left column */
.content-callout-left
{
	margin: 20px 0;
	float: left;
	width: 228px;
	display: block;
}
.content-callout-left p 
{
	display: block;
	margin: 15px;
}
.content-callout-left h1 
{
	display: block;
	text-align: center;
	color: #F98527;
	font-size: 48px;
}
.content-callout-left h2 
{
	display: block;
	text-align: center;
	color: #AA9988;
	font-size: 14px;
}
.content-callout-left h3
{
	display: block;
	text-align: center;
}
.content-callout-left p.lco-quote 
{
	font-size: 14px;
	line-height: 18px;
}
.content-callout-left p.lco-name 
{
	font-size: 10px;
	line-height: 12px;
	text-align: right;
}


/* ------------------------------------- Home Flash Banner */

#mn-home-banner {
	background: #f8f7f5;
	display: block;
	margin: 15px 0;
}
.mn-home-banner {
	background: #f8f7f5;
	display: block;
	margin: 15px 0;
}
.mn-home-banner-wrap {
	margin: 15px;
}

/* ------------------------------------- 4 column table */
.table-4col
{
	
}

.table-4col ul
{
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 12px;
	list-style-type: none;
	border-top: 1px dashed #cccccc;
}
.table-4col ul ul
{
	margin: 0 0 20px 0;
	padding: 0 0 0 15px;
	font-size: 11px;
	list-style-type: square;
	border-top: 1px dashed #cccccc;
}
.table-4col ul ul li
{
	border-bottom: 1px solid #FFFFFF;
}

.table-4col li
{
	border-bottom: 1px dashed #cccccc;
}

/* --------------------------------------------------------------- */
/* ------------------------------------- Class General Definitions */
/* --------------------------------------------------------------- */

.clear-all
{
	clear:both;
	font-size:1px;
	line-height:1px;
	height:1px;
	display: block;
}
.text-orange
{
	color:#F98527;
}
.obj-center
{
	display: block;
	margin: 0 auto;
	text-align: center;
}

.text-grey
{
	color:#CCCCCC;
}
#wrap-copyright {
	font-size: 12px;
	color: #CCCCCC;
	text-align: center;
	width: 1024px;
	margin: 20px auto;
}

.margin-zero
{
	margin:0;
}


/* --------------------------------------------------------------- */
/* ------------------------------- Table layout Column Definitions */
/* --------------------------------------------------------------- */
/* ------------------------------------- DIV based center column */
.table-block
{
	margin: 0 40px 20px 32px;
}

.table-block ul,
.table-block-small ul
{
	line-height: 21px;
	font-size: 14px;
	margin: 10px;
}

.table-block li,
.table-block-small li
{
}

.table-block a,
.table-block-small a
{
	color: #FA882C;
	border-top: 0px solid #FFFFFF;
}

.table-block a img {
	margin: 10px;
}
.table-block p.cb-quote 
{
	font-size: 16px;
	line-height: 24px;
	border-top: 1px dotted #EEEEEE;
	padding: 20px 0 0;
	color: #F98527;
}
.table-block p.cb-name 
{
	font-size: 11px;
	line-height: 12px;
	text-align: right;
}
.table-block p.cb-name strong 
{
	font-size: 14px;
}
.table-block .wideo-samples
{
	background: url(../services/wideo/_images/wideo_samples_indv_01.jpg) no-repeat left top;
	display: block;
	margin: 0 0 20px 0;
}
.table-block .wideo-samples ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: block;
	text-align: left;
}
.table-block .wideo-samples li
{
	margin: 0 11px 5px 12px;
	padding: 0;
	display: block;
	float: left;
	text-align: center;
}
.table-block .wideo-samples a
{
}
.table-block .wideo-samples img
{
	display: block;
	clear: both;
	margin: 0;
	padding: 0;
}
/* ------------------------------------- table based small center column */
.table-block-small
{
	margin: 0 0 20px 32px;
	width: 370px;
}

/* ------------------------------------- table based right column */
.table-callout-right
{
	background: #f98527;
	margin: 0px 40px 0px 0px;
	float: right;
	width: 250px;
	display: block;
}
.table-callout-right p 
{
	color: #FFFFFF;
	display: block;
	margin: 15px;
}
.table-callout-right h1 
{
	color: #FFFFFF;
	display: block;
	margin: 15px;
	font-size: 36px;
}
.table-callout-right h2
{
	color: #ffffff;
	display: block;
	margin: 15px;
}
.table-callout-right h3
{
	color: #F98527;
	display: block;
	margin: 15px;
}
.table-callout-right p.rco-quote 
{
	font-size: 18px;
	line-height: 24px;
}
.table-callout-right p.rco-name 
{
	font-size: 10px;
	line-height: 12px;
	text-align: right;
}
.table-callout-right a 
{
	color: #CCCCCC;
	font-size: 1.2 ems:
}


/* ------------------------------------- table based 2nd right column */

.table-callout-right2
{
	margin: 0px 20px 0px 0px;
	float: right;
	width: 228px;
	display: block;
}
.table-callout-right2 p 
{
	display: block;
	margin: 15px;
}
.table-callout-right2 p.rco2-quote 
{
	font-size: 14px;
	line-height: 18px;
}
.table-callout-right2 p.rco2-name 
{
	font-size: 10px;
	line-height: 12px;
	text-align: right;
}

.table-callout-right2 h3 {
	margin: 0 0 0 15px;
}

/* ------------------------------------- table based left column */
.table-callout-left
{
	margin: 20px 0;
	float: left;
	width: 228px;
	display: block;
}
.table-callout-left p 
{
	display: block;
	margin: 15px;
}
.table-callout-left h1 
{
	display: block;
	text-align: center;
	color: #F98527;
	font-size: 48px;
}
.table-callout-left h2 
{
	display: block;
	text-align: center;
	color: #AA9988;
	font-size: 14px;
}
.table-callout-left h3
{
	display: block;
	text-align: center;
}
.table-callout-left p.lco-quote 
{
	font-size: 14px;
	line-height: 18px;
}
.table-callout-left p.lco-name 
{
	font-size: 10px;
	line-height: 12px;
	text-align: right;
}


/* ------------------------------------- form for white paper download */
.form-download-01
{
	margin: 0;
	padding: 20px;
	background-color: #eeeedd;
}
.form-download-01 ul
{
	list-style-type: none;
}
.form-download-01 li
{
	clear: both;
	border-top: 1px solid #ffffff;
	margin: 4px 0;
	padding: 4px 0;
}
.form-download-01 form p
{
	width: 140px;
	float: left;
	display: block;
	margin: 0;
}
.form-download-01 form
{
}

.form-download-01 input,
.form-download-01 select,
.form-download-01 textarea
{
}



/* ------------------------------------- client login specific */
.form-login
{
	height: 271px;
	background: url(http://clients.cesaridirect.com/_images/clnt_login_back_01.gif) no-repeat left top;
	padding: 20px 0 0;
	width: 457px;
}
.form-login form
{
	width: 385px;
	display: block;
	margin: 0 auto;
}
.form-login input
{

}
.form-login ul
{
	list-style-type: none;
}
.form-login li
{
	display: block;
	clear: both;
	margin: 5px 0;
	padding: 5px 0;
	border-top: 1px solid #ffffff;
}
.form-login li.form-login-btn-01
{
	text-align: right;
}
.form-login li p
{
	display: block;
	width: 110px;
	float: left;
	margin: 0;
}
.form-login li input
{

}


.table-files-01
{
	margin: 0 0 40px;
	clear: both;
}
.table-files-01 td
{
	padding: 6px 6px 6px 0;
	border-bottom: 1px solid #f2f1e3;
	vertical-align: top;
}
.table-files-01 td span img
{
	margin: 0 6px;
	/*border: 2px solid #666666;*/
	float: right;
}
.table-files-01 td.files-header
{
	color: #beb1a5;
	font-weight: bold;
	border-bottom: 1px solid #beb1a5;
}

/* DIV based single center column */
.content-block-center
{
	margin: 0 auto 60px;
	width: 600px;
}
.content-block-center h2
{
	text-transform: capitalize;
	font-size: 21px;
	font-weight: normal;
	margin: 20px 0 0 0;
}

/* Fading back main top navigation */
.nav-top-site
{
	color: #ddddcc;
}
.nav-top-site a
{
	color: #ddddcc;
}

/* Changing the layout of the file upload form */
.form-login-btn
{
	float: right;
}
.client-logo
{
	float: right;
	margin: 0 0 10px 0;
}