/* - - - - - - - - - - - - - - - - - - - - -

Title: Lush New Media
Author: Wayne Roberts
URL: http://www.lushnewmedia.com

Description: style.css

Created: 18.08.06
Modified: 12.02.2010

- - - - - - - - - - - - - - - - - - - - - */

/* PAGE ATTRIBUTES */

html,body {
	margin:0;
	padding:0;
	height:100%; 
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color:#666;
	background: #f7f7f7 url(images/background.png)  repeat-x;    
/*	overflow:hidden; */ 
	}
#container {
	position:relative;
	margin: 0 auto; 
	width:980px;
	text-align:left;
	padding:0;
}

#content {
	float: left;
	display: block;
	position:relative;
	width: 980px;
	padding: 0;
	background:#fff;
	margin:15px 0 20px 0;
	min-height:380px;
	}
p {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0 0 3px;
	color: #666;
	font-size: 80%;
	line-height: 18px;
	}
h1 {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
	color: #333;
	font-weight: bold;
	font-size: 110%;
	}
h2 {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	margin: 0;
	color: #666;
	font-weight: normal;
	font-size: 100%;
	}
h3 {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 80%;
	margin: 0;
	padding: 0;
	color: #666;
	font-weight: bold;
	text-transform:uppercase;
}
h4 {
	margin: 0;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	padding: 4px 0 2px;
	color: #666;
	font-weight: bold;
	font-size: 70%;
	text-transform: uppercase;
	}
img {
	border:0;
	}	

/* HEADER */

#header {
	float: left;
	display: block;
	position:relative;
	width: 980px;
	height:135px;
	padding: 0;	
	background: url(images/header_bg.png) repeat-x;    
}
#header_big {
	float: left;
	display: block;
	position:relative;
	width: 980px;
	height:210px;
	padding: 0;	
	background: url(images/header_bg.png) repeat-x;    
	}
#logo {
	position:absolute;
	top:0px;
	left:24px;
	display: block;
	width: 100px;
	padding: 135px 0 0; 
	overflow: hidden;  
	background: url(images/logo.png) no-repeat;    
	height: 0px !important; height /**/: 135px;
	z-index: 20;
	}
#topcontact {
	position: relative;
	top:0px;
	float:right;
	display: block;
	padding: 0 12px 0 0;  
	}
#topcontact p{
	position: relative;
	top:0px;
	float:right;
	display: block;
	padding: 3px 10px;  
	color:#666;
	background:#f1f1f1;
	border-right:1px solid #fff;
	}
#topcontact p a{
	text-decoration:none;
	color:#666;
	font-weight:bold;
	}
#topcontact p a:hover{
	text-decoration:none;
	color:#333;
	font-weight:bold;
	background:#f1f1f1;
	}
#masthead {
	position: absolute;
	top:60px;
	left:0px;
	display: block;
	width: 980px;
	height: 75px;
	padding: 0;  
	background:#000;
	z-index: 10;
	}
#masthead_gallery {
	position: absolute;
	top:60px;
	left:0px;
	display: block;
	width: 980px;
	height: 150px;
	padding: 0;  
	background: #000 url(images/mast_gallery_bg.jpg) 0 0 no-repeat;    
	z-index: 10;
	}
#masthead_services {
	position: absolute;
	top:60px;
	left:0px;
	display: block;
	width: 980px;
	height: 150px;
	padding: 0;  
	background: #000 url(images/mast_services_bg.jpg) 0 0 no-repeat;    
	z-index: 10;
	}
#masthead_services_web {
	position: absolute;
	top:60px;
	left:0px;
	display: block;
	width: 980px;
	height: 150px;
	padding: 0;  
	background: #000 url(images/mast_services_bg.jpg) 0 0 no-repeat;    
	z-index: 10;
	}
#masthead_services_flash {
	position: absolute;
	top:60px;
	left:0px;
	display: block;
	width: 980px;
	height: 150px;
	padding: 0;  
	background: #000 url(images/mast_services_bg.jpg) 0 0 no-repeat;    
	z-index: 10;
	}
#masthead_services_seo {
	position: absolute;
	top:60px;
	left:0px;
	display: block;
	width: 980px;
	height: 150px;
	padding: 0;  
	background: #000 url(images/mast_services_bg.jpg) 0 0 no-repeat;    
	z-index: 10;
	}
#masthead_services_print {
	position: absolute;
	top:60px;
	left:0px;
	display: block;
	width: 980px;
	height: 150px;
	padding: 0;  
	background: #000 url(images/mast_services_bg.jpg) 0 0 no-repeat;    
	z-index: 10;
	}
#masthead_about {
	position: absolute;
	top:60px;
	left:0px;
	display: block;
	width: 980px;
	height: 150px;
	padding: 0;  
	background: #000 url(images/mast_about_bg.jpg) 0 0 no-repeat;    
	z-index: 10;
	}
