/*
 * Fonts
 */
@font-face {
    font-family: "Univers Light";
    src: url("fonts/UniversLTStd-Light.eot"); /* IE6+ */
    src: url("fonts/UniversLTStd-Light.otf") format("truetype"); /* CSS3 */
}

@font-face {
    font-family: "Univers Ultra Condensed Light";
    src: url("fonts/UniversLTStd-LightUltraCn.eot"); /* IE6+ */
    src: url("fonts/UniversLTStd-LightUltraCn.otf") format("opentype"); /* CSS3 */
}

@font-face {
    font-family: "Univers Condensed Light";
    src: url("fonts/UniversLTStd-LightCn.eot"); /* IE6+ */
    src: url("fonts/UniversLTStd-LightCn.otf") format("opentype"); /* CSS3 */
}

@font-face {
    font-family: "Univers Condensed Bold";
    src: url("fonts/UniversLTStd-BoldCn.eot"); /* IE6+ */
    src: url("fonts/UniversLTStd-BoldCn.otf") format("opentype"); /* CSS3 */
}

@font-face {
    font-family: "Univers regular";
    src: url("fonts/UniversLTStd.etf"); /* IE6+ */
    src: url("fonts/UniversLTStd.otf") format("opentype"); /* CSS3 */
}



 /*
 * Main view setup
 */


html, body {
	height: 100%;
    margin: 0;
}

body {
	height: 100%;
	margin:0;
    padding:0 0 <length> 0;
    font-family: "Univers Light", sans-serif; 
    font-size: 9pt;
    font-color: #AAAAAA;
    line-height: 16px;
    color: #303030;
    background: url("images/main_bg.png") #1d1d1d;
//    background-size: 100%;
    background-position: top center;
    background-repeat: no-repeat;
//    background-attachment: fixed;
}

p {
	margin:0;
    font-family: "Univers Light", sans-serif; 
    font-size: 9pt;
    line-height: 16px;
    color: #999999;

}

h1 {
    font-family: "Univers Condensed Light", sans-serif; 
    font-size: 18pt;
    font-style: normal;
    color: #999999;
    margin-bottom: 0px;
    line-height: 16px;
}

h2 {
    font-family: "Univers Condensed Light", sans-serif; 
    font-size: 12pt;
    font-style: normal;
    color: #999999;
    margin-bottom: 0px;
    line-height: 16px;
}

h3 {
    font-family: "Univers Condensed Light", sans-serif; 
    font-size: 40pt;
    font-style: normal;
    color: #CCCCCC;
    text-transform: uppercase;
    margin-top: -2px;
    margin-bottom: 1px;
    line-height: 60px;
}
h4 {
    font-family: "Univers Condensed Bold", sans-serif; 
    font-size: 24pt;
    font-style: normal;
    color: #DDDDDD;
	margin-top: -25px;
	margin-bottom: -15px;
    line-height: 50px;
    text-transform: uppercase;
}

a, a:link, a:visited {
    color: #F7941E;
    text-decoration: none;
}

a:hover {
	color: #F7941E;
    text-decoration: underline;
}

.copy {
    color: #999999;
    font-size: 8pt;
}

.copy1 {
    font-size: 8pt;
    color: #999999;
    text-align: center;
    height: 60px;
    width: 1000px;
        margin-left: auto;
    margin-right: auto;

}

.copy2 {
    background: url("images/bg_bottom_bar.png");
    font-size: 8pt;
    color: #999999;
    height: 124px;
    background-position: bottom center;
    background-repeat: x-repeat;
}

#main
{
    color: #666666;
    background: white;

    width: 1000px;
//    height: 500px;
    /*margin: 0 auto;*/
    margin-left: auto;
    margin-right: auto;
//    margin-top: 100px;

//    padding-bottom: 10px; 

    -moz-border-radius-topleft: 14px;
    -moz-border-radius-topright: 14px;
    -moz-border-radius-bottomleft: 12px;
    -moz-border-radius-bottomright: 12px;
    -moz-box-shadow: 0 0 10px 0px #000000;
    
    -webkit-border-bottom-left-radius: 14px;
    -webkit-border-bottom-right-radius: 14px;
    -webkit-border-top-left-radius: 12px;
    -webkit-border-top-right-radius: 12px;
    -webkit-box-shadow: 0 0 10px 0px #000000;

    /* CSS3 selectors */
    /* 
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: 0 0 10px 10px #222222;
    */
}


/*
 * Menus and top bar
 */
#menu {
    font-family: "Univers Light";
    font-size: 10pt;
//  letter-spacing: 0.03em;
    color: #666666;
    background: #666666;
    background: url("images/bg_menu.png");
    background-repeat: repeat-x;	
