@charset "utf-8";
/* CSS Document */

body {
margin:0px;
padding:0px;
background:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#656565;
line-height:19px;
}

img, a {
border:none;
padding:0px;
margin:0px;
}

.block {display:block}
.right {float:right;}
.left {float:left;}
.clear {clear:both;float:none;}

.swiss-cufon {
color:#ff8a00;
font-size:34px;
position:relative;
bottom:5px;
right:1px;
}

.s34 {font-size:34px;}

.skeleton, #footer {
width:962px;
position:relative;
left:50%;
margin-left:-481px;
}

#footer-top {
width:780px;
padding:15px 0px 9px 154px;
height:17px;
background:#00CC00;
font-size:11px;
background:url(../images/footer-logo.gif) 0px 9px no-repeat;
clear:both;
float:none;
margin-left:15px;
}

#footer-hline {
width:934px;
font-size:1px;
height:1px;
background:url(../images/px1a1a1a.gif) repeat-x;
margin-left:15px;
}

.footer-links-area-l {
width:154px;
padding:10px 0px 15px;
float:left;
}

.footer-links-area-r {
width:158px;
padding:10px;
float:right;
}

#footer a {
font-size:11px;
color:#555;
text-decoration:underline;
}

#footer a:hover {color:#7c7c7c;}

#top-header {
height:22px;
text-align:right;
}

.content-holder {
min-height:770px;
_height:770px;
}

#outer {background:url(../images/bgrnd-top.jpg) center top no-repeat;}
#inner {background:url(../images/bgrnd-bottom.jpg) center bottom no-repeat;}

.top-header-txt {
margin-top:3px;
font-size:13px;
float:right;
}

.orange {
color:#eb8122;
}

.orange-copy {
color:#eb8122;
font-size:16px;
}

.orangelink {
color:#eb8122;
text-decoration:underline;
}

.orangelink02 {
color:#eb8122;
text-decoration:underline;
font-size:14px;
padding:13px 0px 2px;
display:block;
}

.orangelink:hover, .orangelink02:hover {text-decoration:none;}

.lightgrey {color:#bdbdbd;}
.white {color:#fff;}

#top-header a {
display:block;
text-decoration:none;
float:left;
}

#top-header a:hover {
text-decoration:underline;
}

.page-box {
width:100%;
background:#131313;
clear:both;
}

#bottom-header {
width:962px;
height:49px;
padding:31px 10px 16px 13px;
}

#top-logo {
float:left;
display:block;
width:277px;
height:45px;
background:url(../images/absolute-creative-top-logo.png) no-repeat;
text-indent:-9999px;
overflow:hidden;
}

#main-navigation {
padding-top:25px;
width:461px;
height:20px;
float:right;
padding-right:13px;
}

#main-navigation a {
display:block;
background-image:url(../images/top-navigation.png);
background-repeat:no-repeat;
height:20px;
text-indent:-9999px;
overflow:hidden;
float:right;
}

#home-main-navig {
width:55px;
background-position:0px 0px;
}

#approach-main-navig {
width:88px;
background-position:-61px 0px;
margin-left:20px;
}

#services-main-navig {
width:78px;
background-position:-156px 0px;
margin-left:20px;
}

#clients-main-navig {
width:60px;
background-position:-240px 0px;
margin-left:20px;
}

#contacts-main-navig {
width:81px;
background-position:-307px 0px;
margin-left:20px;
}

#home-main-navig:hover {background-position:0px -20px;}
#approach-main-navig:hover {background-position:-61px -20px;}
#services-main-navig:hover {background-position:-156px -20px;}
#clients-main-navig:hover {background-position:-240px -20px;}
#contacts-main-navig:hover {background-position:-307px -20px;}

#home-page #home-main-navig {background-position:0px -40px;}
#approach #approach-main-navig {background-position:-61px -40px;}
#clients #clients-main-navig {background-position:-240px -40px;}
#services #services-main-navig {background-position:-156px -40px;}
#contacts #contacts-main-navig {background-position:-307px -40px;}

#dynamic-spans-bgrnd {
width:947px;
height:350px;
background:url(../images/ajax-banner.jpg) no-repeat;
margin-bottom:36px;
padding:13px 0px 0px 15px;
}

#dynamic-spans-holder {
width:936px;
height:337px;
overflow:hidden;
}

#main-content-area {
width:588px;
padding:0px 30px 36px 13px;
}

.contitle {
height:37px;
font-size:34px;
position:relative;
}

.hline03 {
font-size:1px;
height:3px;
width:100%;
background:url(../images/greydot.gif) repeat;
}

.hline04 {
font-size:1px;
height:1px;
width:100%;
background:url(../images/greydot.gif) repeat;
float:left;
margin-top:22px;
}

.hline01 {
font-size:1px;
height:1px;
width:100%;
background:url(../images/greydot.gif) repeat-x;
}

.vline01 {
font-size:1px;
width:1px;
background:#424242;
}

.vline02 {
font-size:1px;
width:1px;
background:#424242;
margin:0px 2px;
}

#home-vline {
height:491px;
margin-top:37px;
font-size:1px;
}

#welcome-copy {
padding-top:21px;
height:303px;
}

#news-area {
width:588px;
height:105px;
padding-top:18px;
}

.news-article {
width:282px;
height:105px;
float:left;
}

.news-thumbnail {
width:66px;
height:66px;
padding:6px;
background:#2b2b2b;
float:left;
}

.news-preview-copy {
padding-left:10px;
float:left;
}