#masthead_contact {
	position: absolute;
	top:60px;
	left:0px;
	display: block;
	width: 980px;
	height: 150px;
	padding: 0;  
	background: #000 url(images/mast_contact_bg.jpg) 0 0 no-repeat;    
	z-index: 10;
	}
#generic {
	display: block;
	width: 0px;
	padding: 1px 0 0; 
	margin-bottom: 0;
	overflow: hidden;  
	background: #fff url(images/shim.gif) no-repeat;    
	height: 0px !important; height /**/: 1px;
	}
#title_gallery {
	position:absolute;
	top:98px;
	display: block;
	width: 584px;
	padding: 26px 0 0; 
	margin-bottom: 0;
	overflow: hidden;  
	background: url(images/mast_gallery.gif) no-repeat;    
	height: 0px !important; height /**/: 26px;
	}
#title_services {
	position:absolute;
	top:98px;
	display: block;
	width: 584px;
	padding: 26px 0 0; 
	margin-bottom: 0;
	overflow: hidden;  
	background: url(images/mast_services.gif) no-repeat;    
	height: 0px !important; height /**/: 26px;
	}
#title_services_web {
	position:absolute;
	top:98px;
	display: block;
	width: 584px;
	padding: 26px 0 0; 
	margin-bottom: 0;
	overflow: hidden;  
	background: url(images/mast_services_web.gif) no-repeat;    
	height: 0px !important; height /**/: 26px;
	}
#title_services_flash {
	position:absolute;
	top:98px;
	display: block;
	width: 584px;
	padding: 26px 0 0; 
	margin-bottom: 0;
	overflow: hidden;  
	background: url(images/mast_services_flash.gif) no-repeat;    
	height: 0px !important; height /**/: 26px;
	}
#title_services_seo {
	position:absolute;
	top:98px;
	display: block;
	width: 584px;
	padding: 26px 0 0; 
	margin-bottom: 0;
	overflow: hidden;  
	background: url(images/mast_services_seo.gif) no-repeat;    
	height: 0px !important; height /**/: 26px;
	}
#title_services_print {
	position:absolute;
	top:98px;
	display: block;
	width: 584px;
	padding: 26px 0 0; 
	margin-bottom: 0;
	overflow: hidden;  
	background: url(images/mast_services_print.gif) no-repeat;    
	height: 0px !important; height /**/: 26px;
	}
#title_about {
	position:absolute;
	top:98px;
	display: block;
	width: 584px;
	padding: 26px 0 0; 
	margin-bottom: 0;
	overflow: hidden;  
	background: url(images/mast_about.gif) no-repeat;    
	height: 0px !important; height /**/: 26px;
	}
#title_about_news {
	position:absolute;
	top:98px;
	display: block;
	width: 584px;
	padding: 26px 0 0; 
	margin-bottom: 0;
	overflow: hidden;  
	background: url(images/mast_about_news.gif) no-repeat;    
	height: 0px !important; height /**/: 26px;
	}
#title_about_test {
	position:absolute;
	top:98px;
	display: block;
	width: 584px;
	padding: 26px 0 0; 
	margin-bottom: 0;
	overflow: hidden;  
	background: url(images/mast_about_test.gif) no-repeat;    
	height: 0px !important; height /**/: 26px;
	}
#title_about_clients {
	position:absolute;
	top:98px;
	display: block;
	width: 584px;
	padding: 26px 0 0; 
	margin-bottom: 0;
	overflow: hidden;  
	background: url(images/mast_about_clients.gif) no-repeat;    
	height: 0px !important; height /**/: 26px;
	}
#title_contact {
	position:absolute;
	top:98px;
	display: block;
	width: 584px;
	padding: 26px 0 0; 
	margin-bottom: 0;
	overflow: hidden;  
	background: url(images/mast_contact.gif) no-repeat;    
	height: 0px !important; height /**/: 26px;
	}

/* NAVIGATION */

div#menu {
	position: relative;
	top:0px;
	left:124px;
	float:left;
	height:60px;
	font-size: 80%;
	font-weight: normal;
	text-align: left;
	margin: 0;
	background: #fff;    
	padding: 0;
	}
div#menu ul {
	list-style-type: none;
	margin: 34px 0 4px 30px;
	padding: 0;
	}
div#menu ul li {
	display: inline;
	margin-left: 0; /* Ref: bug del Firefox */
	margin-right: 30px;
	}
div#menu ul li a {
	text-decoration: none;
	text-transform:uppercase;
	letter-spacing: 1px;
	font-weight:bold;
	color: #666;
	background-color: inherit;
	padding: 4px 6px;
	font-size:90%;
	}
