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



body{
	background-image:url(graphics/gradient.jpg);
	background-repeat:repeat-x;
	text-align:center;
	}

h1 {
	color: black;
	font-size:22px;
	letter-spacing:4px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	padding: 0 auto;
	margin: 0 auto 10px;
	padding: 0;
	
	}
	
h1.subhead {
	color: #0066FF;
	font-size:50px;
	letter-spacing:-5px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	}
	
h4 {
	color: #FF9900;
	font-size: 36px;
	letter-spacing:-1px;
	line-height:-40px;
	border: 1px red dashed;
	
	}
	
h2 {
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	letter-spacing:4px;

	}
/* this is the code that will center the whole website */

#wrapper {
	margin: 0 auto;
	padding: 0 auto;
	width: 800px;
	}
	
#header {
	background-image: url(graphics/lugano_logo.jpg);
	width: 800px;
	height: 100px;
	margin: 0 auto;
	padding: 0 auto;
	
}
	
#content {
	background-image:url(graphics/background.jpg);
	width: 800px;
	height: 674px;
	margin: 0 auto;	
	maring-top:100px;
	padding: 0 auto;


}

#videocontent {
padding: 10px;
	margin: 0 auto;
	width: 210px;
	float:left;
}

#intro {
	margin: 0 auto;
	padding: 0 auto;
	width: 600px;
	}
	
#linkcol_left {
width: 250px;
height: 500px;
float:left;
}

#linkcol_right {
width: 250px;
height: 500px;
float:left;
}

.blank {
width:188px;
height:20px;
float:left;
}
	
.link1 {
background-image:url(graphics/links/onetouchot.png);
width:188px;
height:75px;
float:left;
}

.link1:hover {
background-image:url(graphics/links/onetouchot_hover.jpg);

}

.link2 {
background-image:url(graphics/links/sterling_audio_video_logo.png);
width:188px;
height:75px;
float:left;
}

.link2:hover {
background-image:url(graphics/links/sterling_audio_video_logo_hover.png);

}

.link3 {
background-image:url(graphics/links/mylifelist.png);
width:188px;
height:75px;
float:left;
}

.link3:hover {
background-image:url(graphics/links/mylifelist_hover.png);

}

.link4 {
background-image:url(graphics/links/patricia_lapadula_com.jpg);
width:188px;
height:75px;
float:left;
}

.link4:hover {
background-image:url(graphics/links/patricia_lapadula_com_hover.png);

}

.link5 {
background-image:url(graphics/links/youtube.jpg);
width:188px;
height:75px;
float:left;
}

.link5:hover {
background-image:url(graphics/links/youtube_hover.png);

}
	
#intro2 {
	margin: 0 auto;
	width: 700px;
	height:100 px;
	}
	
#menu {
	margin: 0;
	padding-top:5px;
	text-align:center;
	}	
	
ul#menulist {
	align: auto;
	padding: 0;
	white-space:nowrap;
}
	
#menulist li {
	display: inline;
	list-style-type: none;
	color: #FF9900;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
}

#menulist a {
	padding: 6px 15px;
}



#menulist a:link {
	color: white;
	background-color:#0517C4;
	text-decoration: none;
	letter-spacing: 2px;
}

#menulist a:visited {
	color: white;
	background-color:#0517C4;
	text-decoration: none;
	letter-spacing: 2px;
}

/*
#menulist a:active {
	color: white;
	background-color:#6FA9FC;
	text-decoration: none;
	letter-spacing: 2px;
}
	*/

#menulist a:hover {
	background-color: #FF9900;
	letter-spacing: 2px;

}



#footer {
	background-color:#000000;
	width: 800px;
	height: 22px;
	margin: 0 auto;
	padding: 0 auto;
	
}


.introtext{
	text-align:left;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	}
	
.introtext_contact{
	text-align:left;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-bottom:20px;
	}
	
	
.footertext {
	color:#FFFFFF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-align:center;
	font-size: 0.6em;
padding: 5px;
	}


.entry {
	margin: 0 auto;
	width: 600px;
}


img.floatLeft { 
    float: left; 
    margin: 4px; 
	padding-right: 10px;
}

img.floatRight { 
    float: right; 
    margin: 4px; 
	padding-left: 10px;
}
	



#s3slider {
   width: 800px; /* important to be same as image width */
   height: 250px; /* important to be same as image height */
   margin: 0 auto;
   margin-top:50px;
   padding: 0 auto;
   overflow: hidden; /* important */
 
}

#s3sliderContent {
   width: 800px; /* important to be same as image width or wider */
   margin: 0;
   padding: 0;
   list-style-type: none;
   
   
}

.s3sliderImage {
   float: right; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 374px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;]
   

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
} 
	

/* These hieghts and widths should be edited to your images */	
ul#pikame{
	padding-left:0;
	width:600px;
	margin:0 auto;}
.pika_main{
	width:500px;
	padding-right:20px;
	margin:0 auto;}
#pikame li{
	margin:3px;
	float: left;
	border:1px solid black;
}

/* thats all you NEED to edit. But continue if you'd like. */
ul#pikame li img{position:relative;cursor:pointer;}
.pika_main img{border:2px solid black;}
.pika_main{position: relative;margin:0 auto;}
.pikachoose li{float:left;position:relative;overflow:hidden;list-style:none; z-index:2;}
.pika_play{position:absolute;top:20px;right:50px;z-index:1;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;}
.pika_play img{border:none !important;}
.pika_caption{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;width:100%;height:20px;text-align:center;}
.pika_navigation a{font-size: 12px;color:white;text-decoration: none;}
.pika_navigation a:hover{text-decoration: underline;}
.pika_navigation{padding-top:1px;clear:both;text-align:center;} 



#accordion {

text-align:left;
}	

.ui-widget { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 0.8em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #a6c9e2; background: #fcfdfd url(images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x; color: #222222; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { border: 1px solid #4297d7; background: #5c9ccc url(images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }
	
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em;  margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; }
.ui-accordion .ui-accordion-content-active { display: block; }/* Datepicker	



*/

#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
  top:50%;
  left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}

.notification_error
{
border: 1px solid #A25965;
height: auto;
width: 90%;
padding: 4px;
background: #F8F0F1;
text-align: left;
-moz-border-radius: 5px;
}

.notification_ok
{
border: 1px #567397 solid;
height: auto;
width: 90%
padding: 8px;
background: #f5f9fd;
text-align: center;
-moz-border-radius: 5px;
}

.info_fieldset { -moz-border-radius: 7px; border: 1px #dddddd solid; }

.info_fieldset legend
{
border: 1px #dddddd solid; 
color:#000066;

font: 15px Verdana;

padding: 2px 5px 2px 5px;
-moz-border-radius: 3px;
}

.button
{
border: 1px solid #999999; 
border-top-color: #CCCCCC; 
border-left-color: #CCCCCC; 

background: white;

color: #333333; 

font: 11px Verdana, Helvetica, Arial, sans-serif;

-moz-border-radius: 3px;
}

/* Label */ 
label  { 
font: 15px Verdana;
width: 140px; 
padding-left: 20px; 
margin: 5px; 
float: left; 
text-align: left; 
color:#333333;}

/* Input, Textarea */
input, textarea
{
margin: 5px;
padding: 0px; 
float: left;

border: 1px solid #999999; 
border-top-color: #CCCCCC; 
border-left-color: #CCCCCC; 

color: #333333; 

font: 11px Verdana, Helvetica, Arial, sans-serif;

-moz-border-radius: 3px;
}

br { clear: left; }