.news-preview-date {
color:#bdbdbd;
font-size:15px;
height:23px;
}

.news-preview-desc {
font-size:12px;
line-height:17px;
width:194px;
}

.top-header-lnk {
color:#bdbdbd;
text-decoration:none;
margin-top:3px;
font-size:13px;
float:right;
}

.contact-lnk {
color:#fff;
text-decoration:underline;
font-size:13px;
}

.contact-lnk:hover {text-decoration:none;}

#large-ajax-area {
height:528px;
width:612px;
float:left;
padding-left:13px;
}

#projects-area {
height:528px;
width:289px;
float:left;
padding-left:30px;
}

.home-project-preview {
padding-top:18px;
width:289px;
height:226px;
background:url(../images/greydot.gif) bottom repeat-x;
}

.home-project-thumbnail  {
width:276px;
height:146px;
background:#2b2b2b;
padding:6px;
}

.home-project-image {
width:276px;
height:146px;
display:block;
text-indent:-9999px;
background-repeat:no-repeat;
}

#home-project-broadway {background:url(../images/project-preview-broadway.jpg);}
#home-project-catholic {background:url(../images/project-preview-catholic.jpg);}

.home-project-date {
font-size:15px;
color:#bdbdbd;
padding:13px 0px 2px;
}

/*larger font on home projects names as per PSD*/
.orange-projects-home {
font-size:15px;
color:#eb8122;
padding:13px 0px 2px;
}

/*smallerfont on home projects names */
.orange-projects-home02 {
font-size:14px;
color:#eb8122;
padding:13px 0px 2px;
}

.home-project-url {
font-size:15px;
color:#eb8122;
text-decoration:none;
}
.home-project-url:hover {text-decoration:underline;}

#approach-copy, #services-copy {
padding-top:21px;
}

.font12 {
font-size:13px;
line-height:normal;
}

#approach-content {
height:500px;}

#approach-vline {
height:464px;
margin-top:37px;
font-size:1px;
}

.lgray-lnk {
color:#bdbdbd;
text-decoration:none;
}
.lgray-lnk:hover {
text-decoration:underline;
}

.testimonial-copy {
padding-top:20px;
font-size:13px;
line-height:normal;
}

#testimonial-area-holder {
height:501px;
width:289px;
float:left;
padding-left:30px;
}

.testimonial-area {
padding-top:21px;
height:439px;
}

#main-clients-area {
width:296px;
padding:0px 13px 36px;
}

#clients-area-holder {
height:310x;
width:615px;
float:left;
padding-left:13px;
}

.clients-area {
float:left;
text-align:left;
}

#clients-area-01 {width:230px;}
#clients-area-02 {width:205px;}
#clients-area-03 {width:180px;}

#clients-content {
height:371px;}

.clients-list-holder, .services-list-holder {
height:310px;
padding-top:21px;
}

#clients-vline {
height:335px;
margin-top:37px;
font-size:1px;
}

#webdesign-vline {
height:447px;
margin-top:37px;
font-size:1px;
}

.services-area {
float:left;
text-align:left;
}
#services-area-01 {width:370px;}
#services-area-02 {width:235px;}

.arrowitem {
padding-left:12px;
background:url(../images/arrow-item.gif) 0px 7px no-repeat;
}

.arrowitem-ltg {
padding-left:12px;
background:url(../images/arrow-item.gif) 0px 7px no-repeat;
color:#bdbdbd;
}

.main-contact-area {
width:288px;
padding:0px 19px 0px 13px;
float:left;
}

.main-contact-area02 {
float:left;
background:url(../images/vline-bgrnd.gif) repeat-y;
}

.contacts-content02 {
width:282px;
padding:0px 19px 52px;
background:url(../images/contacts-middletop-bgrnd.gif) top no-repeat;}

.main-contact-area03 {
width:290px;
padding:0px 11px 36px 19px;
float:left;
}


#contact-bottom-hlines {
background:url(../images/contacts-bottom-hline.gif) 13px top no-repeat;
width:950px;
height:40px;
clear:both;
}

.contacts-vline {
height:100%;
margin-top:37px;
font-size:1px;
width:1px;
background:#424242;
float:left;
}

.form-field-border {
background:#a09f9f;
padding:1px;
margin-bottom:24px;
}

.txt-field01 {
background:#aeadad;
border:none;
height:20px;
padding:2px 3px 0px;
width:274px;
color:#424242;
}
.txt-field02 {
background:#aeadad;
border:none;
height:195px;
padding:2px 3px 0px;
width:274px;
color:#424242;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}

#contact-form {
margin:0px;
padding:0px;}

.contacts-form-button {
display:block;
background-image:url(../images/form-buttons.gif);
text-indent:-9999px;
overflow:hidden;
float:right;
border:none;
}

#submit-button {
width:51px;
height:16px;
margin-left:20px;
background-position:-42px 0px;
cursor:pointer;
}

#submit-button:hover {background-position:-42px -16px;}

#reset-button {
width:41px;
height:16px;
background-position:0px 0px;
cursor:pointer;
}

#reset-button:hover {background-position:-0px -16px;}

#mapholder {
background:#424242;
width:283px;
height:283px;
padding:3px;
margin-top:17px
}

#gmap {
width:283px;
height:283px;
}

#wd-content {
height:483px;}

.large-ajax {
padding-top:22px;
}

#email-notification {
background:#323232;
padding:5px;
color:#bdbdbd;
font-size:12px;
line-height:14px;
margin-bottom:15px;}