@charset "utf-8";
/* CSS Document */

img, div { behavior: url(iepngfix.htc) }

body {
	margin:0 auto;
	background:url(../images/bg/bodyBG.gif) left top no-repeat fixed;
	font-family:Tahoma,Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
}

.margin_bottom_zero {
	margin-bottom:0px;
	
}

.clearDiv {
	clear:both;
}

#error_message {
	float:right;
	width:660px;
	text-align:right;
	margin-top:188px;
	padding-right:20px;
}

#wrapper {
	margin:auto;
	margin-top:4%;
	width:944px;
	height:auto;
}

#home_base_flash {
	width:922px;
	height:226px;
	float:left;
	margin-top:0px;
}

#home_base_text {
	width:239px; 
	height:226px; 
	float:left; 
	color:#999; 
	font-size:11px;
}

.home_base_text_wrapper {
	padding-left:25px;
	padding-top:20px;
	line-height:15px;
}

.home_base_text_wrapper a:link {
	color:#278008;
	font-size:11px;
	text-decoration:none;
	}
	
.home_base_text_wrapper a:hover {
	color:#60d201;
	font-size:11px;
	text-decoration:underline;
	}

.home_base_text_wrapper a:active {
	color:#278008;
	font-size:11px;
	text-decoration:none;
	}
	
.home_base_text_wrapper a:visited {
	color:#278008;
	font-size:11px;
	text-decoration:underline;
	}


.photo {
	background:url(../images/production/wine_bottle_btn.png) bottom right no-repeat;
}

#header {
	width:944px;
	height:50px;
	margin-bottom:30px;
}

#footer {
	width:922px;
	height:50px;
	margin-top:10px;
	color:#333333;
	float:right;
	text-align:right;
	font-size:11px;
	
	}
	
#footer a:link {
	color:#20468F;
	font-size:11px;
	}
	
#footer a:hover {
	color:#20468F;
	font-size:11px;
	text-decoration:underline;
	}

#footer a:active {
	color:#20468F;
	font-size:11px;
	}
	
#footer a:visited {
	color:#20468F;
	font-size:11px;
	}

#main_content {
	padding:0px;
	width:922px;
	height:494px; 
	float:right;
	
}

#txt_content_area {
	float:left;
	width:673px;
	margin-top:82px;
	height:412px;
}

#txt_content_area_design {
	float:left;
	width:673px;
	/*margin-top:82px;*/
	height:490px;
}

#txt_content {
	width:281px;
	height:392px;
	float:right;
	padding-top:20px;
	padding-right:16px;
	color:#333333;
}

#txt_content_photo {
	width:281px;
	height:392px;
	float:right;
	padding-top:20px;
	padding-right:16px;
	color:#333333;
}

#txt_content_design {
	width:281px;
	height:470px;
	float:right;
	padding-top:20px;
	padding-right:16px;
	color:#333333;
}

#txt_content_web {
	width:270px;
	height:470px;
	float:left;
	padding-top:20px;
	padding-left:36px;
	color:#333333;
}



#web_showcase {
	float:left;
	width:362px;
	height:468px;
	overflow:auto;
	margin-top:12px;
}

#txt_content_web a:link {
font-size:12px;	
color:#004f9a;
text-decoration:underline;
}

#txt_content_web a:hover {
font-size:12px;		
color:#004f9a;
text-decoration:underline;
}

#txt_content_web a:active {
	font-size:12px;	
color:#fff;
text-decoration:underline;
}

#txt_content_web a:visited {
	font-size:12px;	
color:#fff;
text-decoration:underline;
}

.web_showcase_item01 {
	float:right;
	width:332px; 
	height:90px;
	padding-top:6px;
	margin-top:20px; 
	background:url(../images/bg/webGALLERYbg.png) top left no-repeat; 
	text-align:right;	
}

.web_showcase_item {
	float:right;
	width:332px; 
	height:90px;
	padding-top:6px;
	margin-top:2px; 
	background:url(../images/bg/webGALLERYbg.png) top left no-repeat; 
	text-align:right;	
}

.web_showcase_text {
	width:164px;
	float:right;
	padding-right:30px;
	color:#fff;
}

.web_showcase_img {
	float:left;
	padding-left:6px;
}

.web_showcase_text a:link {
font-size:12px;	
color:#004f9a;
text-decoration:none;
}

.web_showcase_text a:hover {
font-size:12px;		
color:#004f9a;
text-decoration:underline;
}

.web_showcase_text a:active {
	font-size:12px;	
color:#fff;
text-decoration:underline;
}