div#menu ul li a:hover {
	color: #fff;
	background-color: #ccc;
	}
div#menu ul li a.active {
	color: #fff;
	background-color: #ccc;
}

div#menu2 {
	position: relative;
	top:0px;
	left:124px;
	float:left;
	height:60px;
	font-size: 80%;
	font-weight: normal;
	text-align: left;
	margin: 0;
	padding: 0;
	}
div#menu2 ul {
	list-style-type: none;
	margin: 12px 0 4px 30px;
	padding: 0;
	}
div#menu2 ul li {
	display: inline;
	margin-left: 0; /* Ref: bug del Firefox */
	margin-right: 20px;
	}
div#menu2 ul li a {
	text-decoration: none;
	text-transform:uppercase;
	letter-spacing: 1px;
	font-weight:bold;
	color: #999;
	background-color: inherit;
	padding: 4px 6px;
	font-size:90%;
	}
div#menu2 ul li a:hover {
	color: #fff;
	background-color: #333;
	}
div#menu2 ul li a.active {
	color: #fff;
	background-color: #333;
}


#flashcontent {
	position:relative;
	display:block;
	float:left;
	height:375px;
	width:980px;
	background:#000;
	overflow: hidden;  
}
.hidden {
	display:none;
	color:#fff;
	background:#fff;
	}

/* COLUMN RIGHT */

div#column_right {
	display: block;
	float: left;
	width: 300px;
	padding: 43px 25px 50px 20px;
	margin: 0;
	background: #fff;    
	}
div#column_right #services {
	display: block;
	width: 1px;
	padding: 1px 0 0; 
	overflow: hidden;  
	background: url(images/shim.gif) no-repeat;    
	height: 0px !important; height /**/: 1px;
	border-top:0;
	}
div#column_right #quote_eliza {
	display: block;
	width: 300pxpx;
	padding: 100px 0 0; 
	overflow: hidden;  
	background: url(images/quote_eliza.gif) no-repeat;    
	height: 0px !important; height /**/: 100px;
	border-top:0;
	}
div#column_right #quote_anthony {
	display: block;
	width: 300pxpx;
	padding: 100px 0 0; 
	overflow: hidden;  
	background: url(images/quote_anthony.gif) no-repeat;    
	height: 0px !important; height /**/: 100px;
	border-top:0;
	}
div#column_right #quote_amanda {
	display: block;
	width: 300pxpx;
	padding: 67px 0 0; 
	overflow: hidden;  
	background: url(images/quote_amanda.gif) no-repeat;    
	height: 0px !important; height /**/: 67px;
	border-top:0;
	}
div#column_right #quote_david {
	display: block;
	width: 300pxpx;
	padding: 100px 0 0; 
	overflow: hidden;  
	background: url(images/quote_david.gif) no-repeat;    
	height: 0px !important; height /**/: 100px;
	border-top:0;
	}
div#column_right #quote_sally {
	display: block;
	width: 300pxpx;
	padding: 100px 0 0; 
	overflow: hidden;  
	background: url(images/quote_sally.gif) no-repeat;    
	height: 0px !important; height /**/: 100px;
	border-top:0;
	}
div#column_right #quote_chris {
	display: block;
	width: 300pxpx;
	padding: 100px 0 0; 
	overflow: hidden;  
	background: url(images/quote_chris.gif) no-repeat;    
	height: 0px !important; height /**/: 100px;
	border-top:0;
	}
div#column_right #quote_nadine {
	display: block;
	width: 300pxpx;
	padding: 100px 0 0; 
	overflow: hidden;  
	background: url(images/quote_nadine.gif) no-repeat;    
	height: 0px !important; height /**/: 100px;
	border-top:0;
	}
div#column_right #quote_russell {
	display: block;
	width: 300pxpx;
	padding: 133px 0 0; 
	overflow: hidden;  
	background: url(images/quote_russell.gif) no-repeat;    
	height: 0px !important; height /**/: 133px;
	border-top:0;
	}
div#column_right #quote_andy {
	display: block;
	width: 300pxpx;
	padding: 133px 0 0; 
	overflow: hidden;  
	background: url(images/quote_andy.gif) no-repeat;    
	height: 0px !important; height /**/: 133px;
	border-top:0;
	}
div#column_right p.quote a{
	display:block;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 80%;
	font-weight: bold;
	color: #666;
	padding: 4px 0 20px;
	margin: 0;
	text-decoration: none;
	text-transform: uppercase;
	}
div#column_right h3{
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 80%;
	color: #333;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	padding-bottom:23px;
	}
div#column_right #submenu p{
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 70%;
	margin: 0;
	line-height:14px;
	padding:0 0 1px 0;
	}
