﻿		html, body {
	        height: 100%;
	        padding: 0;
	        margin: 0;
        }
        body {
	        background-color: #ddd;
	        min-height: 500px;
	        overflow-y:hidden;
        }
        body * {
	        font-family: Arial, Geneva, SunSans-Regular, sans-serif;
	        font-size: 14px;
	        color: #333;
	        line-height: 22px;
	    }
	    
	    a
	    {
	    	text-decoration:none;
	    	color:#4b4a4a;
	    	font-family:Verdana;
	    }
	    a:hover
	    {
	    	text-decoration:underline;
	    	color:#4b4a4a;
	    	font-family:Verdana;
	    }
 
        #wrapper {
	        width: 100%;
	        height: 437px;
	        margin: 50px 0 0 0; /* 200px for centered vertical */
	        overflow: hidden;
	        position: absolute;
	        left: 0;
	        top: 0%; /* 50% for centered vertical */
        }
        #carousel div {
	        width: 627px;
	        height: 350px;
	        margin: 20px 30px;
	        float: left;
	        position: relative;
        }
        #carousel div.selected {
	        box-shadow: 0 0 10px rgba(0,0,0,0.5);
	        cursor: pointer; 
	        cursor: hand;
        }
        #carousel div img {
	        display: block;
	        position: absolute;
	        top: 0;
	        left: 0;
	        z-index: 10;
        }
        #carousel div span {
	        background-color: #fff;
	        color: #666;
	        font-family: Arial Rounded MT Bold;
	        font-size: 24px;
	        /*font-weight: bold;*/
	        line-height: 50px;
	        text-align: center;
	        display: block;
	        width: 100%;
	        height: 50px;
	        overflow: hidden;
	        position: absolute;
	        bottom: 0;
	        z-index: 8;
        }
 
        #prev, #next {
	        background: center center no-repeat transparent;
	        display: block;
	        width: 30px;
	        height: 30px;
	        margin-top: -30px;
	        position: absolute;
	        top: 50%;
	        z-index: 5;
        }
        #prev:hover, #next:hover {
	        background-color: rgba(255,255,255,0.5);
	        border-radius: 5px;
        }
        #prev.disabled, #next.disabled {
	        opacity: 0.2;
	        cursor: default;
        }
        #prev.disabled:hover, #next.disabled:hover {
	        background-color: transparent;
        }
        #prev {
	        background-image: url( /img/gui-prev.png );
	        left: 50%;
	        margin-left: -357px;
        }
        #next {
	        background-image: url( /img/gui-next.png );
	        right: 50%;
	        margin-right: -357px;
        }
        
        #blkbackground
        {
        	/*background: #000000;*/
        	background-image: url( /img/popup_background.png );
			/*border: 1px #ffffff solid;*/
			/*display: none;*/
			height: 100%;
			left: 0;
			opacity: 0;
			position: fixed;
			_position: absolute; /*For Internet Explorer*/
			top: 0;
			width: 100%;
			z-index: 100 !important;
        }
        
        #content 
        {
        	z-index:100;
        	width: 600px;
        	margin: 0 auto;
        	position:relative;
        	top:15px;
			/*width: 1080px;
			height:789px;
			margin:auto;
			margin-top: 0px;
			position:relative;
			display:none;
			background-color:#ffffff;*/
			
			/*overflow: hidden;
			overflow-y:hidden;*/
			/*border:solid 2px #888888;*/
		}

		#content4 {
			z-index: 100;
			width: 600px;
			margin: 0 auto;
			position: relative;
			top: 15px;
			/*width: 1080px;
					height:789px;
					margin:auto;
					margin-top: 0px;
					position:relative;
					display:none;
					background-color:#ffffff;*/
			/*overflow: hidden;
					overflow-y:hidden;*/
			/*border:solid 2px #888888;*/
		}
		
		#appwebsitecontent 
        {
        	z-index:100;
			width: 100%;
			height:500px;
			margin:auto;
			margin-top: 0px;
			position:relative;
			display:none;
			background-color:#ffffff;
			overflow: hidden;
			overflow-y:hidden;
		}
		
		#aboutmecontent 
        {
        	z-index:100;
			width: 1080px;
			height:489px;
			margin:auto;
			margin-top: 0px;
			position:relative;
			display:none;
			/*background-color:#ffffff;*/
			overflow: hidden;
			overflow-y:hidden;
		}
		
		#contactmecontent 
        {
        	z-index:100;
			width: 680px;
			height:370px;
			margin:auto;
			margin-top: 0px;
			position:relative;
			display:none;
			background-color:#ecdecc;
			border-radius: 15px;
		}

		#wrapper2 
		{
			z-index:150;
			position: relative;
			width: 604px;
			height:483px;
			left: 0;
			top: 0px;
		}
		#carousel-wrapper2 {
			padding-bottom: 10px;
			position: relative;
			width:604px;
			height:348px;
		}
		#carousel2 
		{
			width:12684px;
			height:358px;
		}
		#carousel2{
			overflow: hidden;
		}
		#carousel-wrapper2 .caroufredsel_wrapper {
			border-radius: 10px;
			box-shadow: 0 0 5px #899;
			width:604px;
			height:358px;
		}

		#carousel2 span, #carousel2 img,
		#thumbs2 a, #thumbs2 img  {
			display: block;
			float: left;
		}
		#carousel2 span, #carousel2 a,
		#thumbs2 span, #thumbs2 a {
			position: relative;
		}
		#carousel2 img,
		#thumbs2 img {
			border: none;
			/*width: 100%;
			height: 100%;
			*/
			position: absolute;
			top: 0;
			left: 0;
		}
		#carousel2 span
		{
			width:604px;
			height:358px;
		}
		#thumbs2 
		{
			height:75px;
		}
		#carousel2 img 
		{
			width:604px;
			height:340px;
		}
		#thumbs2 img
		{
			height:71px;
			width:125px;
		}

		#thumbs-wrapper2 {
			padding: 40px 40px;
			position: relative;
		}

		#thumbs2 a {
			border: 2px solid #899;
			height:71px;
			width:155px;
			margin: 0 10px;
			overflow: hidden;
			border-radius: 10px;
			
			-webkit-transition: border-color .5s;
			-moz-transition: border-color .5s;
			-ms-transition: border-color .5s;
			transition: border-color .5s;
		}
		#thumbs2 a:hover, #thumbs2 a.selected {
			border-color: #566;
			width:170px;
		}
		
		#wrapper2 img#shadow2 {
			/*width: 100%;
			position: absolute;
			bottom: 0;*/
		}

		#prev2, #next2 {
			background: transparent url('/img/gui/carousel_nav2.png') no-repeat 0 0;
			display: block;
			width: 30px;
			height: 30px;
			margin-top: -15px;
			position: absolute;
			top: 50%;
		}
		#prev2 {
			background-position: 0 0;
			left: 5px;
		}
		#next2 {
			background-position: -30px 0;
			right: 5px;
		}			
		#prev2:hover { 
			background-position: 0 -30px;				
		}
		#next2:hover {
			background-position: -30px -30px;				
		}
		#prev2.disabled, #next2.disabled {
			display: none !important;
		}
		
		
		#content3 
        {
        	z-index:100;
        	width: 600px;
        	margin: 0 auto;
        	position:relative;
        	top:35px;
		}
		
		#wrapper3 
		{
			z-index:150;
			position: relative;
			width: 267px;
			height:483px;
			left: 0;
			top: 0px;
		}
		#carousel-wrapper3 {
			padding-bottom: 10px;
			position: relative;
			width:267px;
			height:348px;
		}
		#carousel3
		{
			width:12684px;
			height:475px;
		}
		#carousel3, #thumbs3 {
			overflow: hidden;
		}
		#carousel-wrapper3 .caroufredsel_wrapper {
			border-radius: 10px;
			box-shadow: 0 0 5px #899;
			width:267px;
			height:475px;
		}

		#carousel3 span, #carousel3 img,
		#thumbs3 a, #thumbs3 img  {
			display: block;
			float: left;
		}
		#carousel3 span, #carousel3 a,
		#thumbs3 span, #thumbs3 a {
			position: relative;
		}
		#carousel3 img,
		#thumbs3 img {
			border: none;
			/*width: 100%;
			height: 100%;
			*/
			position: absolute;
			top: 0;
			left: 0;
		}
		#carousel3 span
		{
			width:267px;
			height:475px;
		}
		#thumbs3
		{
			height:75px;
		}
		#carousel3 img 
		{
			width:267px;
			height:475px;
		}
		#thumbs3 img
		{
			height:68px;
			width:38px;
		}

		#thumbs-wrapper3 {
			padding: 40px 40px;
			position: relative;
			top:-80px;
			left:300px;
		}
		#thumbs3 a {
			border: 2px solid #899;
			height:68px;
			width:38px;
			margin: 0 10px;
			overflow: hidden;
			border-radius: 10px;
			
			-webkit-transition: border-color .5s;
			-moz-transition: border-color .5s;
			-ms-transition: border-color .5s;
			transition: border-color .5s;
		}
		#thumbs3 a:hover, #thumbs3 a.selected {
			border-color: #566;
			width:38px;
		}
		
		#wrapper3 img#shadow3 {
			/*width: 100%;
			position: absolute;
			bottom: 0;*/
		}

		#prev3, #next3 {
			background: transparent url('/img/gui/carousel_nav2.png') no-repeat 0 0;
			display: block;
			width: 30px;
			height: 30px;
			margin-top: -15px;
			position: absolute;
			top: 50%;
		}
		#prev3 {
			background-position: 0 0;
			left: 5px;
		}
		#next3 {
			background-position: -30px 0;
			right: 5px;
		}			
		#prev3:hover { 
			background-position: 0 -30px;				
		}
		#next3:hover {
			background-position: -30px -30px;				
		}
		#prev3.disabled, #next3.disabled {
			display: none !important;
		}

		#wrapper4 {
			z-index: 150;
			position: relative;
			width: 604px;
			height: 483px;
			left: 0;
			top: 0px;
		}

		#carousel-wrapper4 {
			padding-bottom: 10px;
			position: relative;
			width: 604px;
			height: 348px;
		}

		#carousel4 {
			width: 12684px;
			height: 358px;
		}

		#carousel4 {
			overflow: hidden;
		}

		#carousel-wrapper4 .caroufredsel_wrapper {
			border-radius: 10px;
			box-shadow: 0 0 5px #899;
			width: 604px;
			height: 358px;
		}

		#carousel4 span, #carousel4 img,
		#thumbs4 a, #thumbs4 img {
			display: block;
			float: left;
		}

		#carousel4 span, #carousel4 a,
		#thumbs4 span, #thumbs4 a {
			position: relative;
		}

		#carousel4 img,
		#thumbs4 img {
			border: none;
			/*width: 100%;
					height: 100%;
					*/
			position: absolute;
			top: 0;
			left: 0;
		}

		#carousel4 span {
			width: 604px;
			height: 358px;
		}

		#thumbs4 {
			height: 75px;
		}

		#carousel4 img {
			width: 604px;
			height: 340px;
		}

		#thumbs4 img {
			height: 71px;
			width: 125px;
		}

		#thumbs-wrapper4 {
			padding: 40px 40px;
			position: relative;
		}

		#thumbs4 a {
			border: 2px solid #899;
			height: 71px;
			width: 155px;
			margin: 0 10px;
			overflow: hidden;
			border-radius: 10px;
			-webkit-transition: border-color .5s;
			-moz-transition: border-color .5s;
			-ms-transition: border-color .5s;
			transition: border-color .5s;
		}

		#thumbs4 a:hover, #thumbs4 a.selected {
			border-color: #566;
			width: 170px;
		}

		#wrapper4 img#shadow4 {
			/*width: 100%;
					position: absolute;
					bottom: 0;*/
		}

		#prev4, #next4 {
			background: transparent url('/img/gui/carousel_nav2.png') no-repeat 0 0;
			display: block;
			width: 30px;
			height: 30px;
			margin-top: -15px;
			position: absolute;
			top: 50%;
		}

		#prev4 {
			background-position: 0 0;
			left: 5px;
		}

		#next4 {
			background-position: -30px 0;
			right: 5px;
		}

		#prev4:hover {
			background-position: 0 -30px;
		}

		#next4:hover {
			background-position: -30px -30px;
		}

		#prev4.disabled, #next4.disabled {
			display: none !important;
		}

		.ResponseLabel 
		{
			position: relative;
			top:10px;	
			left:20px;
			font-family:Calibri; 
			color:#5a5a5a; 
			font-size:18px;
		}
		.username 
		{
			width:280px;
			font-family:Calibri; 
			color:#5a5a5a; 
			font-size:18px; 
			padding:2px 5px; 
			border:solid 1px #a4a4a4;
		}
		.useremail
		{
			width:280px;
			font-family:Calibri; 
			color:#5a5a5a; 
			font-size:18px; 
			padding:2px 5px; 
			border:solid 1px #a4a4a4;
		}
		.usermessage
		{
			width:420px;
			height:100px;
			font-family:Calibri; 
			color:#5a5a5a; 
			font-size:18px; 
			padding:2px 5px; 
			border:solid 1px #a4a4a4;
		}

		.table_nav_cell
		{
			font-family: Calibri;
            padding: 5px 10px;
            font-size: 20px;
            background-color: #d3c87f;
            color: #393309;
            cursor: pointer;
            cursor: hand;
            width:140px;
			border: 1px solid #726826;
			text-align:center;
		}
		
		.table_nav
		{
			border-collapse:collapse;
			/*margin:0 auto;*/
			
		}
		
		.bottom_nav
		{
			position:absolute;
			top:115px;
			left:-210px;
			/*padding-top:30px;
			width: 100%;
			margin: 0 auto;*/
		}
		
		#contentreviews
		{
			display:none;
			padding-top:10px;
			padding-left:20px;
		}
		
		#contentpress
		{
			display:none;
			padding-top:10px;
			padding-left:20px;
			height:60%;
			overflow: auto;
			overflow-x: hidden;
		}
		
		#contentbuy
		{
			display:none;
			color:#ffffff;
			
		}
		
		.reviewlink
		{
			color:#ffffff;
			margin: 0 auto;
			text-align:center;
			padding-right:20px;
			padding-top:10px;
		}