.web_showcase_text a:visited {
	font-size:12px;	
color:#fff;
text-decoration:underline;
}

#txt_content_samples {
	width:360px;
	height:470px;
	float:left;
	padding-top:20px;
	padding-right:16px;
	color:#333333;
}

#swf_content_multimedia{
	width:360px;
	height:470px;
	float:left;
	padding-top:11px;
	padding-left:16px;
	color:#333333;
}

#flowplayer_content {
	margin-top:3px;
	margin-left:28px;
}

#txt_content_design a:link {
	color:#20468F;
	font-size:12px;
	}
	
#txt_content_design a:hover {
	color:#20468F;
	font-size:12px;
	text-decoration:underline;
	}

#txt_content_design a:active {
	color:#20468F;
	font-size:12px;
	}
	
#txt_content_design a:visited {
	color:#20468F;
	font-size:12px;
	}
	
	
#txt_content_samples a:link {
	color:#20468F;
	font-size:12px;
	}
	
#txt_content_samples a:hover {
	color:#20468F;
	font-size:12px;
	text-decoration:underline;
	}

#txt_content_samples a:active {
	color:#20468F;
	font-size:12px;
	}
	
#txt_content_samples a:visited {
	color:#20468F;
	font-size:12px;
	}
	
#txt_content a:link {
	color:#20468F;
	font-size:12px;
	}
	
#txt_content a:hover {
	color:#20468F;
	font-size:12px;
	text-decoration:underline;
	}

#txt_content a:active {
	color:#20468F;
	font-size:12px;
	}
	
#txt_content a:visited {
	color:#20468F;
	font-size:12px;
	}

p {
margin:0px;
padding:0px;
line-height:20px;
}

.whiteStrong {
	color:#FFFFFF;
}

h2 {
	font-size:16px;
	}

.home {
	background:url(../images/bg/homeCONTENTbg.jpg) top right no-repeat;
}

.showcase {
	background:url(../images/bg/showcaseLAYOUTbg.jpg) top right no-repeat;
}

.production_35 {
	background:url(../images/bg/productionHDR/35mmHDR.jpg) top right no-repeat #BEC0A9;
}

.production_cd {
	background:url(../images/bg/productionHDR/cdHDR.jpg) top right no-repeat #BEC0A9;
}

.production_poster {
	background:url(../images/bg/productionHDR/posterHDR.jpg) top right no-repeat #BEC0A9;
}

.posterProd {
	background:url(../images/bg/posterProductionBG_left.jpg) top left no-repeat #BEC0A9;
}

.bannerProd {
	background:url(../images/bg/displayProductionBG_left.jpg) top left no-repeat #BEC0A9;
}

.production_photo{
	background:url(../images/bg/productionHDR/photoHDR.jpg) top right no-repeat #BEC0A9;
}

.design_identity{
	background:url(../images/bg/designIDENTITYbg.jpg) top right no-repeat #BEC0A9;
}

.design_web{
	background:url(../images/bg/designWEBbg.jpg) top right no-repeat #BEC0A9;
}

.design_display{
	background:url(../images/bg/designDISPLAYSbg.jpg) top right no-repeat #BEC0A9;
}

.design_poster{
	background:url(../images/bg/designPOSTERbg.jpg) top right no-repeat #BEC0A9;
}

.design_multimedia{
	background:url(../images/bg/designMULTIMEDIAbg.jpg) top right no-repeat #BEC0A9;
}

.design_powerpoint{
	background:url(../images/bg/designPOWERPOINTbg.jpg) top right no-repeat #BEC0A9;
}

.design_print{
	background:url(../images/bg/designPRINTbg.jpg) top right no-repeat #BEC0A9;
}

.design_advertising{
	background:url(../images/bg/designADVERTISINGbg.jpg) top right no-repeat #BEC0A9;
}


.showcase_row_01 {
	width:650px;
	height:82px;
	margin-bottom:8px;
	clear:both;
}	

.showcase_row_02 {
	width:650px;
	height:82px;
	margin-bottom:6px;
}

.showcase_info {
	width:650px;
	height:70px;
	padding-top:12px;
	text-align:right;
	margin-bottom:8px;
	color:#fff;
}

.showcase_row_03 {
	width:650px;
	height:82px;
	margin-bottom:8px;
}

.showcase_row_04 {
	width:650px;
	height:82px;
	margin-bottom:8px;
}

.showcase_tn {
	width:130px;
	height:82px;
	float:left;
	text-align:right;
}

#menu {
	float:left;
	width:239px;
	height:494px;
}

