/*
TITLE  : 4DSTUDIOS.COM - SCREEN MEDIA
AUTHOR : JACOB ROSENFELD
UPDATED: 20080221
*/


body {
margin: 0;
padding: 0;
background: #f00 url(images/bkg.jpg) repeat;
}

#wrapper {
width: 920px;
margin-left: auto;
margin-right: auto;
overflow: auto;
}

#head {
margin-top: 75px;
width: 920px;
height: 175px;
background: url(images/header.png) no-repeat;
}

#head img {
margin-top: 25px;
margin-left: 25px;
border: 0px;
}

#banner {
width: 920px;
height: 325px;
background: url(images/banner-index.png) no-repeat;
}

#portfolio-start {
width: 920px;
height: 172px;
background: url(images/portfolio-start.png) no-repeat;
}

#banner-services {
width: 920px;
height: 315px;
background: url(images/banner-services.png) no-repeat;
}

.gen-content {
width: 920px;
background: url(images/services-bkg.png) repeat-y;
}

.gen-content ul {
margin: 0;
padding: 5px 0 15px 160px;
list-style-type: disc;
}

.gen-content ul li {
margin: 0;
color: #000;
font: 14px/26px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}


.gen-content-spcr {
width: 920px;
height: 50px;
background: url(images/services-spcr.png) repeat-y;
}

#content {
width: 920px;
background: url(images/content-bkg.png) repeat-y;
}

#banner-about {
width: 920px;
height: 255px;
background: url(images/banner-about.png) no-repeat;
}

#banner-contact {
width: 920px;
height: 225px;
background: url(images/banner-contact.png) no-repeat;
}

#banner-thankyou {
width: 920px;
height: 255px;
background: url(images/banner-thankyou.png) no-repeat;
}

#footer {
margin: 0 0 75px 0;
width: 920px;
height: 225px;
background: url(images/footer.png) no-repeat;
}


/* [Portfolio Entries] */
.portfolio-entry {
width: 670px;
height: 180px;
margin-left: 125px;
margin-bottom: 50px;
background: #fff url(images/p-bkg.jpg) no-repeat;
}

.portfolio-entry img {
border: none;
}

.p-left {
color: #999;
font: 14px/1.2em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
float: left;
}	

.p-left ul {
margin: 0;
padding-left: 20px;
padding-top: 10px;
list-style-type: none;
}

.p-right {
color: #999;
font: 14px/1.2em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.p-right ul {
margin: 0;
padding-left: 120px;
padding-top: 10px;
list-style-type: none;
}	

/* [Portfolio Entry - LAST ENTRY ONLY] */
.portfolio-entry-end {
width: 670px;
height: 180px;
margin-left: 125px;
margin-bottom: 0px;
background: #fff url(images/p-bkg.jpg) no-repeat;
}

.portfolio-entry-end img {
border: none;
}

/* [Contact Page] */

#contact-left {
float: left;
}

#contact-left ul {
margin: 0;
padding: 16px 0 15px 145px;	
}

#contact-left ul li {
font: 14px/18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
list-style-type: none;
}

#contact-left ul li.important {
color: #000;
font-size: 16px;
line-height: 20px;
font-weight: bold;
}

#contact-right {
margin: 0;
padding: 15px 0 15px 345px;
}

form {
margin: 0;
padding: 0;
}

label {
display: block;
font: bold 14px/18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
padding-bottom: 2px;
}

input,textarea,select {
margin-bottom: 10px;
padding: 5px;
font: 14px "Courier New", Courier, mono;
color: #000;
background: #eeddf3;
border: 1px solid #8c00b1;
overflow: auto;
}

.button {
margin-top: 10px;
padding:0.4em;
font: bold 14px/18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
color: #000;
background: #eeddf3;
border: 1px solid #8c00b1;
cursor: pointer;
}

/* [Pseudo Image Map over Logo - CSSified... BOOM.] */

#home-link a {
position: absolute;
top: 110px;
left: 50%;
margin-left: -415px;
height: 60px;
width: 350px;
text-decoration: none;
}

#home-link a i {
visibility: hidden;
}


/* [Navigation + Body Class Voodoo] */

#nav {
padding-top: 111px;
padding-right: 145px;
text-align: right;
}

#nav ul {
margin: 0;
padding: 0;
}

#nav ul li {
display: inline;
}

#nav ul li a {
font: bold 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
color: #000;
text-decoration: none;
padding: 5px 10px 5px 10px;
}

#nav ul li a:hover {
background-color: #fff;
color: #f09;
}

body.welcome #nav-welcome,
body.services #nav-services,
body.about #nav-about,
body.contact #nav-contact,
body.files #nav-files {
background-color: #fff;
color: #f09;
}

/* [Link Control] */

a.p-links:link {
font: 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
font-weight: normal;
color: #999;
text-decoration: none;
border-bottom: dotted #000 1px;
}

a.p-links:visited {
font: 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
font-weight: normal;
color: #999;
text-decoration: none;
border-bottom: dotted #000 1px;
}

a.p-links:hover {
font: 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
font-weight: normal;
color: #000;
text-decoration: none;
border-bottom: solid #000 1px;
}

/* [Type Control] */

h1 {
margin: 0;
padding: 50px 0 10px 145px;
width: 670px;
color: #000;
font: bold 40px/1.0 "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

h2 {
margin: 0;
padding: 52px 0 7px 145px;
width: 670px;
color: #000;
font: bold 26px/1.0 "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

h3 {
margin: 0;
padding: 15px 0 10px 145px;
width: 670px;
color: #000;
font: bold 26px/1.0 "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

p {
margin: 0;
padding: 0 0 0 145px;
width: 630px;
color: #000;
font: 14px/26px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

p.about {
margin: 0;
padding: 15px 0 15px 145px;
width: 630px;
color: #000;
font: 14px/26px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

p.banner-text {
margin: 0;
padding: 0 0 0 145px;
width: 670px;
color: #000;
font: 18px/30px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

p.featured-work {
margin: 0;
padding: 0 0 15px 145px;
width: 630px;
color: #000;
font: 14px/26px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

p.form {
margin: 0;
padding: 0;
width: 500px;
font: 14px/26px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
color: #333;
}

#footer ul {
margin: 0;
padding: 95px 0 0 380px;
list-style-type: none;
}

#footer ul li {
margin: 0;
color: #000;
font: 14px/1.4em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#footer ul li.small {
font-size: 11px;
line-height: 26px;
color: #515151;
}

strong {
color: #000;
font-weight: bold;
}
 
em {
color: red;
font-size: 150%;
}







/* [Fileshare Form Control] */



#contact-fileshare {
margin: 0;
padding: 15px 0 15px 150px;
}

.form-2 {
margin: 0;
padding: 0;
}

.form-2 input,textarea,select {
margin-bottom: 10px;
padding: 3px;
font: bold 14px/14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
color: #000;
background: #eeddf3;
border: 1px solid #8c00b1;
overflow: auto;
}

.form-2 .button {
margin-top: 10px;
padding:6px 20px;
font: bold 14px/18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
color: #000;
background: #f8e1d2;
border: 2px solid #bf5600;
cursor: pointer;
}