@charset "utf-8";

/********* GLOBAL STYLES *********/

* {
  margin:0px;
  padding:0px;
}
html, body {
  height:100%;
  min-height:100%;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
}
form {
  margin:0px;
  padding:0px;
}
html {
  background:#000000;
}
body {
  background:url(../images/bg_orange_top.gif) left 83px repeat-x;
  color:#FFFFFF;
}
a {
  text-decoration:none;
  color:#FFFFFF;
}
a:visited {
  text-decoration:none;
  color:#FFFFFF;
}
a:hover {
  text-decoration:none;
  color:#FFCC00;
}
div.divider_horizontal {
  height:1px;
  background-color:#999999;
}
.justify {
  text-align:justify;
}
.top {
  vertical-align:top;
}
.header1 {
  font-weight:bold;
  text-align:center;
}
.header_bg1 {
  border:#6d6d6d 1px solid;
  background-color:#515151;
}
.padding_l {
  padding-left:5px;
}
.padding_r {
  padding-right:5px;
}
.padding_t {
  padding-top:5px;
}
.padding_b {
  padding-bottom:5px;
}
.margin_b {
  margin-bottom:5px;
}
.margin_l {
  margin-left:5px;
}
.margin_r {
  margin-right:5px;
}
.margin_5 {
  margin:5px;
}
.spacer_b {
  padding-bottom:15px;
}
.spacer_t {
  padding-top:15px;
}
a.button {
  height:18px;
  background:url(../images/bg_button_normal.gif) top left repeat-x;
  line-height:17px;
  text-align:center;
  display:block;
  border:#858587 1px solid;
  border-bottom:#98989a 1px solid;
}
a.button:hover {
  background:url(../images/bg_button_hover.gif) top left repeat-x;
}
a.header1_link,
a.header1_link:visited {
  background-color:#515151;
  width:100%;
  text-align:center;
  display:block;
}
a.header1_link:hover {
  color:#FFFFFF;
  background:#9f9f9f;
}
h1.header1 {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:9px;
  font-weight:bold;
}
h1.header_table {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:10px;
  font-weight:normal ;
}
div.section_spacer {
  height:15px;
  display:block;
}
.font_9 {
  font-size:9px;
}
div.info_box {
  border:#858587 1px solid;
  background:#414141;
  text-align:left;
  padding:2px;
  font-weight:normal;
  font-size:9px;
  color:#A6A6A6;
}
p {
  margin-top:10px;
  margin-bottom:10px;
}
.FormAsterisk {
  color:#990000;
}
.center {
  text-align:center;
}
input.Button {
  height:20px;
  background:#006600;
  border:#858587 1px solid;
  margin:0px;
  padding:0px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:10px;
  color:#FFFFFF;
  background:url(../images/bg_table_shadow.gif);
  min-width:66px;
  text-align:center;
  cursor:pointer;
}
input {
  height:15px;
  color:#000000;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:10px;
  border:#000000 1px solid;
}
textarea {
  color:#000000;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:10px;
  border:#000000 1px solid;
}
div.info_box_2 {
  border:#FFCC00 1px solid;
  padding:10px;
  font-weight:bold;
  text-align:center;
  background-color:#666666;
}
.title_1 {
  font-weight:bold;
  color:#FFCC00;
}
div.error_box {
  color:#990000;
  background:#CCCCCC;
  padding:3px;
  margin-bottom:8px;
  font-weight:bold;
  border:#000000 1px solid;
}


/********** GLOBAL PAGE STYLES ************/
#page_container {
  margin-bottom:-50px;
  min-height:100%;
  height:auto;
  display:block;
}
#page_container div.bg_top_left {
  background:url(../images/bg_narrow_top_left.gif) left 83px no-repeat;
  height:inherit;
}
#page_container div.bg_top_right {
  background:url(../images/bg_narrow_top_right.gif) right 83px no-repeat;
  height:inherit;
}
.outer_page {
  background-color:#000000;
  margin-left:auto;
  margin-right:auto;
  width:917px;
}
.inner_page {
  margin-left:auto;
  margin-right:auto;
  width:891px;
}
.bottom_spacer {
  height:50px;
}


