/* CSS Document */

body{
   margin:0px; padding:5px 0px 5px 0px;
   font-family:Georgia, "Times New Roman", Times, serif; 
   font-size:18px;
   color:#452009;
   background-color:#34180A;
   }
   
.wrapper{width:875px; height:100%; margin-left:auto; margin-right:auto;}

/* top */

.logo{float:left; width:399px; height:130px;}

.top_left{float:left; width:476px; height:130px;}

/* top-menu */

.menu{width:476px; height:28px;}

#about{width:78px; height:28px; float:left; }
a#about{background:url(images/about.jpg) no-repeat; text-decoration:none; width:78px; height:28px; display:block;}
a#about:hover{background:url(images/about.jpg) no-repeat 0px -28px; text-decoration:none;}
.about{background:url(images/about.jpg) no-repeat 0px -28px; width:78px; height:28px; float:left;}

#project{width:111px; height:28px; float:left; }
a#project{background:url(images/products.jpg) no-repeat; text-decoration:none; width:111px; height:28px; display:block;}
a#project:hover{background:url(images/products.jpg) no-repeat 0px -28px; text-decoration:none;}
.project{background:url(images/products.jpg) no-repeat 0px -28px; width:111px; height:28px; float:left;}

#news{width:70px; height:28px; float:left; }
a#news{background:url(images/news.jpg) no-repeat; text-decoration:none; width:70px; height:28px; display:block;}
a#news:hover{background:url(images/news.jpg) no-repeat 0px -28px; text-decoration:none;}

#contact{width:102px; height:28px; float:left; }
a#contact{background:url(images/contact.jpg) no-repeat; text-decoration:none; width:102px; height:28px; display:block;}
a#contact:hover{background:url(images/contact.jpg) no-repeat 0px -28px; text-decoration:none;}
.contact{background:url(images/contact.jpg) no-repeat 0px -28px; width:102px; height:28px; float:left;}

#clints{width:77px; height:28px; float:left; }
a#clints{background:url(images/clints.jpg) no-repeat; text-decoration:none; width:77px; height:28px; display:block;}
a#clints:hover{background:url(images/clints.jpg) no-repeat 0px -28px; text-decoration:none;}
.clints{background:url(images/clints.jpg) no-repeat 0px -28px; width:77px; height:28px; float:left;}

/*content */

.content{background:url(images/contentbg.jpg) repeat-y;}
.contenttop{background:url(images/content_top.jpg) no-repeat top;}
.contentbottom{background:url(images/contentbottom.jpg) no-repeat bottom;}


.homepd{padding:42px 120px 23px 120px;}
.aboutpd{padding:51px 120px 23px 120px;}
.contactpd{padding:50px 120px 28px 120px;}
.clientspd{padding:45px 120px 26px 120px;}
.projectpd{padding:42px 120px 23px 120px;}
.bussmediaserpd{padding:115px 120px 20px 120px;}
.projectsfilm{padding:48px 120px 23px 120px;}
.filmvideo1{padding:115px 120px 20px 120px;}
.projectsbreathers{padding:46px 120px 21px 100px;}
.projectscoupdegrace{padding:49px 120px 23px 100px;}
.projectsreckoning{padding:49px 120px 23px 100px;}
.projectscake{padding:46px 120px 21px 100px;}
.projectsgalileo{padding:41px 120px 18px 100px;}
.projectsrenman{padding:45px 120px 22px 100px;}
.projectscleaner{padding:45px 120px 22px 100px;}
.projectsthekeptman{padding:45px 120px 22px 100px;}
.projectshelpme{padding:45px 120px 22px 100px;}
.projectsweb312{padding:45px 120px 22px 100px;}


#businessservices{width:302px; height:136px; float:left; }
a#businessservices{background:url(images/businessmediaservices.png) no-repeat; text-decoration:none; width:302px; height:136px; display:block;}
a#businessservices:hover{background:url(images/businessmediaservices.png) no-repeat 0px -166px; text-decoration:none;}

#filmvideo{width:302px; height:166px; float:left; }
a#filmvideo{background:url(images/filmvideoproduction.png) no-repeat; text-decoration:none; width:302px; height:166px; display:block;}
a#filmvideo:hover{background:url(images/filmvideoproduction.png) no-repeat 0px -166px; text-decoration:none;}


.clientpage{background:url(images/clentpagebg.jpg) repeat-y; padding:0px 15px 0px 15px; font-size:15px; font-weight:bold; line-height:1.8em;}
.clientpage a{text-decoration:none; color:#34180A;}
.clientpage a:hover{text-decoration:underline; color:#FF0000;}

.businestext{font-size:13px; font-weight:bold; padding:46px 20px 30px 22px; background: url(images/img3.png) no-repeat; text-align:center;}

.filmvideo{font-size:12px; font-weight:bold; padding:33px 20px 30px 24px; background:url(images/img3.png) no-repeat; text-align:center;}

.smallfont{font-size:15px; color:#452009; font-family:Georgia;}
.bigfont{font-size:22px; color:#452009; font-family:Georgia; font-weight:bold;}

.videopage{padding-left:80px;}
