body {
 margin:0;
 padding:0;
}

#headnavcontent, #content, #footercontent, #logo {
 width:980px;
 margin:0 auto;
}
 

/* --- HEADER --- */

#header {position:relative;}

#headnav, #headnav div {
 height:37px;
}

#headnavcontent div {
 float:left;
}

#headtheme, #headface {
 width:308px;
}
 
#headtheme {
 margin-right:12px;
}
 
#headface {
 margin-left:12px;
}
 
#headtheme div, .facebox {
 margin:0 9px;
}

.facebox {position:relative;}
.facemouse img {position:absolute; top:3px; left:74px;}
.facetext img {position:absolute; bottom:3px; left:69px;}
 
#headtheme div {
 float:right;
}

#headtheme select {
 width:140px;
 color:#407280;
 font-size:11px;
 float:right;
 margin-top:8px;
}
 
#headport, #headhire {
 width:164px;
 text-align:center;
}

.headspace {
 width:4px;
 background:transparent url(pix/head_vr.png) no-repeat center bottom;
}
 
#logo {
 height:200px;
 text-align:left;
}

#topnav {
 height:30px;
}

#toplink {
 width:676px;
 margin:0 auto;
 position:relative;
 left:2px;
}

#toplink div {
 width:25%;
 float:left;
 text-align:center;
 padding-top:2px;
}


/* --- FOOTER --- */

#footer {clear:both; margin-top:14px;}
#index #footer {margin-top:0;}
#about #footer {margin-top:9px;}

#footercontent {
 height:129px;
}

.footlinks {
 width:130px;
 float:left;
 background:transparent url(pix/foot_vr.png) no-repeat right top;
 margin-left:33px;
 font-size:11px;
}

#footcontact {
 background-image:none;
 width:180px;
}

#footbox {
 padding:12px 0 0 50px;
}

#footinfo {
 width:297px;
 float:right;
 text-align:right;
 vertical-align:bottom;
 position:relative;
}

#hireus {
 padding-top:25px;
 float:left;
}

#copyright {
 position:absolute;
 bottom:0;
 right:5px;
 font-size:10px;
}


/* --- INDEX PAGE --- */

#indexinfo {
 background:transparent url(pix/box1-1-1.gif) repeat-y center top;
 padding:0 0 40px 0;
}

#indexportfolio {
 position:relative;
 margin-top:-40px;
}

#indexnew {
 text-align:center;
 padding-top:74px;
}

.newthumb {
 padding-top:10px;
}

#indexfeatured {
 width:532px;
 float:left;
 padding-top:18px;
}

.feattitle {display:block}

#featimg {
 border-width:15px;
 border-style:solid;
 width:500px;
 text-align:center;
 background:#fff;
}

.featlogo {
 padding:20px 0;
}

#featimg a {display:block}

#indexquote {
 width:348px;
 position:absolute;
 right:-13px;
}

#quotebox {
 height:167px;
 text-align:center;
 padding:23px 16px 0 29px;
}

#quotetext {
 padding:0 18px 0 42px;
 margin-top:-50px;
}

#portmorebox {
 padding:6px;
 text-align:center;
 font-weight:bold;
 font-size:11px;
 margin-top:1em;
}

#indexcontact .ddfmwrap label {display:none}

#indexcontact .fmtext, .fmtextarea {
 font-size:11px;
}

.fmtext, .fmtextarea, #basecamp #username, #basecamp #password {
 border:0;
 padding:2px;
}

.fmtext {
 width:277px;
 height:16px;
}

.fmtextarea {
 width:277px;
 height:135px;
}

.fieldwrap {
 margin:10px 0 0 0;
}

.ddfm .submit {margin-top:10px}

.clients {margin-top:2em}

#basecamp .forgot {font-size:10px; font-style:italic;}
#basecamp #username, #basecamp #password {width:141px; height:16px; margin-bottom:10px;}
#basecamp .basecampright {font-size:10px;}
#basecamp .button {margin-top:10px;}


/* --- NEWS PAGE --- */

#newstop {float:none}

.newsentry, .faqentry, #faqtop {
 margin-bottom:6px;
}

.newsimage {
 padding-top:3px;
 width:270px;
 float:left;
 margin-right:15px;
 padding-bottom:10px;
}

#hireright {float:right;}

#newstwit, #newsface {margin:15px 0;}

.newsgo {
 margin:30px 0 5px 0;
 padding:3px 20px;
 height:17px;
}

.newsgo a:link, .newsgo a:visited, .newsgo a:hover, .newsgo a:active {
 font-weight:bold;
 display:block;
}

#newsnav {
 clear:left;
 width:596px;
 margin:1em 0 0 0;
 padding:0 20px;
 font-weight:bold;
}

.newsnavold {
 float:left;
 background:transparent url(pix/theme_leslies/project_arrowleft.png) no-repeat left center;
 padding-left:15px;
}