/************** GENERAL FORM STYLES ********************/
input.Input150px {
  width:150px;
}
.InputFull {
  width:99%;
}
input.CheckBox {
  width:15px;
  height:15px;
}





/********** MAIN CONTENT CONTAINER ************/
#main_content {
  overflow:visible;
  margin-bottom:15px
}
#main_content #panel_right {
  width:172px;
  float:right;
  border-left:#999999 1px solid;
  padding-left:15px;
}
#main_content #panel_left {
  margin-right:187px;
  border-right:#999999 1px solid;
  padding-right:15px;
}

/********** FOOTER STYLES **********/
#full_footer {
  background:url(../images/bg_orange_bottom.gif) left bottom repeat-x;
  height:50px;
  width:100%;
}
#footer_container {
  background:#000000 url(../images/bg_inner_bottom.gif) bottom left repeat-x;
  height:50px;
}
#footer_container div.bg_bottom_left {
  height:100%;
  background:url(../images/bg_narrow_bottom_left.gif) bottom left no-repeat;
}
#footer_container div.bg_bottom_right {
  height:100%;
  background:url(../images/bg_narrow_bottom_right.gif) bottom right no-repeat;
}
#footer #footer_links {
  font-size:11px;
  text-align:center;
  margin-top:4px;
}
#footer #footer_rights {
  font-size:9px;
  text-align:center;
  color:#323232;
  margin-top:11px;
}
#footer #footer_rights a {
  text-decoration:none;
  color:#323232;
}
#footer #footer_rights a:visited {
  text-decoration:none;
  color:#323232;
}
#footer #footer_rights a:hover {
  text-decoration:none;
  color:#FFFFFF;
}

/************ HEADER STYLES ****************/
#header {
  height:124px;
  background:url(../images/bg_orange_top.gif) left bottom repeat-x;
}
#header #header_logo {
  width:100%;
  height:97px;
}
#header_logo div.header_makeitlive {
  width:205px;
  float:left;
  margin-top:36px;
}
#header_logo div.header_logo {
  width:55px;
  float:left;
  margin-left:214px;
  margin-top:23px;
}
#header_logo div.header_text {
  width:290px;
  float:right;
  margin-top:52px;
}
#header #header_menu {
  width:100%;
  height:21px;
  padding-top:3px;
  padding-bottom:3px;
}
#header #header_menu div.menu_container {
  background-color:#46484d;
  background:url(../images/bg_topmenu.gif) left center repeat-x;
  height:21px;
}
#header_menu div.menu_container div.bg_menutop_left {
  background:url(../images/bg_topmenu_left.gif) left center no-repeat;
  height:21px;
}
#header_menu div.menu_container div.bg_menutop_right {
  background:url(../images/bg_topmenu_right.gif) right center no-repeat;
  height:21px;
}
#header_menu ul {
  margin:0px;
  padding:0px;
  list-style-type:none;
  width:auto;
  padding-left:5px;
  padding-right:5px;
  float:left;
  height:17px;
  margin-bottom:2px;
  margin-top:2px;
}
#header_menu ul li {
  display:block;
  float:left;
  margin:0px;
  line-height:15px;
}
#header_menu ul li a {
  display:block;
  float:left;
  height:17px;
  width:176px;
  text-align:center;
}
#header_menu ul li a:hover {
  background:transparent url(../images/bg_topmenu_hover.gif) left center repeat-x;
  color:#FFFFFF;
}
#header_menu ul li a.selected, #header_menu ul li a.selected:hover {
  background:transparent url(../images/bg_topmenu_selected.gif) left center repeat-x;
  color:#FFFFFF;
}

/********* BREAD CRUMBS ************/
#bread_crumbs {
  margin-top:20px;
}

#bread_crumbs div.divider_horizontal {
  margin-top:6px;
  margin-bottom:15px;
}

