/* CSS Document */
* {margin:0; padding:0}
body {width:98%; font-family:Geneva, Arial, Helvetica, sans-serif; background-color:#000000; color:#FFFFFF; font-size:12px}

h1 {font-size:20px; font-weight:bold}

a:link {text-decoration: none; color:#ffffff; font-weight:bold; font-size:16px}
a:visited {text-decoration: none;color:#ffffff; font-weight:bold; font-size:16px}
a:hover {text-decoration: none;color:#CCCCCC; font-weight:bold; font-size:16px}
a:active {text-decoration: none;color:#ffffff; font-weight:bold; font-size:16px}

#container {width:850px; margin-left:auto; margin-right:auto; background-color:#000000; margin-top:25px}
#header {width:850px; height:210px; display:block}
#text {width:510px; float:left; display:block; padding-left:34px; padding-right:25px; overflow:hidden}
#phone {width:270px; height:418px; float:left; display:block; background-image:url(images/phone.jpg); background-position:center; background-repeat:no-repeat}
#menu {width:850px; height:50px; margin-top:10px; display:block; background-image:url(images/menubar.jpg); background-repeat:no-repeat}
#menpad {padding-left:34px; padding-top:16px}

/* middles */
#middle {width:850px; height:400px; display:block; margin-top:15px; overflow:visible}
#middleclients {width:850px; height:1475px; display:block; margin-top:15px; overflow:visible}
#middleservice {width:850px; height:550px; display:block; margin-top:15px; overflow:hidden}
#middlehome {width:850px; height:650px; display:block; margin-top:15px; overflow:hidden}
#middlegallery {width:850px; height:420px; display:block; margin-top:15px; overflow:hidden}
#middleautomotive {width:850px; height:650px; display:block; margin-top:15px; overflow:hidden}

#wedo {width:125px; height:21px; display:block; background-image:url(images/Whatwedo.gif)}
#do4you {width:236px; height:25px; display:block; background-image:url(images/do4you.gif)}
#profile {width:65px; height:18px; display:block; background-image:url(images/profile.gif)}

#servicephone {width:270px; height:533px; float:left; display:block; background-image:url(images/servicephone.jpg); background-position:center; background-repeat:no-repeat}
#device {width:219px; height:20px; background-image:url(images/devicepersonalisation.gif); display:block}
#mobile {width:165px; height:25px; background-image:url(images/mobilemarketing.gif); display:block}
#bespoke {width:263px; height:25px; background-image:url(images/bespokeanimcont.gif); display:block}

#rotationphone {width:795px; height:410px; display:block; margin-left:20px; background-image:url(images/gatecrasherstill.jpg); background-repeat:no-repeat; background-position:center}
#rotationphone2 {width:795px; height:410px; display:block; margin-left:20px; background-image:url(images/gallerystill.jpg); background-repeat:no-repeat; background-position:center}

.col1 {width:140px; vertical-align:top; height:25px; font-weight:bold}
.col2 {vertical-align:top}
#conttext {width:378px; float:left; padding-left:34px; height:400px; display:block}
#conttext2 {width:360px; float:left; height:400px; display:block}
#contact {width:255px; height:20px; background-image:url(images/contact.gif); display:block}
#cspace01 {width:10px; height:10px; display:block}
#cspace02 {width:10px; height:35px; display:block}

.inputbox { padding-left:5px; width:300px; overflow:auto; margin:0; padding:0; border: 1px solid #ffffff; background-image:url(images/boxs.gif); background-repeat:no-repeat; background-color:#000000; color:#FFFFFF}

/* gatecrasher */
#gatecrasher {width:124px; height:20px; display:block; background-image:url(images/gatecrasher.gif); background-repeat:no-repeat}
.gctext {padding-left:34px; padding-right:34px}

/* Reveals */
.reveal {width:0px; height:0px; display:block; overflow:hidden}

/* Footers */
#footerh {width:850px; margin-left:auto; margin-right:auto; text-align:right; height:29px; display:block; background-image:url(images/footer.jpg); background-repeat:no-repeat}
#footerpad {padding-top:6px; padding-right:10px}
a.atumlink:link, a.atumlink:visited, a.atumlink:hover, a.atumlink:active {font-size:12px; font-weight:bold; text-decoration:none; padding-top:3px}
#atum {width:0px; height:10px; display:block; overflow:hidden}
#footerspace {width:10px; height:15px; display:block}

/* intro */
#center {width:373px; height:67px; display:block; background-image:url(images/logo.gif); margin-left:auto; margin-right:auto;} 
#flashtext {color:#FFFFFF; margin-left:auto; margin-right:auto; width:500px; padding-left:45px; text-align:center}

#sms {background-image:url(images/sms.jpg); width:260px; height:25px; display:block}
#paramount {background-image:url(images/paramount.jpg); width:190px; height:25px; display:block}
#indie {background-image:url(images/Indie.jpg); width:125px; height:25px; display:block}

/* auto */
#automotive {background-image:url(images/automotive_heading.gif); width:112px; height:19px; display:block}
.centrelink  { text-align:center; width:100%}