body{font-family:Arial, Helvetica, sans-serif; font-size:10px; margin:0; padding:0; background:url(../../images/floral_corner.jpg) no-repeat top left;}




#container{position:relative; width:1200px; height:300px;}

#left-column{float:left; width:125px; height:750px;}

#content{float:left; width:700px; height:600px; margin:105px 0 0 240px; text-align:center;}

#header{margin:15px 0 0 10px; padding:0;}

#footer{float:left; margin:0 0 0 0px; height:98px;}

#footer1{float:left; margin:30px 0 0 -125px; height:98px;}


#top-space{float:left; width:570px; height:120px;}

#home_text{width:600px; float:left; margin:196px 0 0 0; text-align:left;}

.ezine1, #showreel{float:left; width:650px; height:auto;}

#top-line{width:600px; margin:0 0 20px 0; border-top:thin solid #000000;}

.image{ float:left; width:150px; margin:0 0 0 15px; height:150px; background:#000000;}

.information{float:left; width:400px; height:auto; margin:0 0 0 0;}


.title{margin:0 0 0 0; padding:0;}


.copy{float:left; width:400px; margin:0px 0 0 20px; color:#333333; font-size:12px;}






.bottom-line{float:left; margin:20px 0 20px 0; padding:0; width:600px; border-bottom:thin solid #000000;}



#celf-logo{float:left; margin:105px 0 0 10px;}


.links{float:left; margin:-5px 0 0 20px; padding:0; font-size:12px;}

.links a{text-decoration:none; color:#999999;}

.links a:hover{text-decoration:none; color:#000;}


.date{float:left; width:400px; margin:0 0 0 20px; font-size:16px;}




#tag p{float:left; font-size:20px; color:#999; margin:128px 0 18px 15px;}



.sub-nav{list-style-type:none; padding:0; margin:20px 0 80px 0; padding:4px 0 4px 0; width:780px; font-size:11px; text-align:left;}

.sub-nav li{display:inline; margin:0 49px 0 0; color:#ccc;}

.sub-nav li a{text-decoration:none; color:#666;}

.sub-nav li a:hover{color:#000; border-bottom:#000000 dotted 1px;}

#company_name{font-size:12px; position:absolute; top:230px; color:#000;}


/*------------MAIN MENU------------*/


#lists {padding:0; margin:300px 0 0 138px; list-style:none; position:absolute; height:25px; float:left; width:150px; z-index:500;}

#lists li {height:20px; margin:0;}

#lists li a.tl {display:block; width:125px; padding:3px; text-decoration:none; font-size:11px; color:#666;}

#lists li a.tl:hover {text-decoration:none; color:#000; border:#ccc thin solid; padding:2px}


#lists div {display:none;}



#lists li:hover > a {display:block; width:125px; padding:2px; text-decoration:none; font-size:11px; color:#000; border:#ccc thin solid;}




#lists :hover div.pos0 {width:160px; background:url(../../images/GRAPHICS/white.png); position:absolute; left:110px; top:0px; border:#ccc thin solid;}

#lists :hover div{display:block; width:550px; background:url(../../images/GRAPHICS/white.png); position:absolute; left:110px; top:20px; padding-bottom:0px; border:#ccc thin solid;}

#lists :hover div.pos2 { width:280px; background:url(../../images/GRAPHICS/white.png); position:absolute; left:110px; top:40px; border:#ccc thin solid;}

#lists :hover div.pos3 {width:420px; background:url(../../images/GRAPHICS/white.png); position:absolute; left:110px; top:60px; border:#ccc thin solid;}

#lists :hover div.pos4 {width:120px; background:url(../../images/GRAPHICS/white.png); position:absolute; left:110px; top:80px; border:#ccc thin solid;}

#lists :hover div.pos5 {width:110px; background:url(../../images/GRAPHICS/white.png); position:absolute; left:110px; top:100px; border:#ccc thin solid;}

#lists :hover div.pos6 {width:280px; background:url(../../images/GRAPHICS/white.png); position:absolute; left:110px; top:120px; border:#ccc thin solid;}

#lists :hover div.pos7 {width:130px; background:url(../../images/GRAPHICS/white.png); position:absolute; left:110px; top:140px; border:#ccc thin solid;}


#lists :hover div dl {display:inline; padding:0; margin:5px 10px 10px 5px; float:left; width:110px;}

#lists :hover div dl dt {width:100px; background:#888; text-indent:10px; margin:0; text-decoration:none; height:20px; line-height:15px;}


#lists :hover div dl dd {padding:0; margin:0;}


#lists :hover div dd a {display:block; text-decoration:none; font-weight:normal; font-size:11px; color:#000;}

#lists :hover div dd a:hover {text-decoration:underline;}



/*------------SUB-MENU------------*/


#menu2 dl { position:absolute; top:140px; left:10px; width: 115px; z-index:30;}

#menu2 dt { padding: 3px; color: #fff; background:#666; width:109px;}

#menu2 dd {margin:0; padding:0; color: #fff;  background-color:#FFF;}

#eight a, #eight a:visited {color:#000; text-decoration:none; display:block; padding:3px; width:110px;}

#eight a:hover {text-decoration:underline;}


/*------------SUB-SUB-MENU------------*/


#menu3 dl { position:absolute; top:300px; left:10px; width: 110px; z-index:30;}

#menu3 dt { padding: 3px; color: #fff; background:#666; width:104px;}

#menu3 dd {margin:0; padding:0; color: #fff;  background-image:url(../../images/GRAPHICS/white.png);}

#nine a, #nine a:visited {color:#000; text-decoration:none; display:block; padding:3px; width:110px;}

#nine a:hover {text-decoration:underline;}




/*------------ABOUT page------------*/

#content_about {float:left; width: 650px; font-size: 12px; color:#666666; background-image: url(../../images/GRAPHICS/white.png); text-decoration:none; padding:20px;}



/*------------CAREERS page------------*/

#content_careers{float:left; width: 400px; height:100px; color: #000000; background-image: url(../../images/GRAPHICS/white.png); text-decoration:none; padding:60px 20px 45px 20px;}


/*------------CONTACT page------------*/

#address{float:left; margin:0px 0 0 20px; width:178px; height:150px; text-align:justify; line-height:15px; background-image: url(../../images/GRAPHICS/white.png); padding: 10px; clear:both;}

#submit-email{float:left; margin:10px 0 0 20px; width:200px; clear:both;}

#subnavigation-map{float:right; margin:-150px 0 0 0;}



/*------------UNSUBSCRIBE page------------*/

#unsubscribe-header{float:left; margin:0; color:#FFFFFF; font-size:16px;}

#unsubscribe-email{float:left; margin:30px 0 0 0; clear:both;}




/*------------POP UP LINK STILL IMAGES------------*/

#stillimage{}

#stillimage2{margin:30px 0 0 0;}




/*------------GALLERY------------*/


#loader {display:inline; float:left; height:auto; margin:auto; position:absolute; top:43px; left:410px; top:160px; width:auto;}

#portimage {margin:0 auto; padding:0; position:absolute; left:150px; top:160px;}

#portimage li {display:inline; list-style-type:none;}

#portimage2 {margin:0 auto; padding:0; position:absolute; left:150px; top:270px;}

#portimage2 li {display:inline; list-style-type:none;}

#portimage3 {margin:0 auto; padding:0; position:absolute; left:150px; top:385px;}

#portimage3 li {display:inline; list-style-type:none;}

#date1 {position:absolute; top:130px; left:150px;}

#date2 {position:absolute; top:247px; left:150px;}

#date3 {position:absolute; top:360px; left:150px;}

#loaderlandscape{display:inline; float:left; height:auto; margin:auto; position:absolute; left:580px; width:auto; }

#landimage {margin:0 auto; padding:0; position:absolute; left:370px;}

#landimage li {list-style-type:none; margin-bottom:14px;}

#landimage2 {margin:0 auto; padding:0; position:absolute; left:450px; }

#landimage2 li {list-style-type:none; margin-bottom:14px;}

#gallery a img {border: none; width:60px;}

#landimage3 {margin:0 auto; padding:0; position:absolute; left:150px; top:465px; }

#landimage3 li {list-style-type:none; margin-bottom:14px;}

#gallery a.wide-thumb img {border: none; width:130px;}

#landimage3-high {margin:0 auto; padding:0; position:absolute; left:370px; top:580px; }

#landimage3-high li {list-style-type:none; margin-bottom:14px;}

#container a.wide-thumb img {border: none; width:130px;}


.inspire-brochure-link{ position:absolute; top:610px; left:385px; z-index:5}



/*------------TOOLTIPS------------*/


#preview{position:absolute; border:1px solid #ccc; background:#FFF; padding:1px; display:none; color:#000;}


/*------------BRAINS PACKAGING------------*/

.revjames{position:absolute; left:473px; top:588px;}

.sagold{position:absolute; left:587px; top:588px;}

.sapremium{position:absolute; left:720px; top:588px;}

.dark{position:absolute; left:847px; top:589px;}



/*------------NEW QUAY HONEY FARM------------*/

.honey{position:absolute; top:314px; left:144px;}

.raspberry{position:absolute; top:314px; left:220px;}

.heather{position:absolute; top:312px; left:296px;}

.ginger{position:absolute; top:315px; left:370px;}

.blackberry{position:absolute; top:314px; left:445px;}

.apricot{position:absolute; top:315px; left:520px;}


/*------------CARREG------------*/

.label{position:absolute; top:595px; left:669px;}



#logo{position:fixed; margin:135px 0 0 150px;}



#sendfriend-email{margin:40px 0 0 0;}

#email{margin:5px 0 0 0; text-align:left;}

#email input{margin:0 0 0 10px;}

#email select{margin:0 0 0 10px;}

#email p{margin:0 0 10px 0;}

#email label{float:left; margin:0 0 0 0; width:80px; font-size:12px; color:#999;}

#email input.submit{float:left; margin:5px 0 0 210px; width:70px; cursor:pointer;}