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

html {
    height: 100%
}

body {
  	background-image: url(images/background.jpg);
    background-position: center top;
	margin: 0px;
	height: 100%;
	}
	
#fadeshow1 {
	position: relative;
	z-index:3;
	top: 50%;
	left: 50%;
	width: 1250px;
	height: 600px;
	margin-top: -300px; /*always take 1/2 from the size of the height, they have to be negative*/;
	margin-left: -625px; /*always take 1/2 from the size of the width, they have to be negative*/
	}
	
#fadeshow2 {
	width: 620px;
	height: 360px;
	}
	
#fadeshow3 {
	width: 250px;
	height: 354px;
	}
	
#jlcgallery1 {
	width: 100%;
	margin: 0px;
	padding: 0px 0px;
	text-align: center; 
	position: relative; 
	visibility: hidden; 
	border: 0px solid #ff0000;
	} 	
	
#jlcgallery1 .gallerydesctext{
text-align: left;
padding: 2px 5px;
	}
	
#enter { 
	position: relative;
	z-index:4;
	left: 50%;
	width: 2000px;
	margin-top: 561; /*always take 1/2 from the size of the height, they have to be negative*/;
	margin-left: -1000px; /*always take 1/2 from the size of the width, they have to be negative*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #cc4995;
	text-align:center;
	}
	
a:link {color: #CCCCCC}
a:visited {color: #CCCCCC}
a:hover {color: #FFFFFF}
a:active {color: #FFFFFF}

a.pink:link {color:#cc4995;}
a.pink:visited {color:#cc4995;}
a.pink:hover {color:#ffb8e1;}
a.pink:active {color:#FFFFFF;}

/*lightbox links*/
#imageDataContainer a:link {color: #cc4995; text-decoration: none;}
#imageDataContainer a:visited {color: #cc4995; text-decoration: none;}
#imageDataContainer a:hover {color: #FF99FF; text-decoration: none;}
#imageDataContainer a:focus {color: #FF99FF; text-decoration: none;}
#imageDataContainer a:active {color: #FFFFFF; text-decoration: none;}


.homeText1{
   font-family: Arial, Helvetica, sans-serif;
   font-weight: normal;
   letter-spacing: 3px;
   font-size: 16px;
   color: #FFFFFF;
   text-decoration: none;
}

.homeText2{
   font-family: Arial, Helvetica, sans-serif;
   font-weight: normal;
   letter-spacing: 3px;
   font-size: 10px;
   color: #999999;
   text-decoration: none;
   line-height: 16px;
}

.homeText3{
   font-family: Arial, Helvetica, sans-serif;
   font-weight: normal;
   letter-spacing: 3px;
   font-size: 11px;
   color: #cc4995;
   text-decoration: none;
   line-height: 15px;
}

.aboutText1{
   font-family: Arial, Helvetica, sans-serif;
   font-weight: normal;
   letter-spacing: 3px;
   font-size: 10px;
   color: #999999;
   text-decoration: none;
   line-height: 16px;
}

.aboutText2{
   font-family: Arial, Helvetica, sans-serif;
   font-weight: normal;
   letter-spacing: 3px;
   font-size: 12px;
   color: #cc4995;
   text-decoration: none;
   line-height: 16px;
}

.aboutText3{
   font-family: Arial, Helvetica, sans-serif;
   font-weight: normal;
   letter-spacing: 2px;
   font-size: 10px;
   color: #999999;
   text-decoration: none;
   line-height: 14px;
}

.newsText1{
   font-family: Arial, Helvetica, sans-serif;
   font-weight: normal;
   letter-spacing: 3px;
   font-size: 11px;
   color: #999999;
   text-decoration: none;
   line-height: 16px;
}

.newsText2{
   font-family: Arial, Helvetica, sans-serif;
   font-weight: normal;
   letter-spacing: 3px;
   font-size: 10px;
   color: #999999;
   text-decoration: none;
   line-height: 16px;
}

