* { 
margin : 0; 
padding : 0; 
} 
body { 
background : #076786 url(../images/frontline-bg.png) no-repeat center top; 
font-family : Georgia, "Times New Roman", Times, serif; 
font-size : 14px; 
color : #333333; 
line-height : 21px; 
} 
a { 
outline : none; 
color : #006699; 
text-decoration : none; 
} 
a:hover { 
text-decoration : underline; 
} 
a.loc, a.loc:hover { 
text-indent : -100000px; 
} 
.red { 
color : #f26c4f; 
} 
#header { 
height : 190px; 
position : fixed; 
width : 940px; 
z-index : 500; 
top : 0; 
left : 50%; 
margin-left : -470px; 
} 
div.logo { 
float : left; 
padding-top : 30px; 
width : 300px; 
position : relative; 
} 
div.nav { 
float : right; 
width : 550px; 
height : 56px; 
} 
div.nav ul { 
list-style-type : none; 
} 
div.nav li { 
float : left; 
text-indent : -9999px; 
} 
div.nav li a { 
display : block; 
margin-left : 5px; 
margin-right : 5px; 
} 
a.top { 
width : 36px; 
height : 56px; 
background-image : url(../images/frontline-top-arrow.png); 
background-repeat : no-repeat; 
background-position : left top; 
} 
a.portfolio { 
height : 41px; 
margin-top : 7px; 
width : 115px; 
background : url(../images/frontline-port-tab.png) no-repeat left top; 
} 
a.what { 
height : 41px; 
margin-top : 7px; 
width : 115px; 
background : url(../images/frontline-top-what.png) no-repeat left top; 
} 
a.about { 
height : 41px; 
margin-top : 7px; 
width : 77px; 
background : url(../images/frontline-top-about.png) no-repeat left top; 
} 
a.contact { 
height : 41px; 
margin-top : 7px; 
width : 97px; 
background : url(../images/frontline-top-contact.png) no-repeat left top; 
} 
a.freebies { 
height : 41px; 
margin-top : 7px; 
width : 97px; 
background : url(../images/frontline-frontline-top-freebies.png) no-repeat left top; 
} 
a.portfolio:hover, a.what:hover, a.about:hover, a.contact:hover, a.freebies:hover { 
background-position : left -41px; 
} 
.wide { 
width : 100%; 
} 
#opening, #block-portfolio, #block-what, #block-about { 
height : 750px; 
padding-bottom : 0; 
width : 940px; 
margin : 0 auto; 
} 
#block-contact { 
height : 1000px; 
width : 940px; 
margin : 0 auto; 
} 
#opening h1 { 
width : 671px; 
height : 76px; 
background : url(../images/frontline-title.png) no-repeat left bottom; 
text-indent : -9999px; 
margin-left : 25px; 
padding : 250px 0 0 0; 
} 
#opening h2 { 
text-indent : -9999px; 
} 
#opening p { 
color : #fff; 
font-size : 18px; 
line-height : 24px; 
margin-left : 40px; 
width : 500px; 
} 
.plane { 
background : url(../images/frontline-plane.png) no-repeat center 250px; 
} 
#block-portfolio h2 { 
width : 410px; 
height : 90px; 
text-indent : -9999px; 
background : url(../images/frontline-title-portfolio.png) no-repeat left top; 
position : relative; 
left : 330px; 
top : 165px; 
} 
.port-back { 
height : 300px; 
width : 620px; 
background : #dedede; 
position : relative; 
left : 325px; 
top : 225px; 
} 
.stepcarousel { 
position : relative; 
overflow : scroll; 
width : 610px; 
height : 290px; 
left : 5px; 
top : 5px; 
} 
.stepcarousel .belt { 
position : absolute; 
left : 0; 
top : 0; 
} 
.stepcarousel .panel { 
float : left; 
overflow : hidden; 
margin : 0; 
width : 610px; 
} 
#portfolio-cycle img { 
border : none; 
} 
#clients { 
position : relative; 
top : 235px; 
left : 325px; 
height : 55px; 
width : 620px; 
background : url(../images/frontline-clients.png) no-repeat left top; 
} 
.services { 
background : url(../images/frontline-services-bg.png) no-repeat center top; 
} 
#block-what h2 { 
width : 590px; 
height : 120px; 
text-indent : -9999px; 
background : url(../images/frontline-title-services.png) no-repeat left top; 
position : relative; 
left : 330px; 
top : 165px; 
} 
.bespoke { 
width : 235px; 
position : relative; 
top : 310px; 
left : 30px; 
color : #003333; 
} 
.left-col { 
width : 370px; 
position : relative; 
top : 90px; 
left : 330px; 
} 
.service-list { 
width : 210px; 
position : relative; 
top : -220px; 
left : 730px; 
list-style-type : none; 
} 
.service-list li { 
line-height : 23px; 
padding-left : 25px; 
background : url(../images/frontline-tick.png) no-repeat left center; 
} 
.about-me { 
background : url(../images/frontline-about-bg.png) no-repeat center top; 
} 
#block-about h2 { 
width : 410px; 
height : 90px; 
text-indent : -9999px; 
background : url(../images/frontline-title-about.png) no-repeat left top; 
position : relative; 
left : 330px; 
top : 165px; 
} 
.about-left { 
position : relative; 
left : 320px; 
top : 220px; 
width : 300px; 
} 
.about-right { 
position : relative; 
left : 640px; 
top : -220px; 
width : 300px; 
} 
.about-left p, .about-right p { 
margin-bottom : 15px; 
color : #fff; 
} 
.contact-me { 
background : url(../images/frontline-contact-bg.png) no-repeat center top; 
} 
#block-contact h2 { 
width : 480px; 
height : 90px; 
text-indent : -9999px; 
background : url(../images/frontline-title-contact.png) no-repeat left top; 
position : absolute; 
margin : 165px 0 0 330px; 
} 
.contact-left { 
position : absolute; 
width : 400px; 
margin-top : 300px; 
margin-right : 0; 
margin-bottom : 0; 
margin-left : 0; 
padding-left : 350px; 
} 
.contact-right { 
position : absolute; 
width : 455px; 
margin : 320px 0 0 410px; 
} 
p#success { 
padding : 3px 10px; 
background : #d1eaac; 
border : 1px solid #acd373; 
color : #406618; 
margin-bottom : 10px; 
text-align : center; 
} 
p#bademail, p#badserver { 
padding : 3px 10px; 
background : #f0dad6; 
border : 1px solid #e4c4be; 
color : #f26c4f; 
margin-bottom : 10px; 
text-align : center; 
} 
.input-name { 
height : 35px; 
width : 305px; 
background : url(../images/frontline-input-name.png) no-repeat left top; 
padding : 10px 0 0 70px; 
} 
.input-email { 
height : 35px; 
width : 305px; 
background : url(../images/frontline-input-email.png) no-repeat left top; 
padding : 10px 0 0 70px; 
} 
.input-message { 
height : 80px; 
width : 455px; 
background : url(../images/frontline-input-message.png) no-repeat left top; 
padding : 40px 0 0 20px; 
} 
input#nameinput, input#emailinput { 
border : none; 
padding-top : 3px; 
height : 18px; 
font-family : Georgia, "Times New Roman", Times, serif; 
font-size : 14px; 
color : #666; 
} 
textarea#commentinput { 
border : none; 
font-family : Georgia, "Times New Roman", Times, serif; 
line-height : 21px; 
font-size : 14px; 
color : #666; 
height : 63px; 
width : 415px; 
} 
.alignright { 
float : right; 
} 
#twit-twit { 
list-style-type : none; 
font-size : 14px; 
color : #666; 
position : absolute; 
margin : 610px 0 0 20px; 
width : 195px; 
font-style : italic; 
} 
.find { 
text-align : center; 
padding-top : 60px; 
background : url(../images/frontline-mail.png) no-repeat center 15px; 
} 
.find a img { 
border : none; 
} 
body.modal { 
background : none; 
} 
.modal-frame { 
width : 760px; 
padding : 20px; 
background : url(../images/frontline-modal-bg.gif) repeat-x left top; 
} 
.modal-left { 
width : 300px; 
float : left; 
} 
.modal-right { 
width : 450px; 
float : right; 
} 
.clear { 
clear : both; 
} 
.clear-left { 
clear : left; 
} 
.modal-list { 
margin : 15px 0 0 0; 
background : url(../images/frontline-work-inlcuded.png) no-repeat left top; 
padding : 30px 0 0 0; 
} 
.modal-list ul { 
list-style-type : none; 
width : 225px; 
float : left; 
padding-bottom : 20px; 
} 
.modal-list li { 
padding-left : 25px; 
background : url(../images/frontline-tick.png) no-repeat left 3px; 
}