.newsnavnew {
 float:right;
 background:transparent url(pix/theme_leslies/project_arrowright.png) no-repeat right center;
 padding-right:15px;
}


/* --- ABOUT PAGE --- */

#abouttop {
 background:transparent url(pix/box1_5-1_5.gif) repeat-y left top;
}

#abouttext {
 padding-bottom:25px;
}

.aboutstaff {margin-bottom:5px;}
.aboutstaff2 {padding-bottom:20px;}

.aboutstaff, .aboutstaff2, #aboutstafftitle {
 position:relative;
 top:-18px;
}

#aboutillust {
 margin-top:-36px;
}

#aboutillusttitle {
 position:relative;
 top:-36px;
}

#aboutstafftitle, #aboutillusttitle {
 clear:both;
 margin-left:18px;
 padding:5px 5px 2px 5px;
}

.staffbio {
 text-align:justify;
 font-size:11px;
}

.staffbio img {
 border:5px solid;
}

.staffimg {
 text-align:center;
 margin-bottom:10px;
}

.staffhead {
 font-weight:bold;
}

.staffname {
 text-transform:uppercase;
 display:inline;
}

.illust {
 width:16.6%;
 float:left;
 text-align:center;
 margin:25px 0;
}

.illpic img {display:block; width:110px; margin:0 auto;}

.illname {
 font-size:10px;
 font-weight:bold;
 height:17px;
 text-align:left;
 width:110px;
 margin:0 auto;
 padding-left:8px;
}

.illname a:link {color:#fff}
.illname a:visited {color:#fff}
.illname a:hover {color:#d8ebea}
.illname a:active {color:#d8ebea}


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

.serviceshoptitle {
 width:123px;
 height:23px;
}

#servicesleft {
 float:left;
 width:290px;
}

#servicesright {
 margin-left:336px;
}

.services1, .services2, .portfoliobox {
 padding-bottom:40px;
 margin-top:-21px;
}

.servicetitle, .porttitle {
 position:relative;
 top:-21px;
 clear:left;
 margin-left:18px;
 padding:5px 5px 2px 5px;
}

.servicesimg {
 width:270px;
 margin:0 auto;
}

.servicesimg1 img {
 display:block;
}

.serviceslink {
 text-transform:uppercase;
 padding:3px;
 text-align:center;
 font-weight:bold;
}

.servicetitle, .servicetitle img, .porttitle {
 height:21px;
}

#serviceslogostitle, #serviceslogostitle img {
 width:157px;
}

#serviceswebtitle, #serviceswebtitle img {
 width:276px;
}

#servicesillusttitle, #servicesillusttitle img {
 width:178px;
}

#servicesadtitle, #servicesadtitle img {
 width:237px;
}

#servicesphototitle, #servicesphototitle img {
 width:124px;
}

#servicescopytitle, #servicescopytitle img {
 width:120px;
}

.servicedescribe p {margin:0 0 1em 0}

.serviceprice {font-size:11px}

ul.pricing {
 list-style-type:none;
 margin:0;
 padding:0 0 0 4px;
}

/* --- PORTFOLIO PAGE --- */

#portfoliotop, .portpad {padding-bottom:25px;}

.porttitle {
 display:table;
 padding:5px 1em 2px 1em;
}

.portpic {
 float:left;
 width:260px;
 text-align:center;
 overflow:hidden;
}

.porttext, .testitext {
 font-size:11px;
 line-height:14px;
}

.porttext {
 margin-left:280px;
}

.testitext {
 padding:0 20px;
}

.porttext p, .testitext p {
 margin:0 0 1em 0;
}

.portlocation {
 margin:30px 0 0 0;
 padding:3px 20px;
 height:17px;
}

.portsubnav {
 padding-left:20px;
 font-weight:bold;
 font-size:11px;
}

.portleft, .portright {
 width:140px;
 font-size:11px;
 line-height:16px;
 margin-left:14px;
}

.portleft div, .portright div {
 margin:1em 0 0 0;
}

.portleft ul, .portright ul {
 margin:0 0 0 1.4em;
 padding:0;
}

.portleft li, .portright li {
 margin:0;
 padding:0;
}

.portright {float:right}


/* --- ARTIST PORTFOLIOS --- */

.artistlogo {float:left; margin-right:18px;}
.artistdescription {margin-bottom:1em}


/* --- PROJECT PAGE --- */

#projectmenu {font-size:10px;}

#projectmenu, #projectpic {
 padding-top:50px;
}

#projectmenu ul {
 list-style-type:none;
 margin:0 0 1em 10px;
 padding:0;
}

#projectpic {
 text-align:center;
}

#projectpic img {
 max-width:500px;
}

.url {margin-bottom:1em}

.details {
 float:left;
 width:50%;
}

.projdesc {clear:left; padding:1em 0;}

.projinfo {font-size:11px; white-space:nowrap;}

#projectquote {
 width:282px;
 height:135px;
 text-align:center;
}

