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

/* ------------------ COLORS
MF PINK = #EC008C
*/

/* ------------------ common */
*{padding: 0px;margin: 0px;}
a img{border:none;}
.hideMe, .temphide{display:none;}
ul{list-style-type:none;}
li{list-style-type:none;}
fieldset{border:none;}
.upcase{text-transform:uppercase;}
a:focus{-moz-outline:none;outline:none;outline-offset:0px;}

/* ------------------ site specific common */
.spaced{padding:14px 0 0;}
.flright{float:right;}
.subtitle{margin-top:10px;}

/* ------------------ master */
html, body, h1, h2, h3, h4, p, li{font-size:11px;line-height:1.3em;font-family:Arial, Helvetica, sans-serif;font-style:normal;font-weight:normal;}
a:link, a:visited, a:active{text-decoration:none;}
a:hover{text-decoration:underline;}

/* ---------- header */
#logo{position:absolute;left:0px;top:60px;width:264px;height:54px;z-index:1;}
#logo a{width:264px;height:54px;display:block;text-indent:-9999px;}
#tagline{position:absolute;left:684px;top:70px;width:125px;height:40px;text-indent:-9999px;}
#cross1{position:absolute;left:34px;top:92px;width:9px;height:9px;text-indent:-9999px;z-index:20;cursor:pointer;}
#cross2{position:absolute;left:804px;top:92px;width:9px;height:9px;text-indent:-9999px;z-index:21;}

/* ---------- mainnav */
#mainnav{position:absolute;left:24px;top:136px;text-transform:uppercase;width:240px;font-size:10px;}
#navlist li{height:16px;}
#navlist a{display:block;height:13px;padding:0 0 0 40px;}
#navlist a.cur{font-weight:bold;}
#navlist a:hover{text-decoration:none;}
#navlist a:hover.cur{text-decoration:none;}

/* ---------- content */
#contentarea{position:absolute;top:124px;left:349px;width:445px;padding:12px;}/* orig pos = top:136px;left:361px;width:448px; */
.itembar{height:13px;padding:0 0 0 23px;font-weight:bold;text-transform:uppercase;font-size:10px;}
#contentarea .itemimage{padding:23px 23px 0;}
#contentarea img.linkpic{cursor:pointer;}
#contentarea .itembody{padding:18px 23px;}
#contentarea .itembody .smallspaced{padding:7px 0 0;}
#contentarea .itembody .itemtitle{padding:0 0 2px;margin:0 0 7px;}
#contentarea .itembody .itemtext p{margin:0 0 7px;}
#contentarea .itembody .itemtext a{font-style:italic;}
#contentarea .itembody .itemopenextra{margin-top:10px;}
#contentarea .itembody .extratextwrap{padding-top:12px;}
#contentarea .itembody .links{font-style:italic;clear:both;}
#contentarea .itembody .linkslist{font-style:italic;text-transform:uppercase;}

/* --- news */
#contentarea .itembody .acchide .commentdate{padding:2px 0 0;}
#twitter a{display:block;width:80px;height:19px;text-indent:-9999px;background:url(../assets/main/twitter_logo.png) 0 0 no-repeat;margin-bottom:6px;}
#tweets{-moz-border-radius:10px;border-radius:10px;margin:0 20px;padding:3px 10px 10px;position:relative;}
#tweets:after{content:"";display:block;position:absolute;top:-16px;left:25px;width:0;height:0;border:8px solid transparent;}
#tweets{background:#EEE;color:#666;}
#tweets .pinkme{color:#AAA;}
#tweets a{color:#000;}
#tweets:after{border-bottom-color:#EEE;}

/* --- contact */
#contentarea .officepics{position:relative;}
#contentarea .officepics li.extrapics{position:absolute;top:23px;padding:0;margin:0;}
#contentarea .itembody .addressblock{width:199px;padding:0;margin:0;}
#contentarea .itembody .address{text-transform:uppercase;padding:0;margin:0;}
#contentarea .itembody .numbers{margin:5px 0 0;}
#contentarea .itembody  #commrep{float:right;}
#contentarea .contacts .links{clear:none;}

/* --- about / clients */
#clientlist{}
#clientlist li{display:inline;font-style:italic;margin-right:10px;}
#clientlist li a{white-space:nowrap;}

/* --- reels */
#contentarea .reelpics{position:relative;}
#contentarea .reelpics li.extrareel{position:absolute;top:23px;padding:0;margin:0;}

/* --- projects */
#contentarea .itembody .movielist{font-size:0px;}
#contentarea .itembody .movielist li{display:inline;padding:0 20px 0 0;}

/* --- standalone windows */
#standalone{padding:60px;width:640px;}
#standalone #moviebox{padding:23px 0 0;}
#standalone .commentsbar{width:425px;}
#standalone a{font-style:italic;}

/* --- forms */
#forminputlist{padding:23px;}
#forminputlist li{padding:0 0 10px;}
#forminputlist label{width:80px;float:left;text-align:right;margin-right:5px;display:block;color:#EC008C;text-transform:uppercase;}
#forminputlist .formitem input{width:313px;}
#forminputlist .formitem textarea{width:313px !important;}
#forminputlist .formitem input.file{border:none;}
#forminputlist .formitem input.checkbox{width:25px;}
#forminputlist .formitem textarea{height:100px !important;}
#forminputlist .inputalign{margin-left:85px;}
#forminputlist .submit input{margin-left:85px;}

#feedback{padding:23px 23px 0;}
#feedback li{font-size:12px;}
.longerror{padding:5px 0 0;}