div#column_right h2 a{
	display:block;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 70%;
	font-weight: bold;
	color: #666;
	padding: 0 0 2px;
	margin: 0;
	text-decoration: none;
	text-transform: uppercase;
	}
div#column_right h2 a:hover{
	color: #333;
	}
div#column_right #submenu{
	display: block;
	float: left;
	clear:both;
	padding: 0 0 5px;
	margin: 0;
	width:300px;
	}
div#column_right #submenu img {
	float: left;
	margin: 0 10px 19px 0;
	}
div#column_right #submenu a.sublink{
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 70%;
	color: #666;
	text-decoration: none;
	font-weight: bold;
	}
div#column_right #submenu a.sublink:hover{
	color: #333;
	text-decoration: none;
	}
div#column_right .subbox{
	display: block;
	float: left;
	clear:both;
	padding: 0;
	margin: 0;
	width:300px;
	height:85px;
	}
div#column_right #news {
	display: block;
	float: left;
	clear:both;
	padding: 0 0 20px;
	margin: 0;
	width:300px;
	}
div#column_right #news p {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	display: block;
	clear: both;
	color: #666;
	padding: 0 0 6px;
	}
div#column_right #news p a {
	clear: both;
	line-height: 19px;
	color: #666;
	text-decoration: none;
	font-weight: bold;
	margin-bottom: 4px;
	}
div#column_right #news p a:hover{
	color: #333;
	text-decoration: none;
	border-bottom: 1px dotted #dedede;
	}
div#column_right img.links {
	padding-bottom: 15px;
	}
div#column_right p.links {
	font-size:70%;
	}

/* COLUMN LEFT */

div#column_left {
	display: block;
	float: left;
	width: 544px;
	padding: 30px 49px 50px 40px;
	margin: 0;
	background: #fff;
	min-height:500px;
	border-right:1px solid #dedede;
	}
div#column_left p {
	padding: 0 0 5px;
	margin: 0;
	text-align: left;
	line-height: 18px;
	}
div#column_left p a {
	font-weight: bold;
	color: #666;
	text-decoration: none;
	background-color: inherit;
	}
div#column_left p a:hover, div#column_left h3 a:hover{
	color: #333;
	background-color: inherit;
	border-bottom: 1px dotted #dedede;
	}
div#column_left h1 {
	padding: 0px 0 2px;
	margin: 0;
	}
div#column_left h1.smaller {
	margin: 0;
	padding: 12px 0 7px;
	color: #333;
	font-weight: bold;
	font-size: 90%;
	text-transform:uppercase;
	}
div#column_left h2 {
	padding: 2px 0 10px;
	margin: 0;
	font-size: 70%;
	text-transform:uppercase;
	}
div#column_left h3{
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 80%;
	color: #333;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	padding:10px 0 4px 0;
	}
div#column_left ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	}
div#column_left .links li, div#column_left #sitemap li {
	font-weight: normal;
	display:block;
	border-top:1px dotted #dedede;
	}
div#column_left .links li a, div#column_left #sitemap li a{
	display:block;
	color: #666;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
	padding: 4px 10px 5px;
	}
div#column_left .links li a:hover, div#column_left #sitemap li a:hover{
	color: #333;
	background: #f7f7f7;
	}
div#column_left .links {
	font-size: 80%;
	line-height: 16px;
	padding-bottom: 20px;
	padding-top: 12px;
}
div#column_left #sitemap {
	font-size: 80%;
	line-height: 16px;
	padding-bottom: 20px;
	}
div#column_left #sitemap li {
	padding: 0;
	margin: 0 0 0 15px;
	}
div#column_left p.up {
	text-align: right;
	padding-top:15px;
	padding-bottom:20px;
	}
div#column_left p.up a{
	font-size:80%;
	font-weight:normal;
	text-transform:uppercase;
	border-bottom:0;
	}
div#column_left .active2 {
	color: #333;
	}
div#column_left ul#toggle{
	position:relative;
	display:block;
	float:left;
	width: 575px;
	clear:right;
	padding-top:15px;
	}
div#column_left ul#toggle li {
	width: 199px;
	height: 165px;
	position:relative;
	display: inline;
	margin: 0;
	display:block;
	float:left;
	}
div#column_left ul#toggle li.right {
	width: 160px;
	height: 165px;
	position:relative;
	display: inline;
	margin: 0;
	display:block;
	float:left;
	}
div#column_left ul#toggle li a{
	text-decoration: none;
	}
div#column_left ul#toggle li a.lightwindow p{
	padding: 4px 10px 4px 0;
	display:block;
	float:left;
	background: none;
	line-height: 13px;
	color: #292929;
	font-weight: bold;
	text-decoration: none;
	}
