/*

// CSS Document

// The Security Company

// Rob Kingsbury, GallantMEDIA (2009)

*/





/* reset */

html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,

dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,

a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,

strong, sub, sup, tt, var, legend, fieldset {

margin: 0;

padding: 0; }



img, fieldset {

border: 0; }


img {padding-right: 7px; padding-top: 4px;}


/* global */

body {

text-align: center;

background: #ccc;

font: 95%/1.4 Arial, Helvetica, sans-serif; }



p, ul, ol {

margin-bottom: 1.2em; }



h1, h2, h3, h4 {

margin-bottom: 0.8em; }



h1 {

font-size: 2em; }



h2 {

font-size: 1.8em; }



h3 {

font-size: 1.6em; }



h4 {

font-size: 1.4em; }





/* layout */

#container {

margin: 20px auto;

width: 860px;

text-align: left;

border-top: 10px solid #000; }



#masthead {

border-top: 1px dotted #666;

position: relative;

height: 175px;

background: #333; }



#logo {

float: left;

text-indent: -9999px;

margin: 15px;

height: 140px;

width: 168px;

background: url('../images/logo_global.png') top left no-repeat; }



#slogan {

float: left;

padding: 15px; }



#slogan h2 {

font-family: Georgia, "Times New Roman", Times, serif;

font-style: italic;

color: #fff;

font-size: 1.4em;

padding-top: 75px; }



#quick_contact {

position: absolute;

float: right;

padding: 15px;

right: 0; }



#quick_contact p {

color: #ccc;

font-size: 0.8em;

font-weight: bold;

border-left: 2px solid #666;

padding-left: 10px; }



#nav {

clear: both;

border-top: 1px solid #666;

border-bottom: 1px solid #777;

background: #666 url('../images/bg_navbar.png'); top left repeat-x; }



#teaser {

height: 270px;

text-indent: -9999px; }



.home { background: #fff url('../images/bg_teaser_home.jpg') top left no-repeat; }

.about { background: #fff url('../images/bg_teaser_about.jpg') top left no-repeat; }

.services { background: #fff url('../images/bg_teaser_services.jpg') top left no-repeat; }

.products { background: #fff url('../images/bg_teaser_products.jpg') top left no-repeat; }

.contacts { background: #fff url('../images/bg_teaser_contacts.jpg') top left no-repeat; }



#content, #content_splash {

background-color: #fff;

padding: 0;

margin: 0;

padding-bottom: 1.2em; }



#content h3 {

border-bottom: 1px solid #999;

font-family: "Tahoma", Geneva, Arial, Helvetica, sans-serif;

color: #333;

font-weight: normal;

padding-top: 18px;

padding-bottom: 5px;

margin: 0 18px; }



#content p {

padding: 1.2em 1.2em 0 1.2em;

margin-bottom: 0; }



.contact_title {

font-weight: bold;

float: left;

width: 60px;

border-right: 1px dotted #999;

padding-right: 10px;

margin-right: 10px; }



.infobox {

background: #333;

float: left;

width: 256px;

color: #ccc;

padding: 15px;

text-align: justify; }



.middle_box {

border-left: 1px dotted #666;

border-right: 1px dotted #666; }



.infobox h3 {

padding: 8px 10px;

background: #000;

font-size: 1.25em;

font-family: "Tahoma", Geneva, Arial, Helvetica, sans-serif;

color: #ccc;

font-weight: normal; }



.infobox p {

padding: 5px 5px 0 5px; }



p.div_top {

border-top: 1px dotted #666;

margin-bottom: 0;

margin-top: 1.2em;

padding-top: 12px; }



#footer {

background: #000;

clear: both;

border-top: 1px dotted #333;

margin: 0;

padding: 0; }



#footer p {

font: 75%/4.5 Arial, Helvetica, sans-serif;

color: #999;

padding-left: 15px; }





/* lists */

.infobox ul {

list-style-type: square;

padding-top: 6px;

padding-left: 15px;

margin-left: 0; }



.infobox li {

padding-bottom: 8px;

font-size: 90%; }



#content ul { 

margin-left: 1.2em;

margin-top: 1.2em;

padding-left: 0;

list-style-type: square;

list-style-position: inside; }



#content li { 

padding: 5px;

margin-top: 1px;

font-weight: 90%;

color: #666; }





/* nav */

#nav ul {

margin-bottom: 0;

line-height: 3em;

text-align: center; }



#nav li {

display: inline;

padding-left: 48px;

padding-right: 48px;

border-left: 1px solid #333; }



#nav li a {

font-size: 95%;

font-weight: bold;

font-family: "Tahoma", Geneva, Arial, Helvetica, sans-serif; }





/* links */

a:link, a:visited {

color: #cc6; 

text-decoration: underline; }



a:hover, a:active {

color: #ff3;

text-decoration: none; }





#content a:link, #content a:visited {

color: #c30; 

text-decoration: underline; }



#content a:hover, #content a:active {

color: #f60;

text-decoration: none; }





#nav a:link, #nav a:visited {

color: #fff; 

text-decoration: none;

border-bottom: 1px dotted #999; }



#nav a:hover, #nav a:active, #nav a.current {

color: #ff3;

text-decoration: none;

border-bottom: none; }





/* misc classes */

.strong { font-weight: bold; }

.italic { font-style: italic; }



.left { text-align: left; }

.right { text-align: right; }

.center { text-align: center; }

.justify { text-align: justify; }



.smallest { font-size: 50%; }

.smaller { font-size: 75%; }

.small { font-size: 90%; }

.big { font-size: 110%; }

.bigger { font-size: 125%; }

.biggest { font-size: 150%; }



.black { color: black; }

.gray { color: gray; }

.white { color: white; }

.orange { color: orange; }

.red { color: red; }

.blue { color: blue; }

.green { color: green; }



.error { color: #f90; font-weight: bold; }

.success { color: #3c0; font-weight: bold; }



.hide { display: none; }



.clear { clear: both; }