/*** START styles.css ***/




html 
{
	margin: 0;
	padding: 0;
	background: url(../images/bg_html.jpg) top left repeat-x;
}

body
{
	font-family: arial,verdana,sans-serif;
	font-size: 13px;
	color: #4c4e50;
	margin: 1px auto 20px auto;
	padding: 0;
	width: 842px;
}

h7
{
	font-weight: bold;
	font-size:  16px;
}


h1, h2, h3, h4, h5, h6, h7
{
	color: #4c4e50;
	font-weight: bold;
}
h1 { font-size: 18px; }
h2, h3 { font-size:  16px; }

h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong
{
	color: #cd3940;
}

h7 strong
{
	color: #0066CC;
}
a, a:link, a:visited
{
	color: #658FCB;
	text-decoration: underline;
	font-weight: normal;
	font-size:12px;
}
a:hover
{
	color: #cd3940;
	text-decoration: none;
}



.clearfix { clear: both; }

a img { border: none; }

ul, li
{
	list-style: none;
}


/****** START header ******/


#top
{
	width: 818px;
	height: 80px;
	position:relative;

}

#top_logo
{
	width: 218px;
	height: 80px;
	float:left;

}

#top_right
{
	width: 590px;
	height: 80px;
	float:right;
	padding-right:10px;
	position:relative;
}

.top_right
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:right;
	vertical-align:middle;
	line-height:80px;
	
}

#header
{
	width: 842px;
	height: 291px;
	padding: 0 12px;
	background: url(../images/bg_header.jpg) top left no-repeat;
}

#header_left 
{
	float: left;
	width: 198px;
	height:211px;
	padding-left:5px;
}

#logo 
{
	width: 146px;
	height: 85px;
}

#sub_menu ul, #sub_menu li
{
	margin: 0;
	padding: 0;
	list-style: none;
}
#sub_menu ul li
{
	padding: 5px 0 0 20px;
}
.sub_menu
{
	width: 178px;
	height: 25px;
	background-color: #CCCCCC;
	border-bottom: 1px solid #fff;
	color: #666666;
	line-height:25px;
}




}
#sub_menu a, #sub_menu a:link, #sub_menu a:visited
{
	color: #fff;
	text-decoration: none;
}
#sub_menu a:hover
{
	text-decoration: underline;
}

#header_right
{
	float: right;
	width: 619px;
	height:211px;
	margin-right:7px;
}

#header_slogan_bar
{
	float: right;
	height: 20px;
	width: 564px;
	background-color: #333333;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	padding: 5px 20px 0 20px;
}

