/**********************************************************************************************

	Title: Multi Media Solutions
	Author: Raw Marketing
	Date: 2010
	
	Dark Purple: #553196;

  www.nisiservices.com

***********************************************************************************************

	1. CSS Reset
	2. General Elements
	3. Utility Classes
	4. Layout
		4.1 Header
		4.2 Navigation
		4.3 Masthead
		4.4 Body Services
		4.5 Sidebar
		4.6 Footer		
		
***********************************************************************************************/

/* 1. CSS Reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: inherit;
  font-weight: inherit;
  font-style: inherit;
  font-size: 14px;
  font-family: Calibri, Helvetica Narrow, sans-serif;
  vertical-align: baseline;
  }
 

/* 2. General Elements  */
body { background-image: url(images/outer_wrapper_bg.jpg); background-attachment: fixed; background-repeat: repeat-x; background-color: #3994e0; } 
a { text-decoration: none; color: #86c7ff; }
a:hover { text-decoration: underline; }
p { line-height: 22px; }
h1 { font-size: 20px; }
h2 { font-size: 28px; color: #3a94e2; }
h3 { font-size: 20px; color: #3a94e2; border-bottom: 1px solid #3a94e2; }
h4 { font-size: 18px; color: #3a94e2; border-bottom: 1px solid #3a94e2; width: 500px; }

  
li {  }
strong { font-weight: bold; font-size: inherit; }
table { table-layout: fixed; }
th { font-size: 18px; color: #3a94e2; }
p span { font-weight: bold; }

/* 3. Utility Classes */
.float_left { float: left; }
.float_right { float: right; }
.clear { clear: both; }
.highlight_red { color: red; font-weight: bold; }
.button {   -moz-border-radius: 25px; 
            -webkit-border-radius: 25px; 
            padding: 10px 15px;
            color: white; 
            background-color: #337fd1; /* fallback color */
            background: -moz-linear-gradient(top, #61aff4, #105ab6);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #61aff4), to(#105ab6)); }

/* 4. Layout */
#wrapper { width: 960px; margin: 0px auto; background-position: 20% 0%; background-image: url(images/wrapper_bg.png); background-repeat: no-repeat; }
#bodycontent { width: 660px; float: right; background-color: white; padding: 20px; margin: 20px 0;  }
#sidebar { width: 220px; float: left; }
#footer { clear: both; color: white; padding: 20px 0 60px; border-top: 1px solid #86c7ff; }

/* 4.1 HEADER */
h1#logo { background-image: url(images/logo.png); width: 445px; height: 39px; background-repeat: no-repeat; text-indent: -9999px; overflow: hidden; float: left; margin: 50px 0 20px; }
h2#tagline { clear: both; float: left; font-size: 18px; font-family: Georgia, Times, Times New Roman, serif; font-style: italic; color: white; text-shadow: 1px 1px 1px #1f1f1f; }

/* NAV */
ul#nav { width: 800px; margin-top: 20px; float: right; background-image: url(images/nav_bg.jpg); background-repeat: repeat-x; clear: both; text-align: center; padding: 10px 20px;  border: 1px solid #3a94e2;
     border-radius-topright: 5px;
     border-radius-topleft: 5px;
     -moz-border-radius-topleft: 5px; 
     -webkit-border-top-left-radius: 5px; 
     -moz-border-radius-topright: 5px;
     -webkit-border-top-right-radius: 5px;
 }
ul#nav li { display: inline; text-transform: uppercase; padding: 10px 0; margin-top: 0px; }
ul#nav li a { font-size: 16px; padding: 10px 25px; color: #272727; }
ul#nav li#current a, ul#nav li a:hover { background-image: url(images/nav_hover_bg.jpg); background-repeat: repeat-x; color: white; border-top: 1px solid #3a94e2; border-bottom: 1px solid #3a94e2; }

/* MASTHEAD */
#slideshow { border: 1px solid white; }


/* QUICK BUTTONS */

ul#quick_buttons { clear: left;  margin: 20px 0 0; }
ul#quick_buttons li { 
     display: block; 
      background-image: url(images/quick_button_bg.jpg);
       background-repeat: repeat-x;
        height: 90px;
         width: 220px;
          margin: 0 0 20px;
           border: 1px solid white; 
    -moz-box-shadow: 0 0 10px black; 
    -webkit-box-shadow: 0 0 10px black; 
    box-shadow: 0 0 10px black;
    border-radius: 5px;
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px;
}
ul#quick_buttons li:hover { 
      background-image: none; 
      cursor: pointer; 
}
ul#quick_buttons li a { 
      display: block; 
      height: 115px; 
      color: white; 
      width: 130px; 
      font-size: 20px;  
}
ul#quick_buttons li a#enquiry_button { background-image: url(images/enquiry_button_bg.png); background-repeat: no-repeat;  padding: 10px 30px 0 10px; margin: 10px 0 0 20px; background-position: 100% 15%; }

ul#quick_buttons li a#callback_button { margin: 10px 0 0 20px; background-image: url(images/callback_button_bg.png); background-repeat: no-repeat;  padding: 10px 30px 0 10px; background-position: 100% 15%; }

#bodycontent ul { margin-left: 40px; }
#bodycontent a:hover { color: #1f1f1f; }

#sidebar img { 
    border: 1px solid white; 
    -moz-box-shadow: 0 0 10px black; 
    -webkit-box-shadow: 0 0 10px black; 
    box-shadow: 0 0 10px black;
    border-radius: 5px;
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px;
    width: 220px;    
}

/* PRICES page: */
#aerial_price { background-image: url(images/prices_body_bg.jpg); background-position: 101% 10%; background-repeat: no-repeat; }

#accordion { min-height: 500px; }

ul#accordion_nav { margin-bottom: 10px; margin-left: 0px; }
ul#accordion_nav li  { display: inline; font-size: 16px; padding: 6px 10px; margin: 0 10px 0 0; background-image: url(images/quick_button_bg.jpg); background-repeat: repeat-x; color: white; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
ul#accordion_nav li:hover { cursor: pointer; background-position: 100% 80%; }

.latest_offers { padding: 20px; width: 182px; margin-bottom: 20px; background-color: white; clear: both; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 0 10px black; 
    -webkit-box-shadow: 0 0 10px black; 
    box-shadow: 0 0 10px black; }
    
.contact p { font-size: 20px; }

#important { padding: 20px; background-color: #df5050; color: white; }
#important h3 { color: white; }