a { text-decoration: none;}


@font-face 
{
    font-family: 'ArvoBold';
    
src: url('arvo-bold-webfont.eot');
    
src: url('arvo-bold-webfont.eot?#iefix') format('embedded-opentype'),
         
url('arvo-bold-webfont.woff') format('woff'),
         
url('arvo-bold-webfont.ttf') format('truetype');
    

font-weight: normal;
    font-style: normal;

}






@font-face 
{
    font-family: 'ArvoRegular';
    
src: url('arvo-regular-webfont.eot');
    
src: url('arvo-regular-webfont.eot?#iefix') format('embedded-opentype'),
         
url('arvo-regular-webfont.woff') format('woff'),
         
url('arvo-regular-webfont.ttf') format('truetype');
    
font-weight: normal;
    font-style: normal;

}



body { background:#000 url("images/bg.jpg") top center no-repeat; padding: 0; margin:0;}

@-webkit-keyframes slice 
{


0%  { right:56%; }

 
100%  { right:40%; }

}







#slice {right: 40%;z-index:0; background: url("images/bg-slice.png") top center no-repeat; 
-webkit-animation: slice 1s ease-in-out; position:absolute; height: 670px;width:1073px;}






#nav { margin-top:34px; position:absolute; left:0; top:0;}
#nav li {font-size: 17px; float: left; padding: 15px 5px 15px 20px; border-bottom: 1px solid #fff; padding-bottom: 15px; padding-top: 15px;}
#nav .logo {border-bottom: 0; margin-right: -17px; padding: 0;}
#nav li a {text-indent: -9999px; display: block;}
#nav li a:hover{ background-position:bottom left; }

#nav .home {padding-left: 40px;}
#nav .home a{ -webkit-transition: all 0.2s; background:url("images/home.png") top left no-repeat; width:50px; height:14px; }
#nav .about a{ -webkit-transition: all 0.2s; background:url("images/about.png") top left no-repeat; width:86px; height:14px; }
#nav .contact a{ -webkit-transition: all 0.2s; background:url("images/contact.png") top left no-repeat; width:84px; height:14px; }

#nav .logo a{ -webkit-transition: all 0.28s; background:url("images/logo2.png") bottom left no-repeat; width:445px; height:140px; }
#nav .logo a:hover{background-position: top right;}

ul, li {margin: 0; padding: 0; list-style: none;}

#header {height: 495px; z-index:0;}
#wrapper {z-index: 100; margin:0 auto; background-color:#111; height:340px;}
#inner-wrapper {margin:0 auto; width:960px; height: 340px; position:relative;}

#footer {position: absolute; bottom:24px; border-top: 1px solid #666; padding-top: 18px; width: 549px;}
#footer .littlelogo { background:url("images/footer-a.png") top left no-repeat; width:42px; height:22px;display:block; text-indent:-9999px;}

#right-panel {width:285px;height: 291px;float:right;margin-top: -44px; margin-right: -20px;
padding:93px 20px 0 155px;
float:right; background:url("images/right-panel.png") no-repeat;}

#right-panel p { font-family: 'ArvoRegular', sans-serif;font-size:14px; color:#2A354C; margin-bottom: 7px;}
#right-panel h3 { font-size:26px;}
#right-panel .align-right {text-align:right; margin-top: 86px; font-family: 'ArvoBold', sans-serif; color: #fff;}
#right-panel .align-right a {color: #222; margin-right: 10px;}

#contact {position:absolute; right: 0; top:0; border-bottom:1px solid #fff; width: 25%; margin-top: 46px;}
p a, p {color:#fff;text-decoration: none; margin:0;}
a:hover, p a:hover {color:#FF006E;}
h3 {font-size: 13px;color:#00CA48;font-weight:bold;font-family: 'ArvoBold', sans-serif; margin:0; text-transform:uppercase;}
.red {color:#F3004E;}
#contact p {font-size: 15px; margin:0 0 10px 0; font-weight:bold; font-family: 'ArvoBold'}
#contact p.largep {font-size: 25px;}

.quote {  position: absolute; right: 100px; top: 230px; }
.quote p {float:left; font-size: 18px;font-style:italic; font-family: 'georgia',serif; width: 300px;}
.quote p.services {width: 250px; font-style: normal; font-size: 19px;font-weight:bold; font-family: 'ArvoBold',sans-serif; margin-right:15px; text-transform:uppercase;}
.client {margin-top:13px;border-top: 1px solid #666; padding-top:10px; display:block; color:#ccc;}

.quote span.quote-mark {position:absolute; background:url("images/quote-mark.png") no-repeat; width:23px; height:19px;margin-top:-23px;}
.quote span.unquote-mark {position:absolute; background:url("images/unquote-mark.png") no-repeat; width:23px; height:19px;margin-left:6px;}
#left-panel {float:left; width:605px;padding-top: 50px;position:absolute; }
#wrapper #left-panel h3 { background:url("images/tagline.png") no-repeat; width:225px; height: 115px; display:block;text-indent:-9999px;}
#left-panel h3 {float:left;}
#left-panel p {float:left; width:298px; margin-left:27px; font-family: 'ArvoRegular', sans-serif;font-size:14px; margin-bottom: 7px;}


body.service { background:#000 url("images/bg-service.jpg") top center no-repeat;}
.service p.services { width:392px; font-size: 29px; line-height: 1.1em;}
.service #nav li.about a { background-position: bottom left;}
.service #header {height:420px;}
.service #left-panel {width:960px;}
.service #slice { height: 435px;}
.service #left-panel { padding-top: 75px;}
.service #footer {width: 960px;}
.service .littlelogo {float:left;}
.service #slice {background:url("images/bg-slice2.png") top left no-repeat;}
.service #footer .align-right {text-align:right; font-family: 'ArvoBold', sans-serif; color: #fff;}
.service #footer .align-right a {color: #222; margin-right: 10px;}

h2 { margin:0; font-family:'ArvoBold', sans-serif; color:#fff; font-size:13px; margin-bottom:4px;}

.service #left-panel .column {width: 220px; float:left; margin-right: 15px;}
.service #left-panel p {margin-left:0; font-size: 12px; width: 100%;}
.service #wrapper {height: 415px;}
.service #inner-wrapper {height:415px;}

.service.contact #nav li.about a { background-position: top left;}
.service.contact #nav li.contact a { background-position: bottom left;}
body.service.contact { background:#000 url("images/bg.jpg") top center no-repeat;}
body.service.contact #left-panel .column {width: 800px;}
body.service.contact h2 {font-size: 45px; line-height: 1em;}
body.service.contact h2 span {color:#F3004E;}
body.service.contact h2 a {color:#00CA48}
.service.contact #slice {background:url("images/bg-slice3.png") top left no-repeat;}
.service.contact #right-panel {position: fixed; margin-right: -400px;}