/* coppoladesign.com layout  */
/* Last updated 12 June 2005 */ 


/* Global */

html, body {text-align:center;background-image: url(../images/bgdots.gif); background-color:#c8cbca; background-repeat:repeat; background-attachment:fixed;}
#wrap {width:756px;margin:0;margin:0 auto;padding:0px;text-align:left;}
a {color:#F4B831; text-decoration:underline;}
a:hover {color:#fff; text-decoration:underline;}
a.nohover {color:#F4B831; text-decoration:none;}
a.nohover:hover {color:#F4B831; text-decoration:none;}
.copyright {color:#383838; font:9px Arial, sans-serif; font-weight:normal; margin:3px 0 0 0;}

/* Layout and Text */

#splashcontent {background-color:#5d5e5e; margin:30px 0 0 0; height:459px; text-align:center; width:751px;}
#head {margin:30px 0 0 0; width:751px;}
#content {background-color:#5d5e5e; height:363px; margin:0; padding:0; width:751px; position:relative;}

#nav {position:absolute; top:60px; left:112px; padding:40px 0 0 0; margin:0;}
#nav ul {margin:0; padding:0; list-style:none;}
#nav ul li.connect {margin:0; padding:10px 0 0 0; list-style:none;}

#folionav {position:absolute; top:40px; left:210px; padding:0; margin:0;}
#folionav ul {margin:0; padding:0; list-style:none; display:inline;}
#folionav ul li {display:inline; padding:0; margin:0;}
#folionav ul li img {padding:0; margin:0 7px 0 0;}

#patronshead {position:absolute; top:43px; left:210px; padding:0; margin:0;}

#copy {position:absolute; top:60px; left:210px; padding:40px 0 0 0; margin:0;}
#copy h1 {padding:0; margin:0; color:#fff; font:13px/18px Verdana, Arial, Helvetica, sans-serif; font-weight:normal;}

#copy p {color:#fff; font:11px/14px Verdana, Arial, Helvetica, sans-serif; width:330px; margin:10px 0 10px 0;}
#copy p.accent {color:#fff; font:13px/14px Verdana, Arial, Helvetica, sans-serif; width:350px; margin:10px 0 10px 0;}
#copy p.accent strong {color:#F4B831; font-weight:normal;}
#copy p a {color:#F4B831; text-decoration:underline;}
#copy p a:hover {color:#fff; text-decoration:underline;}
.current {color:#fff; text-decoration:none;}

#copy ul {color:#F4B831; margin-top: 2px; font:13px/18px Verdana, Arial, Helvetica, sans-serif; width:350px; list-style:none; margin: 0;padding: 3px 0 0 0;}
#copy ul li {margin: 0;padding: 0;list-style: none;}
#copy ul.process {position:absolute; top:60px; left:400px; color:#F4B831; margin-top: 2px; font:11px/24px Verdana, Arial, Helvetica, sans-serif; width:150px; list-style:none; margin: 0;padding: 0;}

#folioitemnav {padding:10px 0 0 0;}
#folioitemnav img {margin:0 9px 0 -2px;}

#mailinglistbutton {position:absolute; top:30px; left:50px;}

#creative, #compelling, #competitive, #costeffective {visibility:hidden; z-index:10; color:#fff; width:150px; position:absolute; top: 100px; left:575px; font:10px/14px Verdana, Arial, Helvetica, sans-serif;}
#discovery, #discussion, #development, #design, #delivery, #debriefing {visibility:hidden; z-index:10; color:#fff; width:330px; position:absolute; top: 190px; left:210px; font:11px/14px Verdana, Arial, Helvetica, sans-serif;}
#henry {color:#fff; width:150px; position:absolute; top: 130px; left:575px; font:10px/14px Verdana, Arial, Helvetica, sans-serif;}
#portfoliodescription {color:#fff; width:180px; position:absolute; top: 89px; left:545px; font:10px/14px Verdana, Arial, Helvetica, sans-serif;}
#portfoliodescription h2 {font:10px/14px Verdana, Arial, Helvetica, sans-serif;}

form {padding:0; margin:0; height:auto;}
#mailinglistform {padding:15px 0 0 0; margin:0 10px 0 10px; width:280px; height:100px;}
#mailinglistform h1 {font:10px/14px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#5d5e5e;}
#mailinglistform dl {margin: 10px 0 0 0; font:10px/14px Verdana, Arial, Helvetica, sans-serif;}
#mailinglistform dt {float: left; clear: right; width: 100px; font-size:10px; font-weight:bold; line-height: 20px; color:#5d5e5e;}
#mailinglistform dd {margin: 0 0 8px 0; font-size: 11px; line-height: 20px; color: #666; margin-left: 115px; padding:0; }
#mailinglistform input {font-size: 11px; color:#1a2538; padding:0; margin:0; }
#mailinglistform input#name {width: 150px;height:15px; }
#mailinglistform input#email {width: 150px; height:15px;}
#mailinglistform input#company {width: 150px; height:15px;}
#mailinglistform input#title {width: 150px; height:15px;}
#mailinglistform input#mailing {width: 150px; height:15px;}
#mailinglistform input#mailingtwo {width: 150px; height:15px;}

/*For IE who does not understand child selectors (margin needed) */
#mailinglistform input#join {margin-left:4px;}

/*For other browsers who do (no margin) */
html>body #mailinglistform input#join {margin-left:0;}


#industry {position:absolute; top:-7px; left:430px; width:120px; z-index:10;}
#industry ul {padding:0; margin:0; list-style:none; width:120px;}
#industry ul li {font-size:10px; color:#fff; padding:0; list-style:none; width:120px;}
#industry h2 {padding:0; margin:0 0 5px 0;}
#industry a {color:#F4B831; text-decoration:none;}
#industry a:hover {color:#F4B831; text-decoration:none;}
#work {position:absolute; top:175px; left:430px; width:120px; z-index:10;}
#work ul {padding:0; margin:0; list-style:none; width:120px;}
#work ul li {font-size:10px; color:#fff; padding:0; list-style:none; width:120px;}
#work li {font-size:10px; color:#fff; width:120px;}
#work h2 {padding:0; margin:0 0 5px 0;}
#work a {color:#F4B831; text-decoration:none;}
#work a:hover {color:#F4B831; text-decoration:none;}


.columnone {position:absolute; top:40px; left:0; width:180px;}
.columnone li {font-size:10px; color:#fff; line-height:22px; list-style:none; padding:0; width:180px;}
.columnone li.active {font-size:10px; color:#F4B831; line-height:22px; list-style:none; padding:0; width:180px;}
.columnone a {color:#fff; text-decoration:underline;}
.columnone a:hover {color:#F4B831; text-decoration:underline;}
.columntwo {position:absolute; top:40px; left:210px; width:160px;}
.columntwo li {font-size:10px; color:#fff; list-style:none; line-height:22px; padding:0; margin:0; width:160px;}
.columntwo li.active {font-size:10px; color:#F4B831; line-height:22px; list-style:none; padding:0; width:180px;}
.columntwo a {color:#fff; text-decoration:underline;}
.columntwo a:hover {color:#F4B831; text-decoration:underline;}

#praiseselections {color:#fff; width:180px; position:absolute; top: 89px; left:565px; font:10px/14px Verdana, Arial, Helvetica, sans-serif;}