.quotetext {
 color:#fff;
 font-weight:bold;
 font-size:18px;
 padding:20px 20px 0 30px;
 line-height:24px;
}

#project #content {
 background:transparent url(pix/box2-1.gif) repeat-y left top;
}


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

#contactform, .contacttext, .contacttextarea {
 font-size:11px;
}

.ddfm {position:relative;}

.contacttext, .contacttextarea {
 border:0;
 padding:2px;
}

.contacttext {
 width:221px;
 height:16px;
}

.contacttextarea {
 width:366px;
 height:209px;
}

.textarea {
 position:absolute;
 top:0;
 right:0;
 width:375px;
}

#contactform .submit {
 padding:10px 0 0 242px;
}

#contactright {width:298px; padding-right:0}

#contactaddress {
 font-size:11px;
 padding-top:15px;
}

#contactaddress h2 {
 padding-top:15px;
}

#contactbullets {
 margin-top:2em;
}

#contactbullets ul {
 padding:0 0 0 18px;
 margin:0;
}

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

#contactform label, .form_q {
 font-weight:bold;
}

.formthanks {
 font-weight:normal; 
 font-size:12px; 
 padding-bottom:2em;
}

#contact .formthanks {
 border-top:6px solid;
 margin-top:2em;
 padding-top:1em;
}


/* --- FAQ PAGE --- */

.articles {
 margin:30px 0 0 0;
}


/* --- ARTICLE PAGE --- */

#article .faqentry li {margin-bottom:1em}


/* --- USED ON MULTIPLE PAGES --- */

img {border:0}

a:link {color:#e77d42}
a:visited {color:#ff9d67}
a:hover {color:#da4f41}
a:active {color:#da4f41}

form {margin:0; padding:0}

h1, h2, h3, h4 {
 margin:0;
 padding:0;
 font-weight:bold; 
}

h1 {font-size:16px;}
h2 {font-size:15px; padding:3px 0;}
h3 {font-size:11px; text-transform:uppercase;}
h4 {font-size:12px;}

#content {
 min-height:300px;
 padding-bottom:10px;
}

#hirebox p, #aboutgoal p {margin:0}

ul.tightbullet {margin:0; padding:0;}
.tightbullet li {margin:0 0 0 1.5em; padding:0;}

hr {
 border:0;
}

div.paragraph {margin:1em 0;}

.alert {
 padding:10px;
 color:#fff;
 line-height:1.5em;
}

.clear, .clearright, .clearleft {
 font-size:1px;
 height:1px;
}

.clear {clear:both}
.clearleft {clear:left}
.clearright {clear:right}
 
div#pre {visibility:hidden; position:absolute; bottom:0; right:0}

.preload {
 visibility:hidden;
 position:absolute;
 bottom:0;
 right:0;
}

.paragraph {
 margin:1em 0;
}

.floatleft {float:left; margin-right:15px}
.floatright {float:right; margin-left:15px}

.left {text-align:left}
.ctr {text-align:center}
.right {text-align:right}
.justify {text-align:justify}

.small {font-size:10px}

.title {
 font-size:16px;
 font-weight:bold;
}

.notice, .ddfmerrors, .errorlist {
 color:#f00;
 font-weight:bold;
}


/* --- BOX NUMBER NAMING SYSTEM --- */

/* box number naming system:
first number is how many columns it is
second number is its position out of six slots
widths for each box are after subtracting the padding
*/

.box1-1, .box1-3, .box1-4 {
 width:112px;
 float:left;
}

.box1-1 {
 padding:0 14px;
}

.box1-3 {
 padding:0 0 0 28px;
}

.box2-1, .box2-2, .box2-3, .box2-5 {
 width:280px;
 float:left;
}

.box3-1, .box3-4 {
 width:448px;
 float:left;
}

.box3-4 {
 margin-left:28px;
}

.box4-1, .box4-3 {
 width:616px;
 float:left;
}

.box4-1 {
 margin-right:28px;
}

.box2-1 {
 padding:25px 10px 0 18px;
}

.box2-2, .box1-4 {
 margin:0 28px;
 padding:25px 14px 0 14px;
}

.box2-3 {
 padding:25px 18px 0 10px;
}

.box2-3alt {
 margin:0 28px;
 padding:25px 0 0 0;
 width:308px;
 float:left;
}

.box3-1, .box4-1 {
 padding:25px 10px 0 18px;
}

.box2-5, .box4-3 {
 padding:25px 18px 0 10px;
}

.box2-5alt {
 padding:25px 0 0 0;
 width:308px;
 float:left;
}

.box6-1 {
 padding:10px 18px;
}

#newstop, .newsentry, #faqtop, .faqentry, #contacttext, #servicestop, #portfoliotop, #uploadstop, #errortop {
 background:transparent url(pix/box2-0.gif) repeat-y left top;
}


/* --- OVERRIDES -- */

.newsentry, .faqentry {
 padding:18px 10px 0 18px;
}