/* undo html */
:link, :visited {
	text-decoration:none
}
ul, ol {
	list-style:none
}
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input {
	margin:0;
	padding:0
}
a img, :link img, :visited img {
	border:none
}
address {
	font-style:normal
}
/* styles */

html {
	height:100%
	overflow: hidden;
}

body {
	background-color: #f2eee3;
	margin:0;
	padding:0;
	height:100%;
	background-image: url(../images/backstripe.gif);
	background-repeat: repeat-x;
	background-position: 0px 690px;
}
p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#6e868a;
}

#contentwrap {
	left:50%;
	margin-left:-460px;
	_margin-left:-460px;

	*margin-left:-460px;
	position:absolute;
	top:220px;
	width:920px;
	z-index:1000;
}

.blue {
	color:#6ed0ff;
}


h3 a:link, h3 a:visited, h3 a:active {
	color:#8DCE2A;
	text-decoration:underline;	
	}

a:link, a:visited, a:active {
	color:#6ed0ff;
	text-decoration:underline;	
}
a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}

a:link, a:visited, a:active {
	color:#6ed0ff;
	text-decoration:underline;	
}
a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}

#wrapper {
	background-image: url(../images/backstripe.gif);
	background-repeat: repeat-x;
}

#flash {
	width:100%;
	top: 0px;
	height:714px;
	position:relative;
	overflow:hidden;
}

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

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


#header {
	width:920px;
	height: 211px;
}
.content {
	width:880px;
	background-color: #000000;
	padding-top: 26px;
	padding-left: 39px;
}

.headcontent {
	width:880px;
	background-color: #000000;
	padding-top: 46px;
	padding-left: 39px;
	height: 230px;
}

.project-main {
	width:566px;
	padding-left: 8px;
	padding-top: 21px;
	float: left;
	padding-right: 25px;
 	_padding-right: 22px;
	padding-bottom: 60px;
}
.project-right {
	width:232px;
	padding-top: 19px;
	float: left;
}
.project-main img {
	border: 1px dotted #455355;
}
#about {
	width:601px;
	float: left;
	clear: both;
	padding-bottom: 25px;
}

#about p {
	padding-left: 8px;
}

#about h3 {
	padding-top: 22px;
	padding-bottom: 8px;
}

#showreel {
	width:232px;
	height: 188px;
	float: left;
}
.project {
	width:834px;
	clear: both;
	background-image: url(../images/dots.gif);
	background-repeat: no-repeat;
	background-position: 0px 22px;
}


.slideshow {
	height:193px;
}

.slideshow#s1  {
	background-image: url(../images/thumbback1.gif);
	background-position: left 168px;
	background-repeat: no-repeat;
}
.slideshow#s2  {
	background-image: url(../images/thumbback2.gif);
	background-position: left 168px;
	background-repeat: no-repeat;
}
.slideshow#s3  {
	background-image: url(../images/thumbback3.gif);
	background-position: left 168px;
	background-repeat: no-repeat;
}
.slideshow#s4  {
	background-image: url(../images/thumbback4.gif);
	background-position: left 168px;
	background-repeat: no-repeat;
}
.slideshow#s5  {
	background-image: url(../images/thumbback5.gif);
	background-position: left 168px;
	background-repeat: no-repeat;
}
.slideshow#s6  {
	background-image: url(../images/thumbback6.gif);
	background-position: left 168px;
	background-repeat: no-repeat;
}
.slideshow#s7  {
	background-image: url(../images/thumbback7.gif);
	background-position: left 168px;
	background-repeat: no-repeat;
}

.slideshow h3 {
	background-image: url(../images/aaheading3.gif);
	background-repeat: no-repeat;
	background-position: left 25px;
	padding-top: 29px;
	padding-bottom: 15px;
}

.slideshow h4 {
	background-image: url(../images/aaheading4.gif);
	background-repeat: no-repeat;
	background-position: left 9px;
	padding-top: 13px;
}

.slideshow h5 {
	background-image: url(../images/aaheading4.gif);
	background-repeat: no-repeat;
	background-position: left 9px;
	padding-top: 13px;
	font-weight:normal;
}

.slideshow h5 a {
	font-weight:bold;
}

.slideshow p {

}

.pics, a.pics {
	margin: 0px;
	overflow: hidden;
	width: 232px;
	height: 167px;
	padding: 0px;
	border: 1px dotted #455355;
	cursor:pointer;
}


a.broll1, a.nroll1, a.top {
	display: block;
	width: 26px;
	height: 26px;
	text-decoration: none;
	border:none;
	float: right;
}

a.top {
	background: url(../images/top.gif) 0 0 no-repeat;
	margin-right: 1px;
}

a.broll1 {
	background: url(../images/back.gif) 0 0 no-repeat;
	margin-right: 1px;
}

a.nroll1 {
	background: url(../images/next.gif) 0 0 no-repeat;
	margin-left: 2px;
}
 
a:hover.broll1, a:hover.nroll1, a:hover.top {
    background-position: 0 -26px;
} 

a:focus { outline: none; 
}
.thanks {
	width:833px;
	padding-top: 40px;
	clear: both;
	margin-left:auto;
	margin-right:auto;
	height: 275px;
	padding-left: 43px;
	padding-right: 43px;
	background-image: url(../images/contact-back2.gif);
	background-repeat: no-repeat;
	background-position: 0px 62px;
	}

.footer {
	width:833px;
	padding-top: 194px;
	margin-left:auto;
	margin-right:auto;
	height: 275px;
	padding-left: 42px;
	padding-right: 43px;
}


.fwrapper {
	background-image: url(../images/contact-backjj.gif);
	background-repeat: no-repeat;
	background-position: center top;
	position:absolute;
	width:100%;
	z-index: 2000;
	top: 0px;
	margin-top: 13420px;

	
}