div#column_left ul#toggle li a:hover.lightwindow p{
	display:block;
	padding: 4px 10px 4px 0;
	float:left;
	background: none;
	line-height: 13px;
	color: #999;
	text-decoration: none;
	}
div#column_left ul#toggle li a.lightwindow img{
	background: #ebebeb;
	padding: 2px;
	margin: 0;
	border:3px #ebebeb solid;
	text-decoration: none;
	}
div#column_left ul#toggle li a:hover.lightwindow img{
	background: #ccc;
	padding: 2px;
	margin: 0;
	border:3px #ccc solid;
	}



div#column_left a.portlink{
	display:block;
	font-size: 80%;
	color: #666;
	text-decoration: none;
	font-weight: bold;
	padding: 0;
	margin-top: -3px;
	}
div#column_left a.portlink:hover{
	color: #333;
	text-decoration: none;
	}
div#column_left #toggleable a.portlink{
	font-size: 70%;
	}
div#column_left #toggleable a.portlink:hover{
	}
div#column_left div img{
	border: 3px solid #dedede;
	}
.newspic{
	float: left;
	position:relative;
	border: 0;
	padding: 0 10px 5px 0;
	}
div#column_left a.portlink2 {
	display:block;
	font-size: 90%;
	color: #666;
	text-decoration: none;
	font-weight: bold;
	padding: 3px 0 5px 0;
	}
div#column_left a.portlink2:hover{
	color: #333;
	text-decoration: none;
	border-bottom:0;
	}
.flashpic {
	padding:5px 0 2px;
	}

#servicesmain {
	display:block;
	width: 544px;
	padding: 15px 0 0;
	margin: 0;
	position: relative;
	float: left;
	}
#servicespanel {
	display:block;
	width: 262px;
	height: 325px;
	padding: 0 0 23px 0;
	margin: 0 0 30px 0;
	position: relative;
	float: left;
	background: #f7f7f7;
	border: 1px solid #ccc;
	}
#servicespanel h1 a{
	font-weight: bold;
	font-size: 80%;
	display: block;
	clear: both;
	position:relative;
	float:left;
	width: 248px;
	color: #fff;
	background-color: #000;
	padding: 7px 0 7px 14px;
	margin: 0 0 8px 0;
	text-decoration: none;
	}
div#column_left #servicespanel a img{
	border:0;
	padding:0;
	margin:-9px 0 0 0;
	}
div#column_left #servicespanel ul{
	display: block;
	padding: 10px 0 10px 14px;
	color: #666;
	}
div#column_left #servicespanel ul li{
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 80%;
	color: #666;
	line-height: 21px;
	}
div#column_left #servicespanel a.sublink{
	font-size: 80%;
	line-height: 17px;
	color: #666;
	text-decoration: none;
	font-weight: bold;
	padding: 0 10px 10px 16px;
	}
div#column_left #servicespanel a.sublink:hover{
	color: #333;
	text-decoration: none;
	}
div#column_left #servicespanel.right{
	float: right;
	}
div#column_left #client_list {
	width:544px;
	display: block;
	float:left;
	padding: 8px 0 10px 0;
	color: #666;
}
div#column_left #client_list1 {
	display: block;
	float:left;
	width:257px;
	padding: 0;
	color: #666;
	}
div#column_left #client_list2 {
	display: block;
	float:right;
	width:257px;
	padding: 0 0 0 0;
	color: #666;
	}
div#column_left ul#textlist {
	display: block;
	padding: 8px 0 10px 0;
	color: #666;
	}
div#column_left ul#textlist  li{
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 80%;
	color: #666;
	padding: 2px 0 3px 12px;
	line-height: 23px;
	margin-bottom:2px;
	}
div#column_left ul#textlist  li.alt{
	background-color:#f7f7f7;
	}


div#column_left #welcome {
	display: block;
	clear:both;
	width: 544px;
	padding: 50px 0 0; 
	margin-bottom: 0;
	overflow: hidden;  
	background: url(images/welcome.gif) no-repeat;    
	height: 0px !important; height /**/:50px;
	}
div#column_left #services {
	display: block;
	width: 544px;
	padding: 50px 0 0; 
	margin-bottom: 0;
	overflow: hidden;  
	background: url(images/services.gif) no-repeat;    
	height: 0px !important; height /**/: 50px;
	border-top:0;
	}
div#column_left #web-design {
	display: block;
	width: 544px;
	padding: 50px 0 0; 
	margin-bottom: 0;
	overflow: hidden;  
	background: url(images/services.gif) no-repeat;    
	height: 0px !important; height /**/: 50px;
	border-top:0;
	}
div#column_left #flash-design {
	display: block;
	width: 544px;
	padding: 50px 0 0; 
	margin-bottom: 0;
	overflow: hidden;  
	background: url(images/services.gif) no-repeat;    
	height: 0px !important; height /**/: 50px;
	border-top:0;
	}
