BODY { margin: 0; padding: 0; background: #A40B55 url(../images/bg-body.gif) repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 13px;}
A IMG { border: none;}
FIELDSET { margin: 0; padding: 0; border: none;}

#special-font { background: url(../images/circled-arrow.png) no-repeat 0 5px; padding-left: 43px;}

.header { width: 960px; padding: 0 20px; margin: 0 auto; height: 53px;}
.header P { margin: 0; padding: 20px 0 0 0; float: right;}


.header UL { margin: 11px 0 0 0; padding: 0; list-style: none; height: 42px; float: left;}
.header LI { float: left; margin-right: 2px;}
.header LI A { display: block; float: left; height: 35px; padding-top: 6px; color: #857A8C; text-decoration: none; font-size: 18px; white-space: nowrap; text-align: center;}
#active-nav { color: #FFFFFF;}

#nav-home, #nav-home-active { width: 78px;}
#nav-about, #nav-about-active { width: 104px;}
#nav-portfolio, #nav-portfolio-active { width: 96px;}
#nav-contact, #nav-contact-active { width: 90px;}

#nav-home:hover, #nav-home-active { background: url(../images/nav-home.gif); color:#FFFFFF;}
#nav-about:hover, #nav-about-active { background: url(../images/nav-about.gif); color:#FFFFFF;}
#nav-portfolio:hover, #nav-portfolio-active { background: url(../images/nav-portfolio.gif); color:#FFFFFF;}
#nav-contact:hover, #nav-contact-active { background: url(../images/nav-contact.gif); color:#FFFFFF;}



.footer { background: #230C33; color: #A899B2;}
.footer UL { margin: 30px 0 30px 40px; padding: 0; color: #57193B; float: left; width: 210px;}
.footer UL A { color: #A899B2; text-decoration: none;}
.footer UL A:hover { color: #FFFFFF; text-decoration: underline;}
.footer LI { margin-bottom: 8px;}
.footer P { margin: 0; padding: 0; clear: both; float: none;}
.footer DIV { width: 1000px; height: 161px; margin: 0 auto; background: url(../images/bg-footer.gif) 0 -1px;}


.logo { width: 960px; padding: 0 20px; margin: 0 auto; height: 176px; background: url(../images/bg-logo.jpg); z-index: 10;}

/* home page */
.home-about { width: 430px; height: 271px; padding: 167px 515px 0 55px; margin: -137px auto 20px auto; background: url(../images/bg-home-about.jpg); color: #94788B; z-index: 11;}
.home-about P { margin: 0; padding: 15px 0;}

.latest-works { background: url(../images/bg-latest-works.gif); width: 930px; height: 241px; padding: 27px 20px 0 50px; margin: 0 auto 20px auto;}
.latest-works P { margin: 0; padding: 15px 50px 0 0; font-size: 16px;}
.latest-works P A { color: #F2F2F2; text-decoration: none;}
.latest-works P A:hover { text-decoration: underline;}

/* carousel stuffs */
.stepcarousel{ position: relative; overflow: scroll; width: 895px; height: 147px; margin: 15px 0 0 0; padding: 0; }
.stepcarousel .belt{ position: absolute; left: 0; top: 0; }
.stepcarousel .panel{ float: left; overflow: hidden; margin: 0 8px; width: 215px; }
.stepcarousel .panel IMG { border: 1px solid #D20073;}
/* end carousel stuffs */

/* common */
.about, .payment, .contact, .resources, .sitemap, .portfolio { width: 925px; padding: 28px 17px 28px 18px; background: #310319 url(../images/bg-grad01.jpg) repeat-x; margin: 0 auto; color: #94788B; margin-bottom: 20px;}
.col-left { width: 640px; float: left; margin-right: 25px;}
.col-right { width: 231px; float: left;}


/* about page */
.col-left P { margin: 0; padding: 0 0 15px 0;}
.ims { background: #0F0107; padding: 20px 3px 15px 20px; margin: 20px auto; font-size: 14px; color: #94788B;}
.ims H4 { color: #ffffff; margin: 0 0 9px 0; padding: 0;}
.ims P { margin: 0; padding: 9px 0;}
.ims P STRONG { color: #A40B55;}
.ims EM { font-size: 11px;}

.testimonials H5 { font-size: 16px; margin: 0 0 25px 0; padding: 0;}
.testimonials EM { font-size: 15px;}
.testimonials H6 { font-size: 16px; margin: 20px 0; padding: 0; text-align: right;}

/* contact page */
.contact FORM { margin: 45px 0;}
.contact FORM LABEL { width: 200px; text-align: right; display: block; float: left; font-weight: bold; margin-right: 10px; padding-top: 8px;}
.contact FORM INPUT[type=text] { width: 213px; height: 22px; padding: 8px 5px 0 5px; background: url(../images/bg-input.gif); border: none; color: #505050; font-family: Arial, Helvetica, sans-serif; font-size: 13px;}
.contact FORM TEXTAREA { width: 371px; height: 138px; padding: 8px 5px; border: none; background: url(../images/bg-text-area.gif); color: #505050; font-family: Arial, Helvetica, sans-serif; font-size: 13px;}
.contact FORM INPUT[type=submit] { width: 103px; height: 30px; border: none; cursor: pointer; background: url(../images/button-submit.gif);}
#email-sent { background: #4E0528; border: 1px solid #950051; text-align: center; padding: 40px 0; width: 455px; margin: auto; font-size: 16px; font-weight: bold; color: #ffffff; line-height: 40px;}
#email-sent STRONG{ font-size: 24px; color: #C5016C;}

/* resource Page*/
.resources .sponsor IMG { border: 1px solid #D20073;}
.resource-links IMG { margin: 10px 45px 10px 0;}
.resources .nomargin, .nomargin { margin-right: 0;}

/* sitemap */
.sitemap A { font-size: 13px; color: #ffffff;}
.sitemap A:hover { color: #CCCCCC;}
.sitemap UL { margin: 0; padding: 0; float: left; margin:0 40px;}
.sitemap LI { margin-bottom: 13px;}

/* portfolio page */
.portfolio { font-size: 18px; color: #94788B;}
.portfolio STRONG { color: #ffffff; font-weight: normal}
.portfolio A { color: #94788B; text-decoration: none;}
.portfolio A:hover { color: #ffffff; text-decoration: underline;}

.portfolio FIELDSET { text-align: center;}
.portfolio .paysites IMG { border: 1px solid #9F1E69; margin: 15px 5px}
.portfolio .galleries IMG { border: 1px solid #9F1E69; margin: 15px 3px}
.portfolio .banners IMG { border: 1px solid #9F1E69; margin: 15px 10px}
.banners120x600
.portfolio-nav, .pagination, .banner-sizes { background: #15020D; padding: 15px;}

.banner-sizes { margin-top: -15px;}