.submit1 {
  width: 168px;
  height: 77px;
  background-image: url(../images/submit1.gif);
  background-color: transparent;
  border-style: none;
}

.submit2 {
  width: 168px;
  height: 77px;
  background-image: url(../images/submit2.gif);
  background-color: transparent;
  cursor: pointer;
  border-style: none;
}

/* text and headings - heading text hidden */

.contact {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
}


h1 {
	padding-bottom:11px;
}
h1 span, h2 span, h3 span {
	display:none;
}
h3, h4, h5 {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#6ed0ff;
	padding-left: 8px;
}
#heading1 {
	background-image: url(../images/aaheading2.gif);
	background-repeat: no-repeat;
	height: 21px;
}

#justjuicy {
	background-image: url(../images/logohome.gif);
	background-repeat: no-repeat;
	height: 211px;
	background-position: center top;
}

#justjuicyTY {
	background-image: url(../images/logohome.gif);
	background-repeat: no-repeat;
	height: 211px;
	background-position: center top;
}


#contact {
	background-image: url(../images/aaheading-contact2.gif);
	background-repeat: no-repeat;
	height: 24px;
}

.c-form {
	padding-left:160px;
	padding-top: 20px;
}

.c-form2 {
	padding-left:160px;
	padding-top: 55px;
}

.c-form h3, .c-form2 h3 {
	padding-left: 0px;
	color:#3eb4df;
	}

.c-form p, .c-form2 p  {
	color:#3eb4df;
	line-height: 15px;

	*line-height: 13px;
}

.form1 {
	width: 252px;
	float: left;
	padding-top: 14px;
}
.form2 {
	width: 253px;
	float: left;
	padding-top: 14px;
}
.form3 {
	width: 168px;
	float: left;
	margin-top: 30px;
	background-image: url(../images/submit2.gif);
}
#name, #company, #email {
	width:223px;
	margin-top: 0px;
	height: 13px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-right: 16px;
	border: 1px solid #ffffff;
	margin-bottom: 2px;
	color: #3eb4df;
}

textarea {
	width:223px;
	margin-top: 0px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-right: 12px;
	height: 77px;
	border: 1px solid #ffffff;
	color: #3eb4df;
	scrollbar-3dlight-color:    #FFFFFF;
	scrollbar-arrow-color:      #999999;
	scrollbar-base-color:       #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-face-color:       #f2eee3;
	scrollbar-highlight-color:  #FFFFFF;
	scrollbar-shadow-color:     #999999;
}
	
.top, .top a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	float:right;
	clear: none;
	}

/* projects */ 
#ianbrown {
	background-image: url(../images/aaheading-ib.gif);
	background-repeat: no-repeat;
	height: 24px;
}

#jumeirah {
	background-image: url(../images/aaheading-jum.gif);
	background-repeat: no-repeat;
	height: 24px;
}

#amityville {
	background-image: url(../images/aaheading-ah.gif);
	background-repeat: no-repeat;
	height: 24px;
}

#amystudt {
	background-image: url(../images/aaheading-as.gif);
	background-repeat: no-repeat;
	height: 24px;
}

#andreaross {
	background-image: url(../images/aaheading-ar.gif);
	background-repeat: no-repeat;
	height: 24px;
}

#annie {
	background-image: url(../images/aaheading-an.gif);
	background-repeat: no-repeat;
	height: 24px;
}

#borders {
	background-image: url(../images/aaheading-bb.gif);
	background-repeat: no-repeat;
	height: 24px;
}

#carmenreid {
	background-image: url(../images/aaheading-cr.gif);
	background-repeat: no-repeat;
	height: 24px;
}

#frecordings {
	background-image: url(../images/aaheading-fr.gif);
	background-repeat: no-repeat;
	height: 24px;
}
#garygo {
	background-image: url(../images/aaheading-gg.gif);
	background-repeat: no-repeat;
	height: 24px;
}
#harrypotter {
	background-image: url(../images/aaheading-hp.gif);
	background-repeat: no-repeat;
	height: 24px;
}
#jsavoretti {
	background-image: url(../images/aaheading-js.gif);
	background-repeat: no-repeat;
	height: 24px;
}
#luciana {
	background-image: url(../images/aaheading-lc.gif);
	background-repeat: no-repeat;
	height: 24px;
}
#luketoms {
	background-image: url(../images/aaheading-lt.gif);
	background-repeat: no-repeat;
	height: 24px;
}
#maresa {
	background-image: url(../images/aaheading-mm.gif);
	background-repeat: no-repeat;
	height: 24px;
}
#marvin {
	background-image: url(../images/aaheading-mvm.gif);
	background-repeat: no-repeat;
	height: 24px;
}
#modern {
	background-image: url(../images/aaheading-mod.gif);
	background-repeat: no-repeat;
	height: 24px;
}
#paramore {
	background-image: url(../images/aaheading-pm.gif);
	background-repeat: no-repeat;
	height: 24px;
}
#paulweller {
	background-image: url(../images/aaheading-pw.gif);
	background-repeat: no-repeat;
	height: 24px;
}
#protocol {
	background-image: url(../images/aaheading-pc.gif);
	background-repeat: no-repeat;
	height: 24px;
}
#vendetta {
	background-image: url(../images/aaheading-vfor.gif);
	background-repeat: no-repeat;
	height: 24px;
}
#virgin {
	background-image: url(../images/aaheading-avb.gif);
	background-repeat: no-repeat;
	width:500px;
	height: 24px;
}
#w14 {
	background-image: url(../images/aaheading-w14.gif);
	background-repeat: no-repeat;
	height: 24px;
}
#zoomstarz {
	background-image: url(../images/aaheading-zs.gif);
	background-repeat: no-repeat;
	height: 24px;
}