/************** MAIN TABLE STYLES *************/
div.table_container {
  border:#858587 1px solid;
  background:#000000;
  text-align:left;
  margin:0px;
  padding:0px;
  font-size:9px;
}
div.table_container div.table_content {
  margin:1px;
  padding:0px;
  background-color:#414141;
  padding-bottom:5px;
}
div.table_content div.header_shadowed {
  height:19px;
  line-height:15px;
  background:url(../images/bg_table_shadow.gif) top left repeat-x;
  color:#FFCC00;
}
div.table_content div.table_center {
  margin:5px;
  margin-bottom:0px;
  width:inherit;
}
div.table_content div.table_center div.insidetable_outer {
  border:#000000 1px solid;
  margin-top:5px;
}
div.table_content div.table_center div.insidetable_inner {
  background:#000000;
  border:#858587 1px solid;
}
div.table_content div.bullet {
  width:13px;
  height:15px;
  float:left;
  background:url(../images/bullet_arrow.gif) 5px 5px no-repeat;
}
div.table_content div.header_normal {
  height:18px;
  background-color:#353535;
  line-height:16px;
  color:#FFCC00;
  border-bottom:#000000 1px solid;
}

/*********** ROUNDED TABLE STYLES *********/
div.rounded_table {
  margin:0px;
  padding:0px;
}
div.rounded_table div.header {
  height:27px;
  background:url(../images/bg_tabler_header.gif) left top repeat-x;
  line-height:25px;
  color:#ca7c06;
  font-size:11px;
  font-weight:bolder;
  font-style:italic;
}
div.rounded_table div.header div.header_left {
  background:url(../images/bg_tabler_header_left.gif) left top no-repeat;
  height:100%;
}
div.rounded_table div.header div.header_right {
  background:url(../images/bg_tabler_header_right.gif) right top no-repeat;
  height:100%;
}
div.rounded_table div.header div.left_dots {
  background:url(../images/bg_tabler_header_dots.gif) 10px top no-repeat;
  height:100%;
  width:25px;
  float:left;
}
div.rounded_table div.content_container {
  margin:0px;
  padding:0px;
  background-color:#828081;
}
div.rounded_table div.frame_left {
  background:url(../images/bg_tabler_frame.gif) left top repeat-y;
}
div.rounded_table div.frame_right {
  background:url(../images/bg_tabler_frame.gif) right top repeat-y;
}
div.rounded_table div.content {
  padding:18px;
}
div.rounded_table div.footer {
  height:5px;
  background:url(../images/bg_tabler_footer.gif) left top repeat-x;
}
div.rounded_table div.footer div.footer_left {
  background:url(../images/bg_tabler_footer_left.gif) left top no-repeat;
  height:100%;
}
div.rounded_table div.footer div.footer_right {
  background:url(../images/bg_tabler_footer_right.gif) right top no-repeat;
  height:100%;
}

/*********** RIGHT PANEL STYLES **********/

/*** PARTNERS ***/
a.partner_link {
  width:100%;
  height:17px;
  line-height:17px;
  text-align:center;
  display:block;
  background-color:#414141;
  background:url(../images/bg_button2_normal.gif) repeat-x;
  vertical-align:middle;
  border:#7b7b7b 1px solid;
  color:#000000;
}
a.partner_link:visited {
  background-color:#414141;
}
a.partner_link:hover {
  background-color:#9f9f9f;
}

/*** QUICK QUOTE ***/
#quick_quote input.TextBox {
  width:154px;
  height:13px;
  padding:0px;
  margin:0px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:10px;
  margin-bottom:3px;
}
#quick_quote textarea {
  width:154px;
  height:67px;
  padding:0px;
  margin:0px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:10px;
  margin-bottom:5px;
}


/************ LEFT PANEL STYLES **********/
table.quickbrief_table {
  width:100%;
}
td.divider_horizontal_2lines {
  width:2px;
  background:url(../images/bg_table_divider.gif) top left repeat-y;
}