#menu_home {
	float:left;
	width:239px;
	height:267px;
}

#menu_select {
	width:239px;
	height:79px;
	padding-bottom:10px;
}

#page_content {
	width:683px;
	height:494px;
	float:right;
}

#page_content_showcase {
	width:677px;
	height:494px;
	float:right;
	padding-right:6px;
}

.blackTXT {
	color:#000000;
}

.blackTXT_2 {
	color:#000000;
	margin-left:40px;
}

.web_rightTXT {
	margin-top:24px;
}

.webscroll_content {
	text-align:right; 
	font-family:Tahoma, Arial, Helvetica, sans-serif;
}

.webscroll_image {
	width:312px;
	padding-top:6px;	
}

h1 {
font-size:16px;
margin:0px;
}

a:link {
color:#000000;
text-decoration:underline;
}

a:hover {
color:#993300;
text-decoration:underline;
}

a:active {
color:#000000;
text-decoration:underline;
}

a:visited {
color:#000000;
text-decoration:underline;
}

/*---- STYLES FOR THE MODAL FLYIN THAT HOLDS ADDITIONAL SITE CONTENT -----*/

a {
    color: #eeefe9;
    font-size: 10px;
    text-decoration: none;
}
a:hover {text-decoration: underline;}

#content {
	
    margin:auto;
	/*margin-top:10%;*/    
	border:1px solid #000;
	background-color: #EEE;
}

ul {
  list-style-type:none;
  margin-left:0px;
}

li {
  padding: 2px;
}

/*#content #header {
  margin: auto !important;
  padding:10px;
  font-size: 13px;
  border:1px dashed gray;
  background-color:#efefef;
  width:400px;
  text-align:center;
  font-family:helvetica;
  margin-bottom:12px !important;
}*/

#secondary {
    /*color: #FFF;
    padding: 15px 35px;*/
    
}

#pageslide-slide-wrap {
    background-color: #edeee9;
	width:100%;
}

#pageslide-content h2 {
  color: #C60;
}

#pageslide-content a { 
  font-family:Tahoma,Arial, Helvetica, sans-serif; 
  font-size:11px;
}

.pageslide-close {
  font-family:Tahoma,Arial, Helvetica, sans-serif; 
  font-size:11px;
  color:#000000;
  padding:0px !important;
   

}

#showcase_wrapper {
width:728px; height:auto; color:#000000; padding-top:115px; font-family:Tahoma,Arial, Helvetica, sans-serif; font-size:11px; line-height:20px;
}

#showcase_TXTbox_top {width:362px;height:13px; background:url(images/showcase/showcase_bg/TXTbox_top.jpg) top left no-repeat;margin:0px;padding:0px;
}


/*------------ menu rollover effects ---------------------*/

ul#jmenu {
width:80%;
height:103px;
background:url(bg.png) repeat-x;
list-style:none;
margin:0;
padding:0;
/*padding-top:20px;
padding-left:20%;*/
}

/*---------------------------------------------------------*/
/*--------------------- OVERLAY STYLES --------------------*/

/* the overlayed element */ 


div.overlay { 
     
    /* growing background image */ 
    background-image:url(../images/bg/overlays/white.png); 
     
    /* dimensions after the growing animation finishes  */ 
    width:421px; 
    height:100px;         
     
    /* initially overlay is hidden */ 
    display:none; 
     
    /* some padding to layout nested elements nicely */  
    padding:45px; 
	padding-bottom:100px;
} 
 
/* default close button positioned on upper right corner */ 
div.overlay div.close { 
    background-image:url(../images/bg/overlays/close.png); 
    position:absolute; 
    right:5px; 
    top:5px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
} 
 
 
/* black */ 
div.overlay.black { 
    background:url(../images/bg/overlays/transparent.png) no-repeat !important; 
    color:#fff; 
} 
 
/* petrol */ 
div.overlay.petrol { 
    background:url(../images/bg/overlays/petrol.png) no-repeat !important; 
    color:#fff; 
} 
 
div.black h2, div.petrol h2 { 
    color:#ddd;         
}


/*------------ tooltip ---------------------*/

/* tooltip styling. uses a background image (a black box with an arrow) */ 
div.tooltip { 
    background:transparent url(../images/bg/tooltips/black_big.png) no-repeat scroll 0 0; 
	
    font-size:12px; 
    height:153px; 
    padding:30px; 
    width:310px;  
    display:none; 
    color:#fff; 
} 
 
/* tooltip title element (h3) */ 
div.tooltip h3 { 
    margin:0; 
    font-size:14px; 
    color:#fff; 
}