div#column_left #web-marketing {
	display: block;
	width: 544px;
	padding: 50px 0 0; 
	margin-bottom: 0;
	overflow: hidden;  
	background: url(images/services.gif) no-repeat;    
	height: 0px !important; height /**/: 50px;
	border-top:0;
	}
div#column_left #print-design {
	display: block;
	width: 544px;
	padding: 50px 0 0; 
	margin-bottom: 0;
	overflow: hidden;  
	background: url(images/services.gif) no-repeat;    
	height: 0px !important; height /**/: 50px;
	border-top:0;
	}
div#column_left #about {
	display: block;
	width: 544px;
	padding: 50px 0 0; 
	margin-bottom: 0;
	overflow: hidden;  
	background: url(images/about.gif) no-repeat;    
	height: 0px !important; height /**/: 50px;
	border-top:0;
	}
div#column_left #about_why {
	display: block;
	width: 544px;
	padding: 50px 0 0; 
	margin-bottom: 0;
	overflow: hidden;  
	background: url(images/about_why.gif) no-repeat;    
	height: 0px !important; height /**/: 50px;
	border-top:0;
	}
div#column_left #news {
	display: block;
	width: 544px;
	padding: 50px 0 0; 
	margin-bottom: 0;
	overflow: hidden;  
	background: url(images/about_news.gif) no-repeat;    
	height: 0px !important; height /**/: 50px;
	border-top:0;
	}
div#column_left #testimonials {
	display: block;
	width: 544px;
	padding: 50px 0 0; 
	margin-bottom: 0;
	overflow: hidden;  
	background: url(images/about_test.gif) no-repeat;    
	height: 0px !important; height /**/: 50px;
	border-top:0;
	}
div#column_left #clients {
	display: block;
	width: 544px;
	padding: 50px 0 0; 
	margin-bottom: 0;
	overflow: hidden;  
	background: url(images/about_clients.gif) no-repeat;    
	height: 0px !important; height /**/: 50px;
	border-top:0;
	}
div#column_left #links {
	display: block;
	width: 544px;
	padding: 50px 0 0; 
	margin-bottom: 0;
	overflow: hidden;  
	background: url(images/links.gif) no-repeat;    
	height: 0px !important; height /**/: 50px;
	border-top:0;
	}
div#column_left #privacy {
	display: block;
	width: 544px;
	padding: 50px 0 0; 
	margin-bottom: 0;
	overflow: hidden;  
	background: url(images/privacy.gif) no-repeat;    
	height: 0px !important; height /**/: 50px;
	border-top:0;
	}
div#column_left #terms {
	display: block;
	width: 544px;
	padding: 50px 0 0; 
	margin-bottom: 0;
	overflow: hidden;  
	background: url(images/terms.gif) no-repeat;    
	height: 0px !important; height /**/: 50px;
	border-top:0;
	}
div#column_left #site-map {
	display: block;
	width: 544px;
	padding: 50px 0 0; 
	margin-bottom: 0;
	overflow: hidden;  
	background: url(images/site-map.gif) no-repeat;    
	height: 0px !important; height /**/: 50px;
	border-top:0;
	}
div#column_left #contact {
	display: block;
	width: 544px;
	padding: 50px 0 0; 
	margin-bottom: 0;
	overflow: hidden;  
	background: url(images/contact.gif) no-repeat;    
	height: 0px !important; height /**/: 50px;
	border-top:0;
	}
div#column_left #gallery {
	display: block;
	width: 544px;
	padding: 50px 0 0; 
	margin-bottom: 0;
	overflow: hidden;  
	background: url(images/gallery.gif) no-repeat;    
	height: 0px !important; height /**/: 50px;
	border-top:0;
	}

/* COLUMN GALLERY */

div#column_gallery {
	display: block;
	float: left;
	width: 900px;
	padding: 30px 40px 50px 40px;
	margin: 0;
	background: #fff;
	min-height:500px;
	}
div#column_gallery #gallery {
	display: block;
	width: 544px;
	padding: 50px 0 0; 
	margin-bottom: 0;
	overflow: hidden;  
	background: url(images/gallery.gif) no-repeat;    
	height: 0px !important; height /**/: 50px;
	border-top:0;
	}
div#column_gallery p {
	padding: 0 0 5px;
	margin: 0;
	text-align: left;
	line-height: 18px;
	}
div#column_gallery p a {
	font-weight: bold;
	color: #666;
	text-decoration: none;
	background-color: inherit;
	}
div#column_gallery p a:hover, div#column_gallery h3 a:hover{
	color: #333;
	background-color: inherit;
	border-bottom: 1px dotted #dedede;
}
div#column_gallery p.intropara{
	width:544px;
	}