/******* MAIN PACKAGE BOX STYLE *******/
div.package_box {
  background:#414141 url(../images/bg_packages_main.gif) top left repeat-x;
  min-width:210px;
}
div.package_box div.pb_header {
  height:144px;
}
div.package_box div.pb_package1_bg {
  background:url(../images/bg_packages_1_logo.gif) top left no-repeat;
}
div.package_box div.pb_package2_bg {
  background:url(../images/bg_packages_2_logo.gif) top left no-repeat;
}
div.package_box div.pb_package3_bg {
  background:url(../images/bg_packages_3_logo.gif) top left no-repeat;
}
div.pb_header div.pb_header_container {
  margin-left:123px;
  height:100%;
  background:url(../images/bg_packages_top_right.gif) top right no-repeat;
}
div.pb_header_container div.pb_header_top {
  padding-top:18px;
  height:29px;
  text-align:center;
}
div.pb_header_container div.pb_header_bottom {
  margin-top:8px;
  padding:5px;
}
div.pb_header_bottom div.pb_price_box {
  border:#858587 1px solid;
  border-top:0px;
  height:35px;
  background:#2b2b2b;
  font-size:8px;
  font-weight:normal;
  text-align:center;
  padding:5px;
  padding-top:8px;
}
div.pb_price_box div.pb_price {
  font-size:15px;
  color:#FFFFFF;
  font-weight:bolder;
  margin-top:5px;
}
div.package_box div.pb_main_container {
  border-left:#858587 1px solid;
  border-right:#858587 1px solid;
  background:#000000;
}
div.pb_main_container div.pb_main {
  margin-left:1px;
  margin-right:1px;
  padding:5px;
  background-color:#414141;
}
div.package_box div.pb_bottom {
  border:#858587 1px solid;
  border-top:0px none;
  background:#000000;
  height:1px;
}


/********** CONTACT STYLES ***********/
div.contact_banner {
  background:url(../images/banner_contact.jpg) top left no-repeat;
  height:151px;
}
div.contacttypepanel {
  width:220px;
  margin-top:15px;
}
div.contact_map_div {
  height:480px;
  background:url(../images/contact_map.gif) 420px 0px no-repeat;
}
div.contact_mlive_div {
  height:480px;
  background:url(../images/bg_contact_makeitlive.jpg) 440px 395px no-repeat;
  margin-left:20px;
  margin-right:20px;
}


/********** PORTFOLIO STYLES ***********/
div.portfolio_banner {
  background:url(../images/banner_portfolio.jpg) top left no-repeat;
  height:151px;
}
div.portfolio_mlive_div {
  margin-left:20px;
  margin-right:20px;
  margin-bottom:20px;
}
div.portfolio_mlive_div table.projecttable {
  height:87px;
}
div.portfolio_mlive_div table.projecttable img.projectimage {
  width:91px;
  height:83px;
  display:block;
  border:#000000 1px solid;
}
div.portfolio_mlive_div table.projecttable td.projectimage_cell {
  width:95px;
  text-align:center;
}
div.portfolio_mlive_div table.projecttable td.projecttitle_cell {
  width:60px;
  text-align:left;
  padding-left:2px;
  font-weight:bold;
}
div.portfolio_mlive_div a.project_link {
  padding:2px;
  height:auto;
  border:#000000 1px solid;
  background:#5f5f5f;
}
div.portfolio_mlive_div a.project_link:hover {
  background:#9f9f9f;
  cursor:pointer;
  color:#FFFFFF;
}
div.portfolio_mlive_div div.project_link {
  padding:2px;
  height:auto;
  border:#000000 1px solid;
  background:#5f5f5f;
}



/********** SERVICES STYLES ***********/
div.services_banner {
  background:url(../images/banner_services.jpg) top left no-repeat;
  height:151px;
}
div.services_mlive_div {
  margin-left:20px;
  margin-right:20px;
  margin-bottom:20px;
}
div.services_mlive_div table.servicetable {
  height:26px;
  width:100%;
}
div.services_mlive_div table.servicetable td.serviceimage_cell {
  width:89px;
  display:block;
}
div.services_mlive_div table.servicetable td.servicedescription_cell {
  height:26px;
  width:360px;
}
div.services_mlive_div table.servicetable td.servicearrow_cell {
  width:29px;
  height:26px;
  display:block;
  background:url(../images/bg_arrow.gif) 9px 9px no-repeat;
}
div.services_mlive_div table.servicetable td.servicetitle_cell {
  text-align:left;
  font-weight:bold;
  width:160px;
}
div.services_mlive_div a.service_link {
  height:auto;
  border:#000000 1px solid;
  background:#5f5f5f;
  display:block;
}
div.services_mlive_div a.service_link:hover {
  background:#9f9f9f;
  cursor:pointer;
  color:#FFFFFF;
}
div.services_mlive_div a.service_link td.serviceimage_cell {
  height:26px;
  display:block;
  background:url(../images/bg_service_normal.gif) 0px 0px no-repeat;
}
div.services_mlive_div a.service_link:hover td.serviceimage_cell {
  background:url(../images/bg_service_hover.gif) 0px 0px no-repeat;
}





