/* CSS Document */

body { margin:0; background:#1D1D1D; color:#fff; font:14px Arial, Helvetica, sans-serif; }

img, #logo { behavior: url(iepngfix.htc);}

a { color:#DF00C2; outline:none; }

a img { border:0; }

a:hover { color:#999; text-decoration:none; }

h1 { clear:both; font-size:25px; font-weight:normal; margin:30px 0 10px; line-height:40px; padding:10px 0 0 4px; color:#fff; border-bottom:1px solid #B0009A;  }

#wrapper { width:980px; margin:0 auto; background:url(../images/banner-bg2.jpg) top right no-repeat; height:800px; }

#logo { width:380px; height:88px; float:right; position:relative; top:35px; margin-right:54px; _margin-right:27px; }

#menu { width:975px; padding:5px 0px; border-bottom:1px solid #B0009A; float:left; margin-top:50px; width:100%; }
#menu ul { margin:0; padding:0; list-style-type:none; }
#menu li { margin:0 20px 0 0; padding:0; display:inline; }
#menu li a { color:#fff; text-decoration:none; padding:5px 6px; }
#menu li a:hover { color:#DF00C2; }
#menu li a.in { color:#000; background:#DF00C2; }
#menu li a.in:hover { color:#000; }

/*** HOMEPAGE ***/

#slidehome { position:absolute; width:980px; height:307px; border-bottom:1px solid #B0009A; }
#slidehome img { position:absolute; top:0; left:0; z-index:8; opacity:0.0; }
#slidehome img.active { z-index:10; opacity:1.0; }
#slidehome img.last-active { z-index:9;}

.panel { width:300px; float:left; }
.panel.middle { margin:0 40px; }

.home-text { padding:5px; text-align:justify; font-size:12px; line-height:17px; color:#ccc; }
.home-text ul { margin:20px 0 0 25px; padding:0; list-style-type:disc; font-size:13px; color:#fff; }
.home-text li { margin:0; padding:0 0 8px 3px; }

/*** GALLERY ***/

.gallery h1 { color:#B0009A; }

#gallery-text { text-align:justify; font-size:12px; line-height:18px; color:#ccc; padding:5px; z-index:999; }

.gallery a img { width:140px; height:140px; border:1px solid #fff; margin:15px 17px 15px 6px; float:left; }
.gallery a img.last { margin-right:0; }
.gallery a img:hover { border-color:#B0009A; }

/*** CLIENT LIST ***/

#clients { width:345px; float:left; }
#clients ul { margin:10px; padding:5px; list-style-type:square; }
#clients li { margin:10px; padding:5px; }

#publications { width:341px; float:left; margin-left:23px; }
#publications ul { margin:10px; padding:5px; list-style-type:square; }
#publications li { margin:10px; padding:5px; }

#clients-pics { width:244px; float:right; }
#clients-pics #gallery { margin:65px 0 0 20px; }
#clients-pics #gallery a img { width:140px; height:140px; border:1px solid #fff; margin:15px 33px 15px 28px; float:left; }
#clients-pics #gallery a img:hover { border-color:#B0009A; }


/*** ABOUT ***/

#about { width:537px; float:right; }
#about div { padding:20px 5px; text-align:justify; font-size:12px; line-height:18px; color:#ccc; }

#about-pic { width:413px; float:left;  }
#about-pic div { padding:20px 0; text-align:center; }

/*** Contact ***/

#contact { width:450px; float:right; }

#contact-pics { width:500px; height:390px; float:left; position:relative; }

#slideshow { position:absolute; width:503px; height:390px; margin-top:20px; }
#slideshow img { position:absolute; top:0; left:0; z-index:8; opacity:0.0; }
#slideshow img.active { z-index:10; opacity:1.0; }
#slideshow img.last-active { z-index:9;}


#feedback { border:1px solid #B0009A; padding:10px; width:428px; height:360px; line-height:18px; margin:30px 0 10px; }
form{ margin:0px; padding:20px ; }
label { font-size:16px; float:left; width:140px; padding-top:6px; color:#fff; }
input { border:1px solid #B0009A; width:225px; float:left; color:#B0009A; padding:4px; font-size:16px; background:#1D1D1D; }
textarea { border:1px solid #B0009A; width:230px; height:160px; float:left; color:#fff; padding:4px; font-size:16px; background:#1D1D1D; font-family:Arial, Helvetica, sans-serif; }
#submit { font-size:16px; background:#B0009A; border:1px solid #B0009A; color:#fff; padding:5px 10px; width:240px; position:relative; left:140px; cursor:pointer; }
#submit:hover { background:#1D1D1D; }

#feedback div { text-align:center; font-size:26px; color:#B0009A; line-height:30px; } 

/*** FOOTER ***/

#footer { margin:20px 0 40px; padding:10px 5px 25px; border-top:1px solid #B0009A; border-bottom:1px solid #B0009A; font-size:11px; }
#footer #details { width:720px; float:left; text-align:left; }
#footer #hilmon { width:120px; float:right; text-align:right; }

/*** MISC. CLASSES ***/

.pink { color:#DF00C2; }
.clear { clear:both; }