@charset "utf-8";
/* CSS Document */
/* Eric Meyer's reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td  {margin:0; padding:0; border:0; outline:0; font-size:100%;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
/* remember to define focus styles!
:focus {outline: 0;  REMOVE OR ALTER? SEE WEBAIM ARTICLE! }*/

body {color:#ddd; background:#242424 url(bg.gif) top left repeat-x; font-family:Arial, Helvetica, sans-serif;}

#ccWrap {position:relative; width:996px; margin-left:auto; margin-right:auto; }

#ccWrap #ccHead {position:relative; height:60px; }
#ccWrap #ccHead h1 {position:absolute; top:21px; left:158px; height:39px; width:500px; }
#ccWrap #ccHead h1.advertising {background:url(h1-advertising.gif) top left no-repeat;}
#ccWrap #ccHead h1.fashion {background:url(h1-fashion.gif) top left no-repeat;}
#ccWrap #ccHead h1.beauty {background:url(h1-beauty.gif) top left no-repeat;}
#ccWrap #ccHead h1.published {background:url(h1-published.gif) top left no-repeat;}
#ccWrap #ccHead h1.profile {background:url(h1-profile.gif) top left no-repeat;}
#ccWrap #ccHead h1.clients {background:url(h1-clients.gif) top left no-repeat;}
#ccWrap #ccHead h1.login {background:url(h1-login.gif) top left no-repeat;}
#ccWrap #ccHead h1.contact {background:url(h1-contact.gif) top left no-repeat;}
#ccWrap #ccHead h1.thankyou {background:url(h1-contact.gif) top left no-repeat;}
#ccWrap #ccHead h1 span {display:none;}
#ccWrap #ccHead .logo {position:absolute; top:28px; left:752px; }
#ccWrap #ccHead .logo a {height:29px; width:180px; background:url(logo.gif) top left no-repeat; display:block; }
#ccWrap #ccHead .logo a span {display:none; }

#ccWrap #ccMain {font-size:77%; width:776px; background:black; border:21px solid #242424; margin-left:133px; }
#ccWrap #ccMain .inner .intro {width:713px; margin:33px 33px 14px 33px; }
#ccWrap #ccMain .inner h2.profile {width:713px; height:40px; display:block; background:url(h2-profileintro.gif) top left no-repeat; margin:42px 33px 21px 33px; }
#ccWrap #ccMain .inner h2.home {width:713px; height:40px; display:block; background:url(h2-homeintro.gif) top left no-repeat; margin:33px 33px 35px 33px; }
#ccWrap #ccMain .inner h2.login {width:713px; height:40px; display:block; background:url(h2-loginintro.gif) top left no-repeat; margin:42px 33px 21px 33px; }
#ccWrap #ccMain .inner h2.contact {width:713px; height:45px; display:block; background:url(h2-contactintro.gif) top left no-repeat; margin:42px 33px 14px 33px; }
#ccWrap #ccMain .inner h2.clients {width:713px; height:45px; display:block; background:url(h2-clientsintro.gif) top left no-repeat; margin:42px 33px 14px 33px; }
#ccWrap #ccMain .inner h2.thankyou {width:713px; height:45px; display:block; background:url(h2-thanksintro.gif) top left no-repeat; margin:42px 33px 14px 33px; }

#ccWrap #ccMain .inner h2 span {display:none; }
.profile {background:url(h2-profileintro.gif) top left no-repeat;}
#ccWrap #ccMain .inner .mainText {margin:0 0 44px 33px; width:565px; }
#ccWrap #ccMain .inner .clientText {margin:0 0 44px 33px; width:707px; }
#ccWrap #ccMain .inner .profiletext {font-size:16px; }
#ccWrap #ccMain .inner .mainText p, #ccWrap #ccMain .inner .clientText p {line-height:1.5em; margin:0 0 1em; }
#ccWrap #ccMain .inner .clientText ul.clients li { float:left; display:block; width:220px; line-height:1.2em; margin-right:14px; margin-bottom:7px; }

#ccWrap #ccMain .inner a { color:#b2d372; text-decoration:none;}


body#profile #ccMain .inner, body#clients #ccMain .inner, body#login #ccMain .inner, body#thankyou #ccMain .inner { height:540px; }

#ccWrap #ccSidebar {position:absolute; top:133px; left:5px; width:133px; }
#ccWrap #ccSidebar .menu {height:365px; }	
#ccWrap #ccSidebar .menu ul li {}
#ccWrap #ccSidebar .menu ul li a {padding-left:3px; width:130px; height:22px; display:block; }	
#ccWrap #ccSidebar .menu ul li a span {display:none;}	
#ccWrap #ccSidebar .menu ul li a.ad {background:url(menu-left.gif) -143px 0 no-repeat; }
#ccWrap #ccSidebar .menu ul li a.ad:hover, #ccWrap #ccSidebar .menu ul li a.ad-active {background:url(menu-left.gif) 2px 0 no-repeat; }
#ccWrap #ccSidebar .menu ul li a.fa {background:url(menu-left.gif) -143px -21px no-repeat; }
#ccWrap #ccSidebar .menu ul li a.fa:hover, #ccWrap #ccSidebar .menu ul li a.fa-active {background:url(menu-left.gif) 2px -21px no-repeat; }
#ccWrap #ccSidebar .menu ul li a.be {background:url(menu-left.gif) -143px -42px no-repeat; }
#ccWrap #ccSidebar .menu ul li a.be:hover, #ccWrap #ccSidebar .menu ul li a.be-active {background:url(menu-left.gif) 2px -42px no-repeat; }
#ccWrap #ccSidebar .menu ul li a.pu {background:url(menu-left.gif) -143px -63px no-repeat; }
#ccWrap #ccSidebar .menu ul li a.pu:hover, #ccWrap #ccSidebar .menu ul li a.pu-active {background:url(menu-left.gif) 2px -63px no-repeat; }

#ccWrap #ccSidebar .menuOther ul li {font-size:0.80em;}
#ccWrap #ccSidebar .menuOther ul li a, #ccWrap #ccSidebar .menuOther ul li a:visited {padding-left:3px; text-decoration:none; color:#fff; width:130px; height:20px; display:block; }
#ccWrap #ccSidebar .menuOther ul li a:hover, #ccWrap #ccSidebar .menuOther ul li a.active {color:#fc1603; }


/*FORMS**********************************/
#acloginpod {width:320px;margin-bottom:35px;}
.acloginform {margin-bottom:35px; }
#acloginpod form, #acloginpod fieldset {margin:0 !important;padding:0 !important;}
#acloginpod legend em {position:absolute;left:-9999em;}
#acloginpod label {display:block;font-size:15px;margin-bottom:3px;}
#acloginpod input.textinput, #acloginpod textarea.textinput  {width:100%;border:3px solid #b3b3b3;background:#fff url(textinputbg.gif) repeat-x;font-size:16px;color:#444;font-weight:bold;text-indent:7px;padding:7px 0;margin-bottom:10px; font-family:Arial, Helvetica, sans-serif;}

#acloginpod input:focus {border-color:#9ec960;}
#acloginpod textarea:focus {border-color:#9ec960;}

#acloginpod .acloginbttn {display:block;float:right;width:98px;height:33px;background:url(acloginpodbttn.gif) no-repeat;margin-top:10px;}
#acloginpod .acloginbttn:hover, #acloginpod .acloginbttn:focus {background-position:right top;}
#acloginpod .acsendbttn {display:block;float:right;width:98px;height:33px;background:url(acsendpodbttn.gif) no-repeat;margin-top:10px;}
#acloginpod .acsendbttn:hover, #acloginpod .acsendbttn:focus {background-position:right top;}