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



/* GENERAL */

body {
	background: #1c1c1c url("images/background.gif") top center no-repeat;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 10px;
	margin-bottom:-10px;
	}

a, a:active, a:visited, a:link {
	text-decoration: none;
	color: #533567;
	}

a:hover {
	text-decoration: underline;
	}

h2 {
	font-family: "Century Gothic";
	font-weight: normal;
	text-transform: uppercase;
	text-align: left;
	color: #464646;
	margin:0;
	padding:0;
	font-size: 22px;
}

h3 {
	font-family: "Century Gothic";
	font-weight: normal;
	text-align: left;
	color: #2d5982;
	margin-top:15px;
	padding:0;
	font-size: 18px;
	width: 410px;
}

.red {
	color: #9b0f0f;
	}
	
.orange {
	color: #aa741e;
	}

.pink {
	color: #963671;
}

.green, .green a {
	color: #427041;
}


.errorfield {
	border: 2px solid #910d0d;
	background-color: #b59393;
}


p {
	font-size: 10px;
	line-height: 16px;
	width: 450px;
	}
	
.content-item p {
	width: 420px;
	}

#pane2 p {
	width: 415px;
}



#myform input  {
width: 200px;
}

#myform #image  {
width: 80px;
}


#lowertext {
margin: 0 auto;
width: 800px;
color: #fff;
font-family: Century Gothic, Helvetica;
}

#lowertext p {
line-height: 26px;
font-size: 20px;
width: 800px;
}

#lowertext p span {
color: #999;
}

#lowertext i {
font-size: 16px;
}

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

#footer p {
color: #777;
width:100%;
}



.sociallink {width: 32px; height: 32px; margin: 5px; text-indent: -9999px; float:left; position:relative; left: -50%;}

#twitterlink  {background-image: url(images/socialicons/twitter_32.png); background-repeat: no-repeat; background-position: 0px -32px;}
/*#twitterlink:hover {background-position: 0px -32px;}*/

#facebooklink {background-image: url(images/socialicons/facebook_32.png); background-repeat: no-repeat; background-position: 0px -32px;}
/*#facebooklink:hover {background-position: 0px -32px;}*/



#home_testimonial1 {
float:left;
color: #fff;
font-family: Times New Roman, serif;
width: 140px;
line-height: 26px;
font-size: 16px;
margin-right: 40px;
padding-top:150px;
}


#home_testimonial2 {
float:left;
color: #fff;
font-family: Times New Roman, serif;
width: 140px;
line-height: 26px;
font-size: 16px;
margin-left: 40px;
padding-top:250px;
}

#home_testimonial2 a, #home_testimonial1 a {
color: #fff;
}

#home_testimonial2 a:hover, #home_testimonial1 a:hover {
text-decoration: none;
color: #cfcfcf;
}



/* DIVS */

#logo {
	background: url("images/newlogo.png") top center no-repeat;
	width: 100%;
	height: 70px;
	margin: 20px 0px 0px 0px;
	}

#mainshadow {
	height: 460px;
	width: 1050px;
	margin: 30px auto;
	text-align: center;
	
	}

#mainshadow2 {
	width: 100%;
	height: 570px;
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	}
	
#container {float:left;}
	
#mainwhite {
	width: 647px;
	height: 420px;
	background:  url("images/whitebg.jpg") top center no-repeat;
	background-repeat: none;
	padding: 20px;
	text-align: left;
	margin: 0 auto;
	display: block;
	float:left;
}

#foot {
	width: 647px;
	height: 20px;
	text-align: center;
	font-size: 10px;
	line-height: 1.5em;
	color: #555;
	margin: -10px 0px 5px 0px;
	padding: 0px 20px 0px 20px;
	overflow: hidden;
	}
	
	
.overlay {
	background:  url("images/overlay.png");
	width: 687px;
	height: 460px;
	margin: auto;
	position: absolute;
	}
 	
	
	
#fancymenu {height: 21px; font-size: 13px; font-weight:100; font-family: Times New Roman, Helvetica, Arial, Verdana;  letter-spacing: 3px; text-transform:uppercase; margin: 0 auto; margin-bottom: 10px; width: 100%; background-color: #5f5f5f; padding-top: 8px;}

#fancymenu ul {padding: 0; margin: 0; text-align:center; list-style: none;}
#fancymenu ul li {display:inline;}
#fancymenu ul li a  {color: #fff; height: 20px; position: relative; overflow: hidden; padding-left:8px; padding-right:8px; margin-top:6px; border-right: 1px solid #9f9f9f;}
#fancymenu ul li a:hover  {color: #9f9f9f; text-decoration: none;}
#fancymenu ul li .current {color: #9f9f9f;}
#fancymenu ul li .current:hover {color: #9f9f9f;}

}

#gallery {
margin-bottom: 25px;
}

.galimage {
margin-right: 20px;
margin-bottom:20px;
width: 150px; height: 109px;
}

.galimage  {
border: 5px #cecece solid;
}

.galimage:hover  {
border: 5px #545454 solid;
}




    #content-slider {
      height: 390px;
      width: 3px;
      margin: 5px;
      background: #858585;
      position: relative;
    }
    
    #rightscroll {
    float: right;
    padding-right: 188px;
    }

    .content-slider-handle {
      width: 6px;
      height: 25px;
      position: absolute;
      left: -2px;
      background: #333;
      border: solid 1px #333;
    }

    #content-scroll {
      width: 425px;
      height: 380px;
      margin-top: 10px;
      overflow: hidden;
      float:left;
    }

    #content-holder {
      width: 425px;
      height: 270px;
    }

    .content-item {
      width: 425px;
      height: 270px;
      padding: 5px;
  }
  
  
  /**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}





/* Stylesheet for my demo pages for jScrollPane - these styles aren't necessary for using jScrollPane and aren't specific to any particular example */

a.jScrollArrowUp {
	background: url(images/basic_arrow_up.gif) repeat-x 0 0;
}
a.jScrollArrowUp:hover {

}
a.jScrollArrowDown {
	background: url(images/basic_arrow_down.gif) repeat-x 0 0;
}
a.jScrollArrowDown:hover {

}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {

}


.orange-bar .jScrollPaneTrack {
	background: #f60;
}
.orange-bar .jScrollPaneDrag {
	background: #969696;
}
.orange-bar .scroll-pane {
	background: #969696;
}
			
.holder {
	float: left;
	margin: 10px;
}

.scroll-pane {
	margin-top: 15px;
	width: 590px;
	height: 370px;
	overflow: auto;
	float: left;
}

.scroll-pane-small {
	margin-top: 15px;
	width: 460px;
	height: 380px;
	overflow: auto;
	float: left;
}

#pane2 {

}



a .link {
width: 180px;
height: 135px;
float:right;
margin-top:-65px;
}