/* Global */

body { margin: 0px; }

h2 { font-family: "Myriad Web", "Myriad Pro", "Nueva Std", "Trebuchet MS", Arial; font-size: 18px; font-weight:normal; color: #333333; /*line-height:25px;*/ margin:8px 0 0 10px; text-align:justify; }
.h2 { font-family: "Myriad Web", "Myriad Pro", "Nueva Std", "Trebuchet MS", Arial; font-size: 18px;	font-weight:normal; color: #333333;	/*line-height:25px;*/ text-align:justify; }
p { font-family: "Myriad Web", "Myriad Pro", "Nueva Std", "Trebuchet MS", Arial; font-size: 14px; font-weight:normal; color: #333333; /*line-height:25px;*/	margin:4px 0 0 10px; text-align:justify; }
a { color:#333333; text-decoration:none; }
a:hover { color:#C70057; }


/* Classes */
.italic { font-style: italic; }

.clear_left { clear:left; }
.clear_right { clear:right; }
.clear_both { clear:both; }
.clear { clear:both; }

.floatstop { float: none; height: 0px; line-height: 0.1%; font-size: 0.1%; clear: both; border: 0px; margin: 0px; padding: 0px; display: block; }

.copyright { margin-top:-20px; font-family: "Myriad Web", "Myriad Pro", "Nueva Std", "Trebuchet MS", Arial; color:#FFFFFF; font-size:11px; }
.copyright a { text-decoration:none; color:#FFFFFF; }
.copyright a:hover { color:#C70057; }





/* Layout */

div#container { margin:10px auto; width:832px; }


#back { width: 832px; height: 850px; background: url("../images/shadow.png") no-repeat; border:0px; display: block; margin: 0 auto; padding:10px; }
#header_back { width: 832px; height: 271px; background: url("../images/header_back.png") no-repeat; border:0px; display: block; margin:0 auto; padding:10px; padding-bottom:0px; padding-top:0px; }
#back_footer { width: 832px; background: url("../images/footer.png") no-repeat; border:0px; display: block; margin: 0 auto; padding:10px; height:80px; padding-top:0px; }
#back_long { width: 832px; background: url("../images/back.png") repeat-y; border:0px; display: block; margin:0 auto; padding:10px; padding-top:0px; padding-bottom:0px; }



div#header { width:802px; margin: 0 0 0 10px; }
/*.tbl_header { background: url("../images/menu_box.png"); background-repeat:no-repeat; }*/
div#header_left { float:left; width:566px; height:70px; background:url("../images/menu_box.png") no-repeat; }




/* Navigation Header Icons */
/*div#icons ul { background-color:pink; width:400px; height:16px; }*/
/*div#icons ul li { float:left; margin:0 15px; list-style:none; }*/


/* Primary Navigation */
div#menu { width:500px; /*border-bottom:1px solid #999999;*/ padding:5px 0; }

div#menu ul#primary_navigation, div#menu ul#primary_navigation ul {padding: 0; margin: 0; list-style: none; line-height:100%; }

div#menu ul#primary_navigation { width:500px; margin: 0 auto 0 20px; }
div#menu ul#primary_navigation ul { margin:0; }
div#menu ul#primary_navigation li { margin:5px 4px 0 4px; padding:20px 0 0 0; list-style:none; list-style-position:inside; float:left; display:inline; font-size:16px; text-align:center; }

div#menu ul#primary_navigation li a:link, div#menu ul#primary_navigation li a:active, div#menu ul#primary_navigation li a:visited  { color:#C70057; font-weight:bold; /*display:block;*/  }
div#menu ul#primary_navigation li a:hover {color:#C70057; display:block; /*background:pink; /*MUST LEAVE BACKGROUND IN FOR IE7 */ text-decoration:underline; }

/* 2nd tier positioning */
div#menu ul#primary_navigation li ul { width:auto; float: left; background-color:#C70057; clear: both; }
div#menu ul#primary_navigation li ul li {  margin:5px 0; padding:0; line-height:100%; border:none; display:block; }
div#menu ul#primary_navigation li ul li { float:left; clear: both; text-align:left; width:auto; font-size:1em; }
div#menu ul#primary_navigation li ul li a:link, div#menu ul#primary_navigation li ul li a:visited { float:left; display:inline; /*padding:10px 0 0 0;*/ margin:0 0 0 5px; color:#FFFFFF; width:228px; }
div#menu ul#primary_navigation li ul li a:hover { color:#FFFFFF; display:inline; }

div#menu ul#primary_navigation li ul { position: absolute; left: -999em;}
* + html div#menu ul#primary_navigation li ul { left: auto; display:none; }

/* Show 2nd tier */
div#menu ul#primary_navigation li:hover ul, div#menu ul#primary_navigation li.sfhover ul { left: auto; display:block; }

/* 3rd tier positioning */
div#menu ul#primary_navigation li ul li ul { float: none; clear: none; width:auto; background-color:#C70057; width:228px; }
div#menu ul#primary_navigation li ul li ul li { border:none; }
div#menu ul#primary_navigation li ul li ul li { float:none; clear: both; text-align:left; width:auto; font-size:1em; }
/* div#menu ul#primary_navigation li ul li ul li a { float:none; padding:0 0 5px 0px; color:#FFFFFF; width:228px; } */
div#menu ul#primary_navigation li ul li ul li a:link, div#menu ul#primary_navigation li ul li ul li a:visited {  float:none; padding:0 0 5px 0px; color:#FFFFFF; width:228px; }
div#menu ul#primary_navigation li ul li ul li a:hover { color:#FFFFFF; background:none; padding:0 0 5px 0px; }

/* Hides 3rd tier  when you roll over and enter 2nd tier */
div#menu ul#primary_navigation li:hover ul li ul, div#menu ul#primary_navigation li.sfhover ul li ul { left:-999em; display:none; }

/* Shows 3rd tier */
div#menu ul#primary_navigation li ul li ul { position:absolute; left:-999em; }
* + html div#menu ul#primary_navigation li ul li ul { left:auto; display:none; } 
div#menu ul#primary_navigation li ul li:hover ul, div#menu ul#primary_navigation li ul li.sfhover ul { left:228px; display:block; }





div#header_right { float:right; width:234px; }
div#bplogo { background:url(../images/bp_logo.png) no-repeat; width:234px; height:56px; }



/* Headers */

.headline {
	font-family: "Trebuchet MS", "Myriad Web", "Myriad Pro", "Nueva Std", Arial;
	font-size: 24px;
	font-weight: bold;
	color: #FFFFFF;
}
.strapline {
	font-family: "Trebuchet MS", "Myriad Web", "Myriad Pro", "Nueva Std", Arial;
	font-size: 15px;
	font-weight: bold;
	color: #333333;
}

.strapline a {
	font-family: "Trebuchet MS", "Myriad Web", "Myriad Pro", "Nueva Std", Arial;
	font-size: 15px;
	font-weight: bold;
	color: #999999;
	text-decoration: none;
}

.strapline a:hover {
	font-family: "Trebuchet MS", "Myriad Web", "Myriad Pro", "Nueva Std", Arial;
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}














/* Form */

.boxtext {
	font-family: "Myriad Web", "Trebuchet MS", "Myriad Pro", "Nueva Std", Arial;
	font-size: 15px;
	color: #FFFFFF;
	margin:0px;
	margin-bottom:8px;
	margin-top:8px;
	line-height:19px;
}
.corner {
background-image:url(../images/grey_corner.png);
	background-repeat: repeat;
	background-position: right bottom;
}



div.features { margin:0 auto; width:801px; }

div.fb_left { float:left; width:258px; margin:0 0 0 4px; background-color:#333333;  }
div.fb_left_inner {  width:243px; margin:10px auto; }


div.fb_middle { float:left; width:263px; margin:0 4px 0 4px; background-color:#C70057;  }
div.fb_middle_inner {  width:243px; margin:10px auto; }


div.fb_right { float:left; width:263px; margin:0 4px 0 0; background-color:#333333;  }
div.fb_right_inner {  width:243px; margin:10px auto; }
div.fb_right_footer { width:263px; height:25px; background:url(../images/bottom_row.jpg); }

div#bottom_row { background:url(../images/bottom_row.jpg) no-repeat; }


.corner_button {
	background: url(../images/grey_button_corner.png) right bottom repeat;
}


.button_corner {
	width:80%;
	background-image: url(../images/black_button_corner.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}


.boxtext a {
	font-family: "Trebuchet MS", "Myriad Web", "Myriad Pro", "Nueva Std", Arial;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	margin:8px;
}

.boxheader {
	font-family: "Trebuchet MS", "Myriad Web", "Myriad Pro", "Nueva Std", Arial;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	margin:0px;
}

.footer_button {
	font-family: "Trebuchet MS", "Myriad Web", "Myriad Pro", "Nueva Std", Arial;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	margin:0px;
}


.footer_button a {
text-decoration:none;
color:#FFFFFF;
}

.footer_button a:hover {
color:#999999;
}



/* Form */

.client input {
	border: 1px solid #FFFFFF;
	background-color: #FFFFFF;
	font-family: "Trebuchet MS", "Myriad Web", "Myriad Pro", "Nueva Std", Arial;
	font-size: 11px;
	color: #3C3C3C;
	text-indent: 2px;
	width:172px;
}

.clientbutton {
	height: 43px;
	width: 55px;
	width: 100%;
	border: 2px solid #FFFFFF;
	background-color:#FFFFFF;
	font-family: "Trebuchet MS", "Myriad Web", "Myriad Pro", "Nueva Std", Arial;
	font-size: 14px;
	font-weight: bold;
	color: #C70057;
}


.mainbutton { font-family: "Trebuchet MS", "Myriad Web", "Myriad Pro", "Nueva Std", Arial; font-size: 14px;	font-weight: bold; color: #FFFFFF; }
.mainbutton a { text-decoration:none; color:#FFFFFF; }
.mainbutton a:hover { color:#999999; }



.menu {
	font-family: "Myriad Web", "Myriad Pro", "Nueva Std", "Trebuchet MS", Arial;
	font-size: 16px;
	font-weight: bold;
	color: #C70057;
}

.menu a {
	font-family: "Myriad Web", "Myriad Pro", "Nueva Std", "Trebuchet MS", Arial;
	font-size: 16px;
	font-weight: bold;
	color: #C70057;
	text-decoration:none;
}

.menu a:hover {
	font-family: "Myriad Web", "Myriad Pro", "Nueva Std", "Trebuchet MS", Arial;
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	text-decoration:none;
}








.caption {
	font-family:"Myriad Web", "Myriad Pro", "Trebuchet MS", "Myriad Web", Arial;
	font-size: 14px;
	color: #C70057;
	font-weight:bold;
}


.small {
font-family: "Myriad Web", "Myriad Pro", "Nueva Std", "Trebuchet MS", Arial;
	font-size: 12px;
	font-weight:normal;
	color: #333333;
}

li {
	font-family: "Myriad Web", "Myriad Pro", "Nueva Std", "Trebuchet MS", Arial;
	font-size: 14px;
	color: #C70057;
	line-height:25px;
	margin-left:10px;
	margin-top:4px;
	margin-bottom:0px;
	text-align:justify;
	list-style-type: disc;
}
.pink_sidebox {
	font-family: "Myriad Web", "Trebuchet MS", "Myriad Pro", "Nueva Std", Arial;
	font-size: 14px;
	color: #FFFFFF;
	line-height:22px;
	background-image: url(../images/pink_corner.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color: #C70056;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}


.pink_sidebox2 {
	font-family: "Myriad Web", "Trebuchet MS", "Myriad Pro", "Nueva Std", Arial;
	font-size: 14px;
	color: #FFFFFF;
	line-height:22px;
	background-image: url(../images/pink_corner.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color: #C70056;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}


.grey_sidebox {
	font-family: "Myriad Web", "Trebuchet MS", "Myriad Pro", "Nueva Std", Arial;
	font-size: 14px;
	color: #FFFFFF;
	line-height:22px;
	background-color: #333333;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.grey_sidebox a {
	color: #FFFFFF;
	text-decoration:none;
}

.grey_sidebox a:hover {
	color: #CCCCCC;
	text-decoration:none;
}



.pink_sidebox a {
	color: #FFFFFF;
	text-decoration:none;
}


.pink_sidebox a:hover {
	color: #CCCCCC;
	text-decoration:none;
}


.pink_sidebox2 a {
	color: #FFFFFF;
	text-decoration:none;
}


.pink_sidebox2 a:hover {
	color: #CCCCCC;
	text-decoration:none;
}



.pink_header {

font-family: "Myriad Web", "Myriad Pro", "Nueva Std", "Trebuchet MS", Arial;
	font-size: 18px;
	font-weight:normal;
	color: #FFFFFF;
	text-align:justify;
}

.sub_menu {
	font-size: 14px;
	color: #666666;
}



/* Contact Form */
div#contact_left_side { float:left; width:400px; }
div#contact_right_side { float:right; width:360px; }
div#contact_right_side img { display:block; margin:10px 0 0 8px; }

ul#contact_form { margin:10px 0 0 0; width:380px; padding:0; }
ul#contact_form li { list-style:none; }
div#middle_left_column_inner ul#contact_form li { margin:2px 0 0 0; padding:0 0 0 0; background:none; width:378px;  list-style-position: outside; }
ul#contact_form li input, ul#contact_form li textarea, ul#contact_form li select { border:1px solid #CCCCCC; }

ul#contact_form  .dropdownlist { width:80px; padding:2px 0; }
ul#contact_form li input { width:240px; height:15px; padding:2px 0; margin:0; }
ul#contact_form textarea { width:378px; height:240px; margin:0; }

input.btn_send { float:right; margin:10px 0; display:block; padding:4px; color:#EE2B7B; border:1px solid #CCCCCC; background:none; }
input.btn_send:hover { background-color:#EE2B7B; color:#FFFFFF; cursor:pointer; }


/* Error Messages */
span.error_message { display:block; margin:10px 0; font-size:1.1em; color:#EE2B7B; }



div#call_back_right h2 { font-size:1.2em; padding:0; margin:0; }
div#call_back_right p { padding:0; margin:5px 0 0 0; }

div#call_back_right div#call_back_form { margin:4px auto; width:480px; border:1px solid; color:#999999; }
div#call_back_right div#call_back_form_inner { margin:2px auto; width:460px; }
div#call_back_right div#call_back_form_left { float:left; width:350px; }
div#call_back_right div#call_back_form_right { float:right; width:100px; }

div#call_back_right div#call_back_form_left input { width:250px; }

div#call_back_right div#call_back_form_right input.btn_send { float:right; margin:70px 0 0 0; display:block; padding:4px; color:#EE2B7B; border:1px solid #CCCCCC; background:none; }
div#call_back_right div#call_back_form_right input.btn_send:hover { background-color:#EE2B7B; color:#FFFFFF; cursor:pointer; }

