/*
To change this license banner, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Aug 3, 2014, 11:46:47 PM
    Author     : Ryan
*/

/* 0: START 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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* 0: END OF RESET */

/* 1: START GLOBAL SETTINGS */

html{
    font-family: Tahoma, Geneva, sans-serif;
    background-color: #F4F4F5;
}

.content{/*Center the content and set default width*/
    position:relative;
    margin: 0 auto;
    width:1100px;
}

/* 1: END GLOBAL SETTINGS */



/* 2: START HEADER */

/* ID'S */
#banner{
    background-color:#2F292B;
    height:130px;
    min-width:1100px;
}
#bannerContent{
    height:130px;
    color:#A0CEE0;
}
#bannerTopPanel{
    position:relative;
    padding-top:18px;
    height:60px;
}
#bannerTopPanel #logo{
    position:absolute;
    left:0;
    bottom:0;
}
#bannerTopPanel #topNav{
    position:absolute;
    right:0;
    padding-top: 6px;
    color:#FFF;
    font-size:12px;
}
#bannerTopPanel #topNav a{
    position:relative;
    color:#FFF;
    text-decoration:none;
    font-weight:normal;
}
#bannerMainNavbar{
    position:absolute;
    left:0;
    padding-top:16px;
    padding-left: 10px;
}
#bannerMainNavbar a:link, a:visited, a:hover{
    color: #A0CEE0;
}
#bannerMainNavbar a:active{
    color: #FFFFFF;
}
#bannerMainNavbar a{
    text-decoration: none;
}
#phoneNumber{
    position:absolute;
    right:0;
    font-size:30px;
    color:#FFF;
    vertical-align: text-bottom;
}

/* CLASSES */
.inlineNav{
    font-size:12px;
    text-transform:uppercase;
    font-weight:bold;
}
.inlineNav ul{
    list-style-type: none;
}
.inlineNav li{
    display: inline;
}

.navDivider{
    padding: 0 4px 0 4px;
    color:gray;
    font-weight: lighter;
}

/* 2: END HEADER */

/* 3: START FOOTER */
/* ID'S */
#footer{
    padding-top: 20px;
}
#footerTopPanel{
    background-color:#2F292B;
    height:200px;
}
#footerBottomPanel{
    background-color:#000;
    height:120px;
}
#footerTopContent #share{
    position:relative;
    height:50px;
    padding-top: 16px;
    border-bottom: 1px;
    border-color:gray;
    border-style:solid;
}
#footerTopContent #share #company{
    position:absolute;
    padding-bottom: 8px;
    padding-left: 6px;
    bottom:0px;
    float:left;
    color:#2AA7DF;
    width:500px;
    text-transform:uppercase;
    font-size:20px;
}
#footerTopContent #share #connect{
    position:absolute;
    padding-bottom: 8px;
    bottom:0px;
    right:0px;
    color:gray;
}

#footerTopContent #links{
    padding-top: 14px;
    padding-left: 6px;
}
#footerTopContent #links #links2{
    padding-left:100px;
}

#footerTopPanel #footerPCI{
    float:right;
}

#footerBottomPanel #copyright{
    padding: 30px 0 0 12px;
    color:gray;
    font-size:12px;
}
#footerBottomPanel #copyright p{
    padding-bottom: 12px;
}

/* CLASSES */
.footerLinks{
    float:left;
}
.footerLinks a{
    text-decoration: none;
    color:#FFF;
    font-size:12px;
}
.footerLinks li{
    padding-bottom: 3px;
}

/* 3: END FOOTER */

/* 4: START PAGE CONTENT GLOBALS */
.centerInnerContent{
    display: table;
    margin: 0 auto;
}
.padTop{
    padding-top: 40px;
}
/* 4: END PAGE CONTENT GLOBALS */