.feedbackText{
   font-family: Arial, Helvetica, sans-serif;
   font-weight: normal;
   letter-spacing: 3px;
   font-size: 10px;
   color: #cc4995;
   text-decoration: none;
   line-height: 16px;
}

.footerText{   font-family: Arial, Helvetica, sans-serif;
   font-weight: normal;
   letter-spacing: 3px;
   font-size: 12px;
   color: #FFFFFF;
   text-decoration: none;
}

.footerText2{   font-family: Arial, Helvetica, sans-serif;
   font-weight: normal;
   letter-spacing: 3px;
   font-size: 12px;
   color: #555555;
   text-decoration: none;
}

.headerText{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #ffffff;
   line-height: 24px;
   letter-spacing: 4px;
}

.headerText2{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   color: #d54698;
   line-height: 28x;
   letter-spacing: 4px;
}

.descText{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   color: #c4c4c4;
   line-height: 15px;
   letter-spacing: 1px;
   font-weight: lighter;
   }


.descText2{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #999999;
   line-height: 15px;
   letter-spacing: 1px;
   font-weight: lighter;
   }
   
.descText3{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   font-weight: bold;
   color: #333333;
   line-height: 18px;
   letter-spacing: 1px;
   }
   
.clientText{
   font-family: Arial, Helvetica, sans-serif;
   font-weight: normal;
   letter-spacing: 2px;
   font-size: 10px;
   color: #CCCCCC;
   text-decoration: none;
   line-height: 16px;
}

 
 .clientText2{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 10px;
   font-weight: normal;
   font-style: normal;
   color: #999999;
   letter-spacing: 3px;
   line-height: 16px;
   }

.toggleText1{
   font-family: Arial, Helvetica, sans-serif;
   font-weight: normal;
   letter-spacing: 3px;
   font-size: 10px;
   color: #999999;
   text-decoration: none;
   line-height: 15px;
}

.toggleText2{
   font-family: Arial, Helvetica, sans-serif;
   font-weight: normal;
   letter-spacing: 3px;
   font-size: 10px;
   color: #cc4995;
   text-decoration: none;
   line-height: 15px;
}

#twtr-widget-1 .twtr-bd, #twtr-widget-1 .twtr-timeline i a, #twtr-widget-1 .twtr-bd p {
color:#000000 !important;
font-size: 10px;
letter-spacing: 1px;
}


/*menu*/
.applemenu{
margin: 0px 0;
margin-top: 8px;
padding: 0;
width: 119px; /*width of menu*/
border: 0;
}

.applemenu div.silverheader a{
background: black url(images/silvergradient.gif) repeat-x center left;
font: normal 9px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
letter-spacing: 2px;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 5px 0;
padding-left: 8px;
text-decoration: none;
}


.applemenu div.silverheader a:visited, .applemenu div.silverheader a:active{
color: white;
}


.applemenu div.selected a, .applemenu div.silverheader a:hover{
background-image: url(images/silvergradientover.gif);
color: white;
}

.applemenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
padding: 5px;
height: 150px; /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
opacity:0.3;
filter:alpha(opacity=30);
font: normal 11px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
color: #2a2830;
line-height: 16px;

}


	
/*step carousel gallery*/
.stepcarousel{
position: relative; /*leave this value alone*/
border: none;
overflow: scroll; /*leave this value alone*/
width: 667px; /*Width of Carousel Viewer itself*/
height: 200px; /*Height should enough to fit largest content's height*/
background: none;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 255px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}



	

/*new*/

#wrapper {
width: 675px;
margin: 0 auto; /* centers content */
padding: 0;
}

#left {
width: 200px;
margin: 0;
padding: 0; /* I zero the padding and create spacing with margin settings */
float: left;
text-align: center;
}


#right {
width: 475px;
margin: 10px 0 10px 0;
padding: 0;
float: left;
text-align: right;
}