p.slogan, p.tel_number
{
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
p.slogan { float: left; }
p.tel_number { float: right; }

#header_image
{
	width: 602px;
	height: 211px;
	margin-top: 0px;
}

#header_top_image
{
	width: 602px;
	height: 30px;
	background-color:#333333;
	border-bottom:1px #FFFFFF solid;
	margin-right:7px;
}

#big_arrow
{
    position: absolute;
    top: -138px;
	left: 50%;
	margin-left: -362px;
}

/****** END header ******/

/****** START index ******/

#content_wrapper
{
	width: 794px;
	margin: 0;
	padding: 15px 24px;
	background: url(../images/bg_body.jpg) top left repeat-y;
}

#right_col
{
	float: right;
	width: 590px;
	padding: 0;
}

#main_content
{
	float: left;
	width: 590px;
	margin-bottom: 20px;
}

 .t {background: url(../images/dot.gif) 0 0 repeat-x; }
.b {background: url(../images/dot.gif) 0 100% repeat-x}
.l {background: url(../images/dot.gif) 0 0 repeat-y}
.r {background: url(../images/dot.gif) 100% 0 repeat-y}
.bl {background: url(../images/bl.gif) 0 100% no-repeat}
.br {background: url(../images/br.gif) 100% 100% no-repeat}
.tl {background: url(../images/tl.gif) 0 0 no-repeat}
.tr {background: url(../images/tr.gif) 100% 0 no-repeat; padding: 20px}

#main_content h1
{
	margin: 0;
	padding: 0;
}

#main_content h2
{
	margin: 25px 0 0 0;
}

#main_content ul
{
	list-style-type: none;
	padding: 0;
	margin: 10px 0 0 0;
}
	
#main_content li, #callouts li
{
	background-image: url('../images/list_image.gif');
	background-repeat: no-repeat;
	background-position: 0 0 0 0;
	padding: 2px 0 5px 27px;
}

#callouts
{
	float: left;

}

#callouts ul
{
	margin: 5px 20px 0 40px;
	padding: 0;
}

#callouts li
{
	margin-left: -38px;
	padding-top: 0;
}

.callouts_middle
{
	margin: 10px 0;
}

#callouts li a
{
	font-size: 18px;
}
#callouts a:link, #callouts a:visited
{
	text-decoration: underline;
}
#callouts a:hover
{
	text-decoration: none;
}

#partnership
{
	float: right;
	width: 265px;
	font-size: 12px;
	text-align: justify;
}
#partnership p 
{
	margin: 0 0 15px 0;
	padding: 0;
}
#partnership h3
{
	margin: 0 0 10px 0;
	padding: 0;
	color: #CD3940;
}

/****** END index ******/

/****** START footer ******/

.testimonials
{
	border-bottom: 1px solid #DFDFDF;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.testimonials h4
{
	color: #CD3940;
}

.testimonials h7
{
	color: #0066CC;
	font-size:16px;
}

.testimonials p
{
	font-size: 11px;
}
p.testimonials_quote
{
	font-size: 12px;
	font-family: "Trebuchet MS";
	color: #CD3940;
}

p.testimonials_quote_green
{
	font-size: 12px;
	font-family: "Trebuchet MS";
	color: #0066CC;
}

.testimonials_name
{
	font-size: 11px;
}
.testimonials a
{
	line-height: 20px;
}

.border { border-bottom: 1px solid #EBEBEB; margin-top: 7px; }

#left_col_packages
{
	width: 186px;
	margin: 0;
	padding: 0;
}

#left_col_packages img
{
	border: 1px solid #CD3940;
	margin-left: -3px;
}

#left_col_packages h3, #left_col_packages h4
{
	margin-left: -3px;
}

#left_col_packages h3
{
	margin-top: 0;
}
#left_col_packages h4
{
	margin-bottom: 3px;
}

#bttn_brief_us
{
    height: 35px;
    padding: 0;
    margin: 0;
    margin-top: 0;
}

#bttn_brief_us a
{
    display: block;
    padding: 35px 0 0 0;
    overflow: hidden;
    height: 0px;
    color: #005596;
    text-decoration: none;
}

/* ------------------ START rollover effect ----------------------*/

#bttn_brief_us { width: 146px; }

#bttn_brief_us a { width: 146px; background: url('../images/bttn_brief_us.gif') top left no-repeat; }

#bttn_brief_us a:hover, #bttn_brief_us a:active, #bttn_brief_us a:focus
{
    background-position: 0 -35px;
}

/* ------------------ END rollover effect ----------------------*/


#footer
{
	width:842px;
	height:20px;
	background-image:url(../images/bg_footer_top.gif);
}

#footer_sub
{
	width:842px;
	height:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:center;
}

#footer_wrapper
{
	clear: both;
	padding: 0 12px;
	background: url('../images/bg_footer_top.gif') top left repeat-x;
}

#footer_left
{
	float: left;
	margin-top: 10px;
	*margin-top: 20px;
}

#footer_right
{
	margin: 10px 130px 0 0;
	*margin: 20px 60px 0 0;
}

.footer_right
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#666666;
}

div>#footer_right 
/***** IE7 Fix *****/
{
	margin-right: 130px;
}

#logo_footer
{
  	position: relative;
    top: -75px;
	left: 50%;
	margin-left: 290px;
	z-index: 20;
}

div>#logo_footer
/***** IE7 Fix *****/
{
	top: -50px;
}

/****** END footer ******/

/****** START extras ******/

#main_content form ul li { margin: 20px 0; padding: 0; background-image: none; }
.submit { margin: 0; padding: 0 20px; }

#main_content .case_studies_left h1
{
	margin: 0 0 15px 0;
}

.case_studies
{
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #DFDFDF;
}

#case_studies_toplinks ul
{
	margin: 30px 0 0 0;
	padding-bottom: 20px;
	border-bottom: 1px solid #DFDFDF;
}

#case_studies_toplinks ul li
{
	display: inline;
	padding-right:  20px;
	font-size: 14px;
}

.case_studies_left
{
	float: left;
	width: 275px;
	*width: 255px;
	margin-top: 40px;
	text-align: justify;
}

#main_content .case_studies_left ul li
{
	margin: 0 0 0 10px;
	text-align: left;
}

.case_studies_url
{
	color: #cd3940;
	font-weight: bold;
	margin: 18px 0 0 0;
}

.case_studies_right
{
	float: right;
	margin-top: 40px;
	width: 251px;
}
.case_studies_right img
{
	float: left;
	border: 1px solid #cd3940;
	margin-bottom: 5px;
}

img.case_studies_newspaper_logos
{
	float: left;
	border: none;
	margin-bottom: 5px;
}

img.radio_logo
{
	padding-left: 13px;
}

.case_studies_right p
{
	text-align: center;
	margin: 0;
	*padding-top: -5px;
	width: 251px;
}

.case_study_h2
{
	border-bottom: 1px solid #595B5D;
}

.case_studies_right_wrapper
{
	width: 233px;
	padding: 10px;
	border: 1px solid #DFDFDF;
}

.case_studies_right_wrapper p
{
	text-align: left;
}

.case_studies_right_wrapper form
{
	margin-top: 15px;
}

h2 a, h2 a:hover
{
	text-decoration: none;
	color: #333;
	font-weight: bold;
}

#partner_logos_left
{
	float: left;
	width: 40%;
}

#partner_logos_right
{
	float: right;
	width: 40%;
}

p.phone_number strong
{
	color: #CC3941;
	font-size: 20px;
}

#reseller_page strong
{
	color: #D23940;
}

/****** END extras ******/

/****** START landing pages ******/

.phone_number strong
{
	color: #CC3941;
	font-size: 16px;
}

/****** END landing pages ******/

/****** START forms ******/

p.required_field strong
{
	color: #CC3941;
	font-size: 16px;
}
input, select
{
	border: 1px solid #DBDBDB;
	margin-bottom:5px;
	width:300px;
	height:25px;
	line-height:25px;
}

textarea
{
	border: 1px solid #DBDBDB;
	margin-bottom:5px;
	width:300px;
	height:100px;
}

#button
{
	width:100px;
	height:25px;
	border:1px #333333 solid;
}

#label
{
	line-height:25px;
	text-align:left;
	height:25px;
	padding-bottom:5px;
	margin-bottom:5px;
}

#contact
{
	text-align:right;
	padding-right:100px;
}

.contact
{
	
}

.contact_left
{
	float: left;
	width: 250px;
}

.contact_right
{
	float: right;
	width: 250px;
}

.contact_bottom
{
	clear: both;
}

/****** END forms ******/


/*** END styles.css ***/





/*************/
/* LEFT MENU */
/*************/
#left-menu { margin: 0px; padding: 0px; width: 190px;}
#left-menu li { list-style: none; font-size: 12px; color:#000000; border-top: 1px dashed #999999; }
#left-menu li.first { border-top: none; }
#left-menu li a { background: url(../img/left-menu-li-bg.gif) no-repeat 5px 10px; padding: 3px 0px 3px 15px; display: block; width: 175px; text-decoration: none; line-height: 18px; color:#000000; }
#left-menu li a span { background: url(../img/go.gif) no-repeat right 4px; padding-right:15px; }
#left-menu li a:hover,
#left-menu li.active a { background-image: url(../img/left-menu-li-bg-h.gif); color: #DF0424; }
#left-menu li a:hover strong,
#left-menu li.active a strong { color: #DF0424; }
#left-menu li a:hover span,
#left-menu li.active a span { background-position: right -96px; color: #DF0424; }
#left-menu li.active li a { background-image: url(../img/left-submenu-li-bg.gif); color: #666666; }
#left-menu li.active li a:hover { background-image: url(../img/left-menu-li-bg-h.gif); color: #DF0424; }


/* SUBMENU */
#left-menu ul { padding: 0px; margin: 0px; }
#left-menu ul li a { background-image: url(../img/left-submenu-li-bg.gif); background-position: 17px 10px; color: #666666; padding-left: 29px; width: 161px; }
#left-menu ul li.active a { background-image: url(../img/left-menu-li-bg-h.gif); color: #DF0424; }
#left-menu li.active li a strong { color: #666666; }
#left-menu li li a span,
#left-menu li.active li a span { background-position: right 4px; color: #666666; }
#left-menu li.active li a:hover span { background-position: right -96px; color: #DF0424; }
#left-menu li.active li a:hover strong { color: #DF0424; }

/* SUBMENU 2nd level */
#left-menu ul li.active li a,
#left-menu ul ul li a { background-image: url(../img/left-submenu-li-bg.gif); background-position: 31px 10px; color: #666666; padding-left: 43px; width: 147px; }