//    position:fixed;
    height: 40px;
    width:980px;
    line-height: 40px;
    text-transform: uppercase;
    padding: 0px 20px 0px 0px;

    
    -moz-border-radius-topleft: 12px;
    -moz-border-radius-topright: 12px;
    
    -webkit-border-top-left-radius: 12px;
    -webkit-border-top-right-radius: 12px;
}

#menu a {
    text-decoration: none;
//    font-weight: normal;
    padding: 0 20px;
    float: right;
}

#menu a:link, #menu a:visited {
    color: #AAAAAA;
    
}

#menu a:hover {
    color: white;
    background: #F7941E;
//        background: #222222;
}
   
#menu .hi {
    font-weight: normal;

    color: white;
//    background: #F7941E;
    padding: 0 20px;
    text-decoration: none;
    float: right;
}

#menu #menu-logo {
    margin-left: 20px;
}

#submenu {
    font-family: "Univers Light";
    font-size: 10pt;
    background: url("images/bg_submenu.png") white;
    background-repeat: repeat-x;
    height: 24px;
    line-height: 18px;
    padding: 0px;
}

#submenu a {
    text-decoration: none;
    font-weight: normal;
    padding: 0 14px;

    float: right;
}

#submenu a:link, #submenu a:visited {
    color: #666666;
}

#submenu a:hover {
    color: white;
    background: #333333;
}

#submenu .hi {
    color: white;
    background: #F7941E;
    padding: 0 14px;

    float: right;
}

#top-bar {
//    background: url("images/ps_top_quote.png") white;
    background-repeat: repeat-x;
    height: 0px;

}

#top-bar #business-cards {

}


/*
 * Content and columns
 */
.content {
    background: #white;
    padding: 0 20px 0px 20px; /* FIXME */
}

.cols {
    padding-left: 0px;
    
}

.clear {
    clear: both;
}

.col-w1, .col-w2, .col-w3, .col-w4, .col-w5, .col-w6, .col-w7, .col-w8, .col-w9 {
    margin-left: 20px;
    float: left;
    
    
    /* If using a 'cols' that spans multiple rows */
    /*margin-bottom: 8px;*/ 
}



.col-w1 {
    width: 225px;
}

.col-w2 {
    width: 470px;
    margin-top: 20px;
    margin-bottom: 20px; /* FIXME */
}

.col-w3 {
    width: 708px;
}

.col-w4 {
    width: 960px;
}


.col-w5 {
	padding: 10px;
    height: 260px;
    width: 448px;
    border-style: solid;
    border-width: 1px;
    border-color: #CCCCCC;
    -moz-border-radius: 16px;
    -moz-border-radius: 16px;
    
    -webkit-border-radius: 16px;
    -webkit-border-radius: 16px;
}

.col-w6 {
	padding: 0px;
    margin-left: 0px;
    width: 960px;
    -moz-border-radius: 16px;
    -moz-border-radius: 16px;
    
    -webkit-border-radius: 16px;
    -webkit-border-radius: 16px;
}
.col-w7 {
    margin-left: 70px;
    margin-top: 40px;
    width: 225px;
}
.col-w8 {
    margin-left: 20px;
    margin-top: 40px;
    width: 225px;
}
.col-w9 {
    margin-left: 20px;
    margin-top: 40px;
    width: 180px;
}

/*.col-w1 { background: #fbb; } */
/*.col-w2 { background: #ffb; } 
/*.col-w3 { background: #bfb; } */
/*.col-w4 { background: #bbf; } */
.col-w5 { background: #EEEEEE; 
}

img.shadow {
	padding: 0px 0px 0px 0px;
    -moz-box-shadow: 2px 2px 2px 1px #CCCCCC;
    
    -webkit-box-shadow: 2px 2px 2px 1px #CCCCCC; 
}

img.shadow1 {
	padding: 0px 0px 0px 0px;
    -moz-box-shadow: 2px 2px 2px 1px #CCCCCC;
    -moz-border-radius: 16px;
    -moz-border-radius: 16px;
    
    -webkit-border-radius: 16px;
    -webkit-border-radius: 16px;
    -webkit-box-shadow: 2px 2px 2px 1px #CCCCCC; 
}



//
//    CONTACT FORM
//    

#contact-area {
	width: 370px;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 330px;
	margin: 0px 0px 5px 0px;
	border: 1px solid #CCCCCC;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 1px solid #AAAAAA;
}

#contact-area input.submit-button {
	margin-left: 65px;
	width: 100px;
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 50px;
	padding-top: 5px;
}


//
//    END CONTACT FORM
//  


//
//    JQUERY PICTURE BOX
//  
a img {
	border: 1px solid #BBB;
	padding: 2px;
	margin: 10px 20px 10px 0;
	vertical-align: top;
}

a img.last {
	margin-right: 0;	
}

ul {
	margin-bottom: 24px;
	padding-left: 30px;
}

//
//    END JQUERY PICTURE BOX
//



* {
	margin: 0;
}

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -124px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
	height: 124px; /* .push must be the same height as .footer */
}