body {margin:0px; font-family:Georgia, Geneva, sans-serif;}
img {border:none;}
td {vertical-align:top;}

h1 {font-family: "museo-slab",sans-serif; font-size:90pt; color:#015367; font-weight:400; padding:0px; margin:10px 0 0 0; text-transform:uppercase; letter-spacing:-.1em; opacity:.4;}
h2 {font-family: "jbt-annabelle",sans-serif; font-size:50pt; color:#FFC540; font-weight:400; padding:0px; margin:10px 0 10px 0;}
h3 {font-family: "jbt-annabelle",sans-serif; font-size:50pt; color:#A61300; font-weight:400; padding:0px; margin:10px 0 10px 0;}
h4 {font-family: "jbt-annabelle",sans-serif; font-size:50pt; color:#60B9CE; font-weight:400; padding:0px; margin:10px 0 10px 0;}


#backgroundLeft {background-color:#8e9e63; position:fixed; width:50%; height:1000px; top:0px; left:0px; z-index:10;}
#backgroundRight {background-color:#176573; position:fixed; width:50%; height:1000px; top:0px; right:0px; z-index:10;}
#bodyWrap {z-index:500; position:absolute; width:100%;}

.portfolioShell {width:300px; height:225px; margin:10px; float:left;}
.portfolioShell2 {width:300px; height:425px; margin:10px; float:left;}

.portfolioName {float:left; padding:8px 0 0 0;}
#footerBar {height:83px; width:100%; background:url('../images/footerRepeat.png') repeat-x; position:fixed; bottom:0px;}

#divHeader {margin:10px auto 8px auto; width:960px; background-color:#E6DBB0; padding:15px;}
#divBody {margin:8px auto 8px auto; width:960px; background-color:#F5EED7; padding:15px;}
#divFooter {margin:8px auto 40px auto; width:960px; background-color:#C4BCA0; padding:15px;}

#divMain {width:100%; height:200px;}
#emailLink {width:960px; margin:35px auto 0 auto; height:30px; font-size:8pt; color:#483A19; text-align:center}
#emailLink a {color:#FFF; background-color:#483A19; padding:5px; text-decoration:none;}
#emailLink a:hover {color:#FFF; background-color:#333; text-decoration:none;}

.contentText {font-size:11pt; color:#555; line-height:1.6em; width:960px; margin:5px auto 5px auto; clear:both;}
.contentText a {color:#45772a; padding:5px; text-decoration:none;}
.contentText a:hover {color:Maroon; text-decoration:none;}

.designLeft {float:left; width:310px; padding:0 10px 20px 0;}
.designCenter {float:left; width:310px; padding:0 5px 20px 5px;}
.designRight {float:left; width:310px; padding:0 0 20px 10px;}
.shadow { -moz-box-shadow: 0px 2px 4px #444; -webkit-box-shadow: 0px 2px 4px #444; box-shadow: 0px 2px 4px #444;}

#design {font-family:Arial, Helvetica, sans-serif; font-size:8pt; color:#666; line-height:1.6em;}

.lineBreak {border-bottom:dotted #444 3px; clear:both; margin:40px auto 28px auto; width:700px;}

#pictureHold {width:960px; height:639px; margin:0 auto 0 auto; display:none; }
#videoHold {width:960px; height:540px; margin:0 auto 0 auto; }
#shadow {width:960px; height:46px; background:url('../images/dualFade.png') no-repeat center; clear:both; margin:0 auto 0 auto;}

#navBar {width:960px; height:110px; margin:0 auto 0 auto;}

.slidePageContent {width:960px; height:639px; margin:0 auto 0 auto;}

#staticInfoBox {width:100%; position:absolute; top:800px;}
#staticInfoBox960 {width:960px; margin:0 auto 50px auto; text-align:center; }

#slider ul, #slider li,	#slider2 ul, #slider2 li{margin:0; padding:0; list-style:none;}
#slider2{margin-top:1em;}
#slider li, #slider2 li{width:960px; height:639px; overflow:hidden;}

#footer1 {width:210px; padding:10px; float:left;}
#footer2 {width:210px; padding:10px; float:left;}
#footer3 {width:210px; padding:10px; float:left;}
#footer4 {width:210px; padding:10px; float:left;}
#footer4 a {text-decoration:none; color:#930;}
#footer4 a:hover {text-decoration:none; color:#C90;}
#footerContent {width:960px; margin:0px auto 0px auto; padding:20px 0 0 0; color:#333; font-size:10pt;}
#footerContent ul {list-style:none;}
#footerContent li {padding:6px 0 0 0;}

.priceNumber {font-size:32pt; text-align:center; margin:10px 0 0 0;}

#logo2 {width:110px; height:110px; float:left;}
#nav {font-weight:400; font-size:14pt; padding:0px 5px 0 0; margin:0 0 0 40px; color:#FC0; float:left;}
#nav a {text-decoration:none; color:#FFF; padding:0 8px 0 8px;}
#nav a:hover {text-decoration:none; color:#360;}

#footerBottom {width:960px; margin:0 auto 0 auto; padding:30px 0 50px 0; color:#777; font-size:8.5pt; clear:both; text-align:center;}

#design {font-family:Arial, Helvetica, sans-serif; font-size:8pt; color:#666;}
#design a {text-decoration:none; color:#8E9E63;}
#design a:hover {text-decoration:none; color:#C4BCA0;}

.portfolioLogo {width:480px; padding:0 0 35px 0; float:left; text-align:center;}
.portfolioLogoDescription {width:480px; padding:0 0 35px 0; float:left;}

.portfolioMovie {width:960px;}

.slide-wrap {padding:150px 0 0 0;}

.projectName {font-family: "museo-slab",serif; color:#FFF; opacity:.9; font-size:16pt; font-weight:100; margin:3px 0 0 2px;}