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

html { background-image: url(images/bg-repeat.jpg); background-repeat: repeat; }

body { width:1166px; height:928px; background-image: url(images/background.jpg); background-repeat: no-repeat; margin: 0px; padding: 0px; position: relative; font-size: 12px; font-family: helvetica, arial , sans-serif; line-height: 14px; }

img { border: none; }

#navbar { position: absolute; left: 75px; top: 9px; margin: 0px; padding: 0px; }

a { color: #000; text-decoration: underline; }

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

/*-----------------HOMEPAGE----------------*/

#home-page {position: absolute; top: 240px; left: 135px; width: 721px; height: 503px; background-image: url(images/home-page.jpg); margin: 0px; padding: 0px;}

#home-page p {margin: 0px 0px 5px 0px; padding: 0px;}

#hire p { color: #fff; }

#licensing { position: absolute; top: 228px; left: 30px; width: 190px; height: 200px; margin: 0px; padding: 0px; }

#tv { position: absolute; top: 228px; left: 270px; width: 190px; height: 200px; margin: 0px; padding: 0px; }

#hire { position: absolute; top: 228px; left: 515px; width: 180px; height: 200px; margin: 0px; padding: 0px; }

#licensing a { width: 134px; height: 22px; background-image: url(images/find-out-more-tv.gif); background-position: center;  padding: 0px; margin: 0px;  display: block; text-decoration: none; }

#tv a { width: 134px; height: 22px; background-image: url(images/find-out-more-licensing.gif); background-position: center;  padding: 0px; margin: 0px;  display: block; text-decoration: none; }

#hire a { width: 134px; height: 22px; background-image: url(images/find-out-more-hire.gif); background-position: center;  padding: 0px; margin: 0px;  display: block; text-decoration: none; }

#licensing_but {position: absolute; top: 20px; left: 15px; width: 215px; height: 380px; display: block; }

#ourtvstuff_but {position: absolute; top: 20px; left: 250px; width: 215px; height: 380px; display: block; }

#hireourstudio_but {position: absolute; top: 20px; left: 500px; width: 215px; height: 380px; display: block; }

/*-----------------SERVICES----------------*/

#services-licensing {position: absolute; top: 240px; left: 135px; width: 721px; height: 503px; background-image: url(images/green-background.jpg); margin: 0px; padding: 0px; float: left; }

#services-ourtvstuff {position: absolute; top: 240px; left: 135px; width: 721px; height: 503px; background-image: url(images/blue-background.jpg); margin: 0px; padding: 0px;}

#services-hireourstudio {position: absolute; top: 240px; left: 135px; width: 721px; height: 503px; background-image: url(images/purple-background.jpg); margin: 0px; padding: 0px;}

.services-text , .services-text2 {width: 640px; float: left; clear: both; margin: 0px; padding: 20px 0px 20px 0px; }

.services-content ul { list-style-type: none; padding: 0px; }

.services-content li { padding: 0px 0px 15px 0px;  }

.services-content h3 { color: #cc0099; font-size: 14px; font-family: helvetica, arial , sans-serif; line-height: 16px; }

.services-text-title  {color: #cc0099; font-size: 18px; font-weight: bold; }

.service-titles { padding: 20px 0px 0px 30px; margin: 0px 0px 10px 0px; }

.services-content { width: 645px; float: left; height: 360px; overflow: auto; overflow-x: hidden; padding: 0px 10px 0px 30px; margin: 0px; }

.services-content img { float: right; border: 1px solid black; margin: 15px 0px 0px 10px; display: inline; }

#services-hireourstudio .list { float: left; clear: none; margin: 0px; color: red; }

#services-hireourstudio .services-content { width: 650px; height: 360px; overflow: auto; padding: 0px 10px 0px 30px; margin: 0px; }

#services-hireourstudio li { padding: 0px 0px 10px 0px; font-weight: bold; }

#services-hireourstudio a {text-decoration: underline; }

.services-text img { width: 290px; float: left; border: 1px solid #000; margin: 0px 0px 0px 10px; }

.services-text2 img { float: left; border: 1px solid #000; margin: 0px 15px 0px 0px; }

.services-text3 p { width: 320px; float: left; }

.services-text  { width: 260px; float: left; }

.services-text2 p {width: 320px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: right; }

.services-content p { margin: 0px; padding: 0px 0px 20px 0px; float: left; }

.services-content b { font-size: 14px; line-height: 16px; margin: 0px; }

.largeimage { float: right; display: inline; clear: none; margin: 15px; border: 1px solid #000; }

.services-content .logos { border: 0px; margin: 0px 0px 15px 0px; padding: 0px; }

/*-----------------ABOUT US--------------*/

#aboutus { padding: 40px 0px 0px 50px; width: 620px; height: 345px; margin: 0px; }

#showreel { padding: 40px 0px 0px 50px; width: 620px; height: 345px; margin: 0px; }

#movie { position: absolute; top: 240px; left: 135px; width: 721px; height: 503px; margin: 0px; padding: 0px; background-image: url(images/movie-background.jpg); }

/*-----------------CONTACT--------------*/

#contact { position: absolute; top: 240px; left: 135px; width: 721px; height: 503px; margin: 0px; padding: 0px; background-image: url(images/contact-background.jpg) }

#creativeguru {	}

#salesguru { position: absolute; top: 200px; left: 35px; }

#studio { position: absolute; top: 0px; left: 240px; }

#licensingagent { position: absolute; top: 13px; left: 474px; color: #fff; width: 220px; }

#licensingagent a {color: #fff;}

#contact ul { list-style-type: none; padding: 0px 0px 0px 35px; margin: 0px; }

#contact li { padding: 0px 0px 10px 0px; margin: 0px; }

/*-----------------FOOTER-------------------*/

#footer { position: absolute; left: 70px; bottom: -55px; padding: 0px; margin: 0px; text-align: center; }