/********** FAQ STYLES ***********/
div.faq_banner {
  background:url(../images/banner_faq.jpg) top left no-repeat;
  height:151px;
}
div.faq_mlive_div {
  margin-left:20px;
  margin-right:20px;
  margin-bottom:20px;
}
div.faq_mlive_div span.question {
  margin-bottom:6px;
  display:block;
  color:#FFCC00;
}


/********** FAQ STYLES ***********/
div.about_banner {
  background:url(../images/banner_about.jpg) top left no-repeat;
  height:151px;
}
div.about_mlive_div {
  margin-left:20px;
  margin-right:20px;
  margin-bottom:20px;
  line-height:20px;
}


/********** TERMS AND CONDITIONS & PRIVACY POLICY STYLES *********/
div.terms_banner {
  background:url(../images/banner_termsandconditions.jpg) top left no-repeat;
  height:135px;
}
div.privacypolicy_banner {
  background:url(../images/banner_privacypolicy.jpg) top left no-repeat;
  height:135px;
}


/*********** GET QUOTE FORM STYLES *******************************/
div.getquoteform_banner {
  background:url(../images/banner_getquote.jpg) top left no-repeat;
  height:153px;
}


/************ PROJECT BOX STYLES *********************/
table.projecttable {
  width:100%;
  height:108px;
}
table.projecttable img.projectimage {
  width:108px;
  height:98px;
  display:block;
  border:#000000 1px solid;
}
table.projecttable td.projectimage_cell {
  width:118px;
  text-align:center;
}
table.projecttable td.projecttitle_cell {
  width:70px;
  text-align:left;
  padding-left:10px;
  font-weight:bold;
}
a.project_link {
  height:107px;
  display:block;
}
a.project_link:hover {
  background:#9f9f9f;
  cursor:pointer;
  color:#FFFFFF;
}


/*********** TELL A FRIEND FORM STYLES *******************************/
div.tellafriend_banner {
  background:url(../images/banner_tellafriend.jpg) top left no-repeat;
  height:153px;
}




/************* FORM TABLE STYLES ***************************/
table.FormTable {
  width:100%;
  margin:0px;
  padding:0px;
}
table.FormTable td.TitleCell {
  width:134px;
  font-weight:bolder;
}
table.FormTable td.DividerCell {
  background:url(../images/white_dot.gif) center left repeat-x;
  height:11px;
}






/*********** CONTACT FORM STYLES *******************************/
div.contactform_banner {
  background:url(../images/banner_contactform.jpg) top left no-repeat;
  height:153px;
}
div.contactform_mlive_div {
  margin-left:20px;
  margin-right:20px;
}
div.contacform_panel {
  width:489px;
  margin-top:15px;
  margin-bottom:15px;
}





/********** LEIGHTBOX - PORTFOLIO *********/
div.projectname {
  font-size:14px;
  font-weight:bolder;
}
div.projecturl {
  font-size:9px;
  margin-top:5px;
}
div.projecturl a, div.projecturl a:visited {
  color:#000000;
  text-decoration:none;
}
div.projecturl a:hover {
  color:#ff9903;
}
div.projectdescription {
  font-size:10px;
  color:#333333;
  margin-top:15px;
  height:205px;
}








/********** PROBABLY USELESS *********/
#main {
  margin-bottom:50px;
  min-height:150px;
  padding-top:20px;
}