body { position:relative; font-family: Arial, Helvetica, sans-serif; font-size:12px; background-color:#171717; margin-top:30px;} ::-moz-selection{ background: #eb008b; color:#e8e8e8; } ::selection { background: #eb008b; color:#e8e8e8; } .connect_widget_sample_connection connect_widget_logged_in_user{ display:none;} /*twitterfeed */ #twitter { text-align:right; margin:0 auto; width:330px; position:relative; left:100px; height:auto; overflow:hidden; margin-bottom:12px; padding-left:300px; padding-top:5px; color:#FFF; font-size:10px; font-family:Georgia, "Times New Roman", Times, serif;} #twitter a:hover { text-decoration:none; color:#CCC;} /*PARAS/HEADERS */ h1 { text-transform:uppercase; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:16px; color:#eb008b; float:left;} h2 { text-transform:uppercase; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:16px; color:#eb008b; float:left; } h3 { text-transform:uppercase; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:14px; color:#eb008b; float:left; } h4 { text-transform:uppercase; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:14px; font-weight:normal; color:#e8e8e8; text-align:right; } h5 { margin-left:12px; font-size:14px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:#e8e8e8; text-transform:none; margin-top:12px;} p { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#606061; padding:0; margin:0; } /*ULs/hovers */ a{ text-decoration:none; color:#eb008b;} a:hover{ text-decoration:none; color:#171717;} ul { text-decoration:none; display:list-item; font-size:10px;} li { text-decoration:none; display:list-item; color:#eb008b; } /*CLASSES */ .title2 { text-transform:lowercase; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:16px; color:#eb008b; } #whitetitles { padding-bottom:12px; margin-left:12px; font-size:14px; font:Georgia, "Times New Roman", Times, serif; font-style:italic; color:#e8e8e8; text-transform:none;} #work { color:#eb008b; text-align:right; text-transform:uppercase; font-style:italic; font-size:14px; font-family:Georgia, "Times New Roman", Times, serif;padding-top:-8px; margin-bottom:12px; } .images { margin-bottom:12px;} #paragraph{ float:right; width:380px; height:120px; overflow:hidden; margin-top:12px; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#606061; line-height:15px; } .title { text-transform:uppercase; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:26px; color:#eb008b; } .name { color: #CCC;text-transform:uppercase; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:26px; } .colour { font-style:italic; color:#eb008b; text-transform:none; font-family: Georgia, "Times New Roman", Times, serif; font-weight:bold; } .newstitle { font-weight:bold;text-transform:uppercase; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:16px; color:#eb008b; width:150px; margin-top:12px; } .contactform { text-align:right; font-size:10px; font-family:Georgia, "Times New Roman", Times, serif; text-transform:uppercase; font-style:italic; color:#171717;} .simplepink {color:##eb008b;} /*NavigationBody */ #navwrap { left:0; margin-left:-632px; position: fixed; right:0; top:30px; } #nav { padding-right:44px; margin:auto; width:166px; height:401px;} #nav a{ text-decoration:none; color:#e8e8e8; text-transform:uppercase; font-style:italic;} #nav a:hover{ text-decoration:none; color:#eb008b; text-transform:uppercase; font-style:italic;} #logo { margin:0 auto; text-align:right; padding-bottom:12px; } #contact { margin:0 auto; text-align:right; padding-bottom:12px; } #contact p { font-weight:light; line-height:15px; font-family: Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:11px; color:#e3e3e3; padding:0; margin:0; } #contact a{ text-decoration:none; text-transform: none; color:#e8e8e8; font-style:italic;} #contact a:hover{ text-decoration:none; text-transform: none; color:#eb008b; font-style:italic;} #nav ul { text-decoration:none; display: list-item; font-size:10px;} #nav li { line-height:18px; text-decoration:none; display: list-item; list-style:none; font-family:Georgia, "Times New Roman", Times, serif; color:#FFF; font-size:14px; text-align:right; font-style:italic; text-transform:uppercase; } #navlist { color:#FFFFFF; font-family:Georgia,"Times New Roman",Times,serif; font-size:12px; margin-bottom:5px; margin-left:40px; text-align:right; width:169px; } #navlist ul { text-decoration:none; display:list-item; list-style:none;} #navlist li{ text-decoration:none; display:list-item; list-style:none; font-size:10px; } #navlist a { background-color:#eb008b; padding-left:12px; padding-right:43px; text-transform:uppercase; font-style:italic; color:#e8e8e8;} #navlist a:hover { background-color:#e8e8e8; padding-left:12px; padding-right:43px; text-transform:uppercase; font-style:italic; color:#eb008b;} #anchor1{ width:1px; height:125px; margin-top:-125px; position: relative; } /*MAIN BODY */ #wrapper { left:100px; margin:0 auto; position:relative; padding-left:14px; padding-right:14px; background-color:#e8e8e8; width:600px; height:auto; overflow:hidden;} #welcome { width:600px; height:110px; padding-top:12px;} #pinkblock { margin-left:-15px; margin-top:-4px; background-color:#eb008b; width:138px; height:15px;} /*FLASH */ #flashplugin { margin-bottom:12px; margin-top:18px; width:600px; height:auto; overflow:hidden; background-image:url(images/recent/recent.jpg); background-repeat:no-repeat;} #justcomp { line-height:23px; text-align:right; position:absolute; width: 469px; height: 69px; left: 138px; top: 119px; } #newstab{position:absolute; top: 14px; left: 628px; width:49px; height:105px;} #examples { width:600px; height:auto; overflow:hidden; margin-bottom:20px; } #work1 { margin-right:12px; float:left; height:auto; overflow:hidden; width:192px; } #work2 { float:left; height:auto; overflow:hidden; width:192px; } #work3 { margin-left:12px; float:left; height:auto; overflow:hidden; width:192px; } #border { border: 1px #eb008b solid; clear:both;} /*Video of teh week */ #videosection { margin-top:12px; width:600px; height:302px; margin-bottom:12px; background-image:url(images/imageofweek.jpg); background-repeat:no-repeat; background-position:center;} .video { width:400px; height:240px; margin-bottom:12px; float:left; clear:both; } #para { text-align:left; width:170px; height:auto; overflow:hidden; margin-left:420px; padding-top:60px;} #videosection h2 { text-transform:uppercase; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:16px; color:#eb008b; margin-top:-3px;} #archive { clear:both; width:600px; height:110px; overflow:hidden; background-image:url(images/archive-video-background.jpg); background-repeat:no-repeat; padding-top:7px; padding-left:17px; } .archive-image a:hover { opacity:0.4;filter:alpha(opacity=40)} .archive-image a { text-decoration:none; } .archive-image { height:auto; width:101px; padding:5px; text-align:center; float:left; margin-top:8px;} /*services */ #services { margin-top:12px; width:600px; height:auto; overflow:visible; padding-bottom:12px; } #column { width:238px; height:auto; overflow:hidden; float:left;} /*News */ #news {margin-top:12px; width:600px; height:105px; clear:both; margin-bottom:12px; } #newsarticles { margin-top:12px; padding-left:12px; width:210px; height:auto; overflow:hidden; float:left; } #newsarticles2 { margin-top:12px; padding-left:0px; width:520px; height:auto; overflow:visible; float:left; } /*Newsletter-signup */ #newsletter {margin-top:12px; width:600px; height:168px; clear:both; margin-bottom:12px; background-image:url(images/newsletter-background.jpg); background-repeat:no-repeat; background-position:top center;} #newslettercopy { margin-top:12px; margin-left:35px; width:220px; height:auto; overflow:hidden; float:left; } #newsletterform { margin-top:30px; margin-left:50px; width:260px; height:auto; overflow:visible; float:left; } .newsletterformcopy { text-align:right; font-size:10px; font-family:Georgia, "Times New Roman", Times, serif; text-transform:uppercase; font-style:italic; color:#FFF;} .newslettersubmit { cursor: pointer; background-color:#e8e8e8; color:#171717; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; border:none;} /*websites */ .white { color: #eb008b; background-color:#FFF;} #websites { margin-bottom:12px; margin-top:12px; width:600px; height:auto; overflow:hidden; } #flleft{ float:left; padding-right:8px; overflow:hidden; height:115px; padding-bottom:8px; width:192px;} .project { background-color:#eb008b; color:#FFFFFF; width:120px; height:13px; font-size:10px; } #webcopy { margin-bottom:12px; width:600px; height:auto; overflow:hidden; } .left { color:#eb008b; float:left; width:270px; height:auto; overflow:hidden;} .right { float:right; width:270px; height:auto; overflow:hidden;} /*Feature */ .feature_box{ overflow:hidden; height:250px; position:relative; margin-bottom:6px; cursor:pointer; display:block;} /*.feature_box_1{ height:256px;}*/ .feature_box_text{ line-height:12px; overflow:hidden; height:3px; top:105px; display:block; width:193px; } /*.feature_box_1 .feature_box_text{ top:182px;}*/ .feature_box_footer{ overflow:hidden; height:15px; top:171px; position:absolute; display:block; width:191px; left: 1px; } .feature_box_text h3{ color:#FFFFFF; font-size:14px; margin:10px 12px 6px 12px; font-style: normal; width:180px; } .feature_box_text p{ color:#FFFFFF; font-size:10px; margin:0px 12px 5px 12px; display:block;} .feature_box .feature_box_text { position: absolute; left: 0px; bottom: 0; } .feature_box_1 .feature_box_text, .feature_box_1 .feature_box_footer{ background-color:#eb008b;} .feature_box_6 { height: 88px; margin-top: -1px; overflow: hidden; } /*Contact */ #contactcopy { margin-top:12px; width:600px; height:auto; overflow:hidden; margin-bottom:12px; } #leftcontact { width:290px; height:auto; overflow:hidden; float:left; clear:both; } #form { width:270px; float:right; height:auto; overflow:hidden;padding-right:30px; } .submit { cursor: pointer; background-color:#eb008b; color:#e8e8e8; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; border:none;} /*Sitemap */ #sitemap { width:290px; height:auto; overflow:hidden; float:left; clear:both; } #sitemap ul { text-decoration:none; display:list-item; font-size:10px; line-height:15px;} #sitemap li { text-decoration:none; display:list-item; color:#eb008b; } /*Footer */ #footer { clear:both; padding-left:12px; padding-right:12px; margin-top:12px; width:587px; padding-bottom:12px; height:250px; overflow:hidden; text-align:center;} #footer ul { text-decoration:none; display: inline; font-size:10px; line-height:15px;} #footer li { text-decoration:none; display: inline; color:#eb008b; } /*sparkstudios creative */ #sparks {left:100px; position:relative; padding-bottom:12px; height:30px; top:12px; margin:0 auto; text-align:right; width:650px; }