@import "typography.css";
@import "layout.css";
@import "extras.css";
@import "wireframe.css"; /* ### DO NOT INCLUDE INTO LIVE SITE ### */

#content{
width: 980px;
margin: 0 auto;
}
#mainContent{
overflow: hidden;
}
#header{
background: url(../images/layout/header_bg.png) 0 0 no-repeat;
height: 284px;
overflow: hidden;
margin: 20px 0 0 0;
}
#branding{
overflow: hidden;
margin: 20px 0 0 150px;
}
#branding span{
color: #fff;
font-weight: bold;
font-family: "Arial";
}
#branding h1{
margin: 0;
}
#branding h1 a{
font-family: "Tahoma";
font-size: 4em;
font-weight: normal;
color: #00ff00;
text-decoration: none;
}
.callNow{
float: right;
margin: 0 130px 0 0 ;
color: #fff;
font-size: 2em;
}
#primary{
width: 494px;
height: 544px;
float: left;
background: url(../images/layout/primary_bg.png) 0 100% no-repeat;
}
.pinkTitle{
color: #f90066;
font-size: 1.6em !important;
margin: 0;
}
#primary h3{
font-size: 3.5em;
color: #f90066;
margin: 0;
}
#primary h4{
font-size: 2em;
color: #009900;
font-weight: normal;
margin: 0;
}
#primary ul{
margin: 0 0 20px 0;
}
#primary ul li{
background: url(../images/layout/ok_icon.png) 0 50% no-repeat;
height: 35px;
line-height: 40px;
padding: 0 0 5px 35px;
font-size: 1.2em;
}
#primary p{
margin: 0;
font-size: .8em;
}
#secondary{
width: 486px;
height: 544px;
float: right;
background: url(../images/layout/secondary_bg.png) 0 0 no-repeat;
}
#secondary h3{
width: 250px;
float: right;
color: #fff;
font-size: 1.5em;
margin: 0;
}
#secondary ul{
width: 250px;
float: right;
margin: 60px 0 0 0;
}
#secondary ul li{
height: 60px;
margin: 10px 0 0 0;
}
#secondary ul li span{
font-size: 1.4em;
display: block;
}
#secondary ul li a{
color: #f90066;
text-decoration: none;
font-size: 1.4em;
font-weight: bold;
}
#footer{
overflow: hidden;
background: url(../images/layout/footer_bg.png) 0 0 no-repeat;
height: 186px;
margin: 0 0 20px 0;
border: none;
padding: 80px 40px 0 40px;
}
.title{
font-size: 1.4em;
color: #fff;
}
#footer p{
margin: 0;
color: #fff;
font-size: .9em;
}
#footer h3{
margin: 20px 0 0 0;
float: left;
color: #00ff00;
font-size: 2em;
font-weight: normal;
}
#footer ul{
margin: 30px 0 0 5px;
float: left;
}
#footer ul li{
display: inline;
margin: 0 10px 0 0;
color: #fff;
}
#footer ul li a{
color: #fff;
font-weight: bold;
text-decoration: none;
}
#footer ul li a:hover{
text-decoration: underline;
}
#inner #header{
background: url(../images/layout/header_inner.png) 0 0 no-repeat;
height: 284px;
}
#inner #primary{
height: 492px;
background: none;
width: 740px;
}
#inner #secondary{
background: url(../images/layout/secondary_inner.png) 100% 0 no-repeat;
height: 492px;
width: 232px;
}
#inner #footer{
background: url(../images/layout/footer_inner.png) 0 0 no-repeat;
height: 318px;
padding-top: 150px;
}
#inner #primary h3{
font-size: 2em;
font-weight: normal;
}
#inner #primary p{
font-size: .9em;
margin: 0 0 5px 0;
}

#blanko #header{
background: url(../images/layout/header_blanko.png) 0 0 no-repeat !important;
}
#blanko #primary{
background: none !important;
}
#blanko #footer{
background: url(../images/layout/footer_blanko.png) 0 0 no-repeat !important;
padding-top: 150px;
}