div#column_gallery h1 {
	padding: 0px 0 2px;
	margin: 0;
	}
div#column_gallery h1.smaller {
	margin: 0;
	padding: 12px 0 7px;
	color: #333;
	font-weight: bold;
	font-size: 90%;
	text-transform:uppercase;
	}
div#column_gallery h2 {
	padding: 2px 0 10px;
	margin: 0;
	font-size: 70%;
	text-transform:uppercase;
	}
div#column_gallery h3{
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 80%;
	color: #333;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	padding:10px 0 4px 0;
	}
div#column_gallery .active2 {
	color: #333;
	}
div#column_gallery ul#toggle{
	position:relative;
	display:block;
	float:left;
	width: 900px;
	clear:right;
	padding:15px 0;
	margin:0;
	}
div#column_gallery div.bigpics{
	position:relative;
	display:block;
	float:left;
	width: 860px;
	clear:both;
	padding:25px 25px 25px 0;
	margin:10px 0;
	background: #f7f7f7;
	}
div#column_gallery div.bigpics img{
	position:relative;
	display:block;
	float:left;
	padding:0;
	margin:0;
	}
div#column_gallery div.bigpics h3{
	position:relative;
	display:block;
	float:left;
	width: 220px;
	padding-left: 25px;
	padding-top: 15px;
	}
div#column_gallery div.bigpics p{
	position:relative;
	display:block;
	float:left;
	width: 220px;
	padding-left: 25px;
	padding-top:3px;
	}
div#column_gallery div.bigpics a{
	position:relative;
	display:block;
	float:left;
	display:inline;
	padding-left: 25px;
	}
div#column_gallery ul#toggle li {
	display: inline;
	float:left;
	width: 180px;
	height: 175px;
	position:relative;
	margin: 0;
	}
div#column_gallery ul#toggle li.right {
	display: inline;
	float:left;
	width: 174px;
	height: 175px;
	position:relative;
	display: inline;
	margin: 0;
	}
div#column_gallery ul#toggle li a{
	text-decoration: none;
	}
div#column_gallery ul#toggle li a.lightwindow p{
	width:170px;
	height:28px;
	font-size: 75%;
	padding: 5px 0;
	display:block;
	float:left;
	background: none;
	line-height: 13px;
	color: #666;
	font-weight: bold;
	text-decoration: none;
	}
div#column_gallery ul#toggle li a:hover.lightwindow p{
	display:block;
	padding: 5px 0;
	float:left;
	background: none;
	line-height: 13px;
	color: #333;
	text-decoration: none;
	}
div#column_gallery ul#toggle li a.lightwindow img{
	background: #f7f7f7;
	padding: 7px;
	margin: 0;
	border:1px #ccc solid;
	text-decoration: none;
	}
div#column_gallery ul#toggle li a:hover.lightwindow img{
	background: #333;
	padding: 7px;
	margin: 0;
	border:1px #333 solid;
	}
#lightwindow_contents{
	margin: 0;
	padding:0 0 10px 0;
	}
#lightwindow_contents h3{
	margin: 0;
	padding: 15px 0 6px;
	color: #333;
	font-weight: bold;
	font-size: 90%;
	line-height: 21px;
	margin-left:40px;
	}
#lightwindow_contents p{
	line-height: 19px;
	width: 570px;
	color: #666;
	font-weight: normal;
	margin-left:40px;
	}
#lightwindow_contents a.portlink{
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 80%;
	line-height: 19px;
	color: #666;
	text-decoration: none;
	font-weight: bold;
	margin-left:40px;
	padding:0;
	}
#lightwindow_contents a.portlink:hover{
	color: #333;
	}
#lightwindow_contents a img{
	border: 1px solid #ccc;
	margin:40px 0 0 40px;
	}
#lightwindow_contents a:hover img{
	border: 1px solid #333;
	margin:40px 0 0 40px;
	}

div#column_gallery a.portlink{
	display:block;
	font-size: 80%;
	color: #666;
	text-decoration: none;
	font-weight: bold;
	padding: 0;
	margin-top: -3px;
	}
div#column_gallery a.portlink:hover{
	color: #333;
	text-decoration: none;
	}
div#column_gallery div a img{
	border: 1px solid #ccc;
	}
div#column_gallery div a:hover img{
	border: 1px solid #333;
	}
div#column_gallery a.portlink2{
	display:block;
	font-size: 90%;
	color: #666;
	text-decoration: none;
	font-weight: bold;
	padding: 3px 0 5px 0;
	}
div#column_gallery a.portlink2:hover{
	color: #333;
	text-decoration: none;
	}
div#column_gallery p.up {
	text-align: right;
	padding-top:15px;
	padding-bottom:20px;
	}
div#column_gallery p.up a{
	font-size:80%;
	font-weight:normal;
	text-transform:uppercase;
	border-bottom:0;
	}





/* CONTACT FORM */

legend {
	font-size: 90%;
	display: block;
	text-indent: 0;
	font-weight: bold;
	padding: 10px 0 0;
	margin: 10px 0 0;
	border: 0;
	color: #666;
	text-transform: uppercase;
	}
#contactform {
	margin: 10px 0;	
	padding:15px 20px 10px 25px;
	background-color: #f7f7f7;
	}
form fieldset {
	font-weight: bold;
	border:0;
	margin:0;
	padding:12px;
	}
div#column_left form#contactform p {
	padding:5px 0;
	margin:0;	
	font-size: 80%;
	line-height: 25px;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #666;
	}
form textarea {
	overflow:auto;
	}
#contactform input {
	font-size: 90%;
	border: 1px solid #ccc;
	margin: 0;
	padding: 6px 4px;
	background-color: #fff;
	color: #333;
	height: 16px;
	}
#contactform input.fixwidth {
	width:450px;
	}
div#column_left form#contactform .radiobtns {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #fff;
	margin: 0 3px 15px;
	line-height: 23px;
	font-weight:normal;
	}
#contactform .radiobtns input {
	border:0;
	margin: 4px 5px;
	background-color: #f7f7f7;
	}
#contactform textarea {
	border:1px solid #ccc;
	color: #333;
	margin: 0;
	padding: 4px;
	background-color: #fff;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 100%;
	line-height: 18px;
	width:450px;
	}
#contactform input.btn {
	margin:0;
	padding:0;	
	background-color: #666;
	height: 35px;
	border: 0;
	}
form .hidden {
	display:none;
	}

/* LOCATIONS */

div#locations {
	clear: both;
	margin: 0 auto; 
	padding: 20px 25px 20px 40px;
	width: 915px;
	background: #fff;    
	bottom: 0;
	margin-bottom:20px;
	}
div#locations p {
	font-size:70%;
	margin-bottom: 5px;
	line-height: 17px;
	color: #666;
	}
div#locations h3 {
	padding-bottom: 6px;
	}
div#locations p a{
	font-weight: normal;
	color: #666;
	text-decoration: none;
	background-color: inherit;
	padding: 0;
	margin: 0;
	}
div#locations p a:hover{
	color: #333;
	background-color: inherit;
	border-bottom: 1px dotted #dedede;
	}

/* FOOTER */

div#footer {
	clear: both;
	margin: 0;
	padding: 0;
	width: 100%;
	height:85px;
	background: #f7f7f7 url(images/footer_bg.png)  repeat-x;    
	text-align:center;
	}
div#footerbox {
	position:relative;
	margin: 0 auto; 
	width:980px;
	text-align:left;
	padding:0;
	height:85px;
}
div#footermenu {
	position: relative;
	float:left;
	height:30px;
	font-size: 80%;
	font-weight: normal;
	text-align: left;
	margin: 0;
	padding: 0;
	border-right:1px dotted #ccc;
	}
div#footermenu ul {
	list-style-type: none;
	margin: 12px 0 4px 25px;
	padding: 0;
	}
div#footermenu ul li {
	display: inline;
	margin-left: 0; /* Ref: bug del Firefox */
	margin-right: 25px;
	}
div#footermenu ul li a {
	text-decoration: none;
	text-transform:uppercase;
	letter-spacing: 1px;
	font-weight:bold;
	color: #666;
	background-color: inherit;
	padding: 12px 6px 2px 12px;
	font-size:80%;
	border-left:1px dotted #ccc;
	}
div#footermenu ul li a:hover {
	color: #333;
	}
#footerlogo {
	position:absolute;
	top:12px;
	left:870px;
	display: block;
	width: 100px;
	padding: 43px 0 0; 
	overflow: hidden;  
	background: url(images/logo_footer.png) no-repeat;    
	height: 0px !important; height /**/: 43px;
	}


div#footer p {
	font-size:70%;
	margin-bottom: 5px;
	line-height: 17px;
	color: #666;
	}
div#footer p a{
	font-weight: normal;
	color: #666;
	text-decoration: none;
	background-color: inherit;
	padding: 0;
	margin: 0;
	}
div#footer p a:hover{
	color: #333;
	background-color: inherit;
	}

.floatright {
	float:right;
	padding-right:30px;
	}
.hr {
	display:block;
	clear:both;
	border-top:1px dotted #dedede;
	height:20px;
	}
.hr2 {
	display:block;
	clear:both;
	border-bottom:1px dotted #dedede;
	height:10px;
	padding-top:10px;
	margin-bottom:10px;
	}
.onhold {
	display:none;
	}
