/* -------------------------------------------------------------- 
  
   * Resets default browser CSS.
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	color: #000000;
}

blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
input,textarea { margin: 0; }

/* Removes Firefox imposed outline */
a {
	outline: none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #09C;
}
a :visited{
	outline: none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	color: #004185;
}
a :active{
	outline: none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #000;
}
a :hover{
	outline: none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #FC0;
}
/* Clearing floats without extra markup  */
.wrapper { display: inline-block; }
.wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .wrapper {
	height: 1%;
}
.wrapper { display: block; }


/* -------------------------------------------------------------- 
  
   * Layout CSS.
   
-------------------------------------------------------------- */
* {
margin:0;
padding:0;
}

.clearboth {
clear:both;
}

.clearleft {
clear:left;
}

.clearright {
clear:right;
}

.floatleft{
	float: left;
	text-align: left;
	color: #FFF;
	}
.floatright{
	float: right;
	text-align: left;
	color: #FFF;
	}	
.centered {
	text-align: center;
}

body {
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	color:#000;
	float:left;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	line-height: 1.7em;
	background-color: #CCC;
	background-image: url(images/hhebck.jpg);
	background-repeat: repeat;
}

#headerbar {
	height:250px;
	background-color: #09C;
	background-image: url(images/seascape3.jpg);
}

#header {
	width:960px;
	margin-right:auto;
	margin-left:auto;
	height:260px;
}

#navbar {
	margin-right:auto;
	margin-left:auto;
	height:50px;
	border-top-width: medium;
	border-bottom-width: medium;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #feb900;
	border-bottom-color: #feb900;
	background-color: #00688A;
}
#navbar .nav {
	margin-right:auto;
	margin-left:auto;
	height:50px;
	width: 960px;
}

#logo {
	width:610px;
	float:left;
	top: 20px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 20px;
	left: auto;
	right: auto;
	z-index: 1000;
}
#topbanner {
	width:468px;
	height: 60px;
	float:left;
	top: 20px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 20px;
	left: auto;
	right: auto;
	z-index: 1000;
	margin-left: 60px;
	background-color: #CAEAFF;
	padding: 5px;
}
#props {
	width:275px;
	float:right;
	text-align: right;
	background-repeat: no-repeat;
	background-position: center center;
	vertical-align: baseline;
	margin-top: 5px;
	z-index: 500;
	margin-left: 10px;
}

#container{
	background-color: #FFF;
	height: auto;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #09C;
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	margin-top: 20px;
	margin-bottom: 20px;
	}
	
#container div.singlecolumn {
	width:auto;
	margin-right:10px;
	margin-left:10px;
	clear:none;
	overflow: visible;
	height: 100%;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-top: 10px;
}
#container div.halfcolumn {
	width:435px;
	margin-right:auto;
	margin-left:auto;
	margin-top:10px;
	clear:none;
	padding:20px;
	overflow: visible;
	height: 100%;
	margin-bottom: 10px;
	float: left;
}
#container div.onethirdcolumn {
	float:left;
	width:264px;
	margin-left:10px;
	padding-bottom:20px;
	background-image: url(images/background-container.gif);
	background-repeat: repeat-x;
	padding-top: 0px;
	padding-right: 20px;
	padding-left: 20px;
	overflow: visible;
}
#container div.twothirdscolumn {
	float:left;
	width:581px;
	margin-left:10px;
	padding-top: 0px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
	overflow: visible;
    border-right: 1px solid #09C;
}
#container .sliderblock {
	background-color:#FDF8F2;
	width:890px;
	margin-right:auto;
	margin-left:auto;
	border: 1px solid #F8EADE;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin-top:10px;
	clear:both;
	padding:20px;
	overflow: visible;
	height: 100%;
	margin-bottom: 20px;
}
#containertop{
	background-image: url(images/containertop.png);
	background-repeat: no-repeat;
	height: 30px;
	margin-right: auto;
	margin-left: auto;
	width: 960px;
	margin-top: 15px;
		}
#containerbottom{
	background-image: url(images/containerbottom.png);
	background-repeat: no-repeat;
	height: 40px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
		}
.img{
	border: 1px solid #F8EADE;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 10px;
	background-image: url(images/gpback.jpg);
	}
.thmbimg{
	border: thin solid #B63A01;
	padding: 5px;
	margin-right: 10px;
	}
#footerbar {
	height:125px;
	margin-right:auto;
	margin-left:auto;
	clear:both;
	background-color: #09C;
	margin-top: 0px;
	background-repeat: repeat-x;
	overflow: visible;
	font-family: Verdana, Geneva, sans-serif;
}

#footernav {
	width:960px;
	margin-right:auto;
	margin-left:auto;
	font-family: Verdana, Geneva, sans-serif;
}

#footernav h4{
	color: #B63A01;
	padding-left: 2px;
	padding-bottom: 5px;
	padding-top: 5px;
	font-weight: bold;
	font-size: 14px;
	font-family: Verdana, Geneva, sans-serif;
	}
#footernav .footerlinks {
   font-size: 11px;
	width:210px;
	margin-left:0px;
	float:left;
	padding: 10px;
	margin-top: 0px;
	color: #000;
}

#footernav .footerlinks a:link {
	font-size: 11px;
	display:block;
	font-weight:normal;
	color:#000;
	width:180px;
	text-align:left;
	text-decoration:none;
	background-image: url(images/arrowRight.png);
	background-repeat: no-repeat;
	background-position: 0.3em 0.6em;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 20px;
	font-family: Verdana, Geneva, sans-serif;
	border: 1px solid #FFB203;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#footernav .footerlinks a:visited {
    font-size: 11px;
	display:block;
	font-weight:normal;
	color:#E92500;
	width:180px;
	text-align:left;
	text-decoration:none;
	background-image: url(images/arrowRight.png);
	background-repeat: no-repeat;
	background-position: 0.3em 0.6em;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 20px;
	font-family: Verdana, Geneva, sans-serif;
	border: 1px solid #FFB203;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#footernav .footerlinks a:hover {
	font-size: 11px;
	background-color:#B63A01;
	font-family: Verdana, Geneva, sans-serif;
	color: #FFF;
	background-image: url(images/arrowRightover.png);
	background-repeat: no-repeat;
	background-position: 0.3em 0.6em;
	border: 1px solid #B63A01;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#footernav .seperator {
	width:5px;
	margin-left:10px;
	float:left;
	color:#FFF;
	margin-top:35px;
	padding-top: 10px;
	padding-left: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align: right;
	padding-right: 10px;
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #B63A01;
	height: 120px;
}
#footernav .companyaddress {
	width:220px;
	margin-left:10px;
	float:right;
	color:#000;
	margin-top:0px;
	padding-top: 5px;
	padding-left: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align: right;
	padding-right: 5px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
}
#footernav .socialinks {
	width:190px;
	margin-left:10px;
	float:left;
	padding: 10px;
	margin-top: 0px;
	font-family: Verdana, Geneva, sans-serif;
	color: #000;
	font-size: 12px;
}
#footernav .socialinks a:link {
	font-weight:normal;
	color:#000;
	width:175px;
	text-align:left;
	text-decoration:none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
}
#footernav .socialinks a:visited{
	font-weight:normal;
	color:#FFF;
	width:190px;
	text-align:left;
	text-decoration:none;
	}
#footernav .socialinks a:hover {
	color:#B63A01;
	text-decoration:underline;
}
#copyrightbar {
	position:static;
	top:auto;
	bottom:0;
	font-style:normal;
	color:#FFF;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	border-top-width:medium;
	border-top-style:solid;
	border-top-color:#FEB900;
	background-color:#00688A;
	font-size:10px;
	vertical-align:middle;
	padding:10px;
	height: 40px;
	margin-bottom: 0px;
	font-family: Verdana, Geneva, sans-serif;
}
#copyrightbar #copyrightcontent{
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	font-family: Verdana, Geneva, sans-serif;
	color: #FC0;
	}

a.copyrightlink:link  {
	color:#FC0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
}
a.copyrightlink:visited {
	color:#FC0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
}
a.copyrightlink:hover {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color:#FFF;
}
a.copyrightlink:active {
	color:#FC0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
}
img.light {
	outline: 1px solid #ddd;
	border-top: 1px solid #fff;
	padding: 10px;
	background: #f0f0f0;
}
img.dark {
	outline: 1px solid #111;
	border-top: 1px solid #555;
	padding: 10px;
	background: #333;
}
.sidebox {
	background-color: #EEEEEE;
	border: 1px solid #09C;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 10px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 250px;
}

.box {
	background-color: #FDF8F2;
	border: 1px solid #09C;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 10px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.memberloginbox {
	background-color: #d1ecff;
	border: 4px solid #00688A;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 5px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.alertbox {
	background-color: #FFB7B7;
	border: 1px solid #900;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 10px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-family: Verdana, Geneva, sans-serif;
}

.thumbnail{
	background-color: #FDF8F2;
	border: 1px solid #09C;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 10px;
	margin-top: 20px;
    margin-bottom: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 25px;
    margin-right: 25px;
	width: 150px;
	float: left;
}
.accomthumbnail{
	background-color: #FDF8F2;
	border: 1px solid #09C;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 0px;
	margin-left: 10px;
	margin-right: 10px;
	width: 125px;
	float: left;
	height: 100px;
	overflow: hidden;
}
.accombox {
	background-color: #FDF8F2;
	border: 1px solid #09C;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 10px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
}
.salesthumbnail{
	background-color: #FDF8F2;
	border: 1px solid #F8EADE;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 20px;
	margin-right: 0px;
	margin-left: 10px;
	margin-right: 10px;
	width: 100px;
	float: left;
	height: 75px;
	overflow: hidden;
}
.salesfrontthumbnail{
	background-color: #FFFFFF;
	border: 1px solid #F8EADE;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 20px;
	margin-right: 0px;
	margin-left: 10px;
	margin-right: 10px;
	width: 150px;
	float: left;
	overflow: hidden;
}
.sidephoto{
	background-color: #FDF8F2;
	border: 1px solid #F8EADE;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
	width: 250px;
	overflow: hidden;
}
.btn_orange {
	
	/* GENERAL */
	padding:9px 18px;
	margin:20px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	display:inline-block;	
	
	/* BACKGROUND GRADIENTS */
	background: #f48423;
	background: -moz-linear-gradient(top, #ffdf9e, #f5b026 5%, #f48423);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffd683), color-stop(.03, #f5b026), to(#f48423)); 
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5b026', EndColorStr='#f48423'); /* IE6,IE7 only */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5b026', EndColorStr='#f48423')"; /* IE8 only */


	/* BORDER RADIUS */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	
	/* BORDERS */	
	border:1px solid #e6791c;
	border-bottom:1px solid #d86f15;
	
	/* TEXT COLOR & SHADOW */
	color:#FFF;
	text-shadow: 0 1px 1px #6f3a02;
}

.btn_orange:hover	{
	
	
	/* BACKGROUND GRADIENTS */
	background: #eb7d1d;
	background: -moz-linear-gradient(top, #ffdf9e, #f1a91a 5%, #f07810);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffdf9e), color-stop(.03, #f1a91a), to(#f07810)); 
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#f1a91a', EndColorStr='#f07810'); /* IE6,IE7 only */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f1a91a', EndColorStr='#f07810')"; /* IE8 only */

	/* BORDERS */
	border-bottom:1px solid #d86f15;
	
}

.btn_orange:focus	{
	
	/* GENERAL */
	padding:10px 19px 10px 19px;
	
	/* TEXT COLOR & SHADOW */
	color:#FFF;
	text-shadow: 0 -1px 1px #894906;
	
	/* BORDERS */
	border:none;

	/* BACKGROUND GRADIENTS */
	background: #e47412;
	background: -moz-linear-gradient(top, #f07810, #f1a91a 95%, #f07810);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f07810), color-stop(.9, #f1a91a), to(#f07810)); 
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#f07810', EndColorStr='#f1a91a'); /* IE6,IE7 only */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f07810', EndColorStr='#f1a91a')"; /* IE8 only */
	
	/* INNER SHADOW & OUTER SHADOW */
	box-shadow: inset 0px 2px 5px #9b5901, 0 1px 0px #e0d5c7;
	-webkit-box-shadow: inset 0px 2px 5px #9b5901, 0 1px 0px #e0d5c7;
	-moz-box-shadow: inset 0px 2px 5px #9b5901, 0 1px 0px #e0d5c7;
	
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


.btn_red {
	
	/* GENERAL */
	padding:9px 18px;
	margin:20px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	display:inline-block;	
	
	/* BACKGROUND GRADIENTS */
	background: #d43131;
	background: -moz-linear-gradient(top, #ffaa9a, #f8674b 5%, #d54746);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffa493), color-stop(.03, #f8674b), to(#d54746)); 
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#f8674b', EndColorStr='#d54746'); /* IE6,IE7 only */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f8674b', EndColorStr='#d54746')"; /* IE8 only */


	/* BORDER RADIUS */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	
	/* BORDERS */	
	border:1px solid #d1371c;
	border-bottom:1px solid #9f220d;
	
	/* TEXT COLOR & SHADOW */
	color:#FFF;
	text-shadow: 0 1px 1px #6f3a02;
}

.btn_red:hover	{
	
	/* BACKGROUND GRADIENTS */
	background: #c92929;
	background: -moz-linear-gradient(top, #ff9986, #ee5f43 5%, #d04443);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fa8772), color-stop(.03, #ee5f43), to(#d04443)); 
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#ee5f43', EndColorStr='#d04443'); /* IE6,IE7 only */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ee5f43', EndColorStr='#d04443')"; /* IE8 only */

	/* BORDERS */
	border-bottom:1px solid #9f220d;
	
}

.btn_red:focus	{
	
	/* GENERAL */
	padding:10px 19px 10px 19px;
	
	/* TEXT COLOR & SHADOW */
	color:#FFF;
	text-shadow: 0 -1px 1px #894906;
	
	/* BORDERS */
	border:none;

	/* BACKGROUND GRADIENTS */
	background: #bc2323;
	background: -moz-linear-gradient(top, #d04443, #ee5f43 95%, #d04443);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #d04443), color-stop(.9, #ee5f43), to(#d04443)); 
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#d04443', EndColorStr='#ee5f43'); /* IE6,IE7 only */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#d04443', EndColorStr='#ee5f43')"; /* IE8 only */
	
	/* INNER SHADOW & OUTER SHADOW */
	box-shadow: inset 0px 2px 5px #9b1313, 0 1px 0px #e0c7c7;
	-webkit-box-shadow: inset 0px 2px 5px #9b1313, 0 1px 0px #e0c7c7;
	-moz-box-shadow: inset 0px 2px 5px #9b1313, 0 1px 0px #e0c7c7;
	
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* ----- ---- --- -- -  Default buttons - -- --- ---- ----- */

.buttonPro{
	display: inline-block;
	text-decoration: none;
	outline: none;
	cursor: pointer;
	font: bold 12px/1em HelveticaNeue, Arial, sans-serif;
	padding: 8px 11px;
	color: #555;
	text-shadow: 0 1px 0 #fff;
	
	background: #f5f5f5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f0f0f0));
	background: -moz-linear-gradient(top, #f9f9f9, #f0f0f0);
	
	border: 1px solid #dedede;
	border-color: #dedede #d8d8d8 #d3d3d3;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	-webkit-box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #fbfbfb;
	-moz-box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #fbfbfb;
	box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #fbfbfb;
}

.buttonPro:hover, .buttonPro:focus{
	color: #555;
	background: #efefef;
	background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#e9e9e9));
	background: -moz-linear-gradient(top, #f9f9f9, #e9e9e9);
	border-color: #ccc;
	-webkit-box-shadow: 0 2px 1px #e0e0e0, inset 0 1px 0 #fbfbfb;
	-moz-box-shadow: 0 2px 1px #e0e0e0, inset 0 1px 0 #fbfbfb;
	box-shadow: 0 1px 2px #e0e0e0, inset 0 1px 0 #fbfbfb;
}

.buttonPro:active{
	position: relative;
	top: 1px;
	
	color: #555;
	background: #efefef;
	background: -webkit-gradient(linear, left top, left bottom, from(#eaeaea), to(#f4f4f4));
	background: -moz-linear-gradient(top, #eaeaea, #f4f4f4);
	border-color: #c6c6c6;
	-webkit-box-shadow: 0 1px 0 #fff, inset 0 0 5px #ddd;
	-moz-box-shadow: 0 1px 0 #fff, inset 0 0 5px #ddd;
	box-shadow: 0 1px 0 #fff, inset 0 0 5px #ddd;
}

.buttonPro.rounded{
	padding: 8px 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}


input.buttonPro, button.buttonPro{
	*width: auto; /* IE7 Fix */
	*overflow: visible; /* IE7 Fix */
}

.buttonPro img{
	border: none;
	vertical-align: bottom;
}


/* ----- ---- --- -- -  Small buttons - -- --- ---- ----- */

.buttonPro.small{
	padding: 5px 11px;
	font-size: 11px;
	font-weight: normal;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.buttonPro.small.rounded{
	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
	border-radius: 11px;
}



/* ----- ---- --- -- -  Large buttons - -- --- ---- ----- */

.buttonPro.large{
	padding: 12px 15px;
	font-size: 20px;
	font-weight: normal;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.buttonPro.large.rounded{
	padding: 12px 22px;
	-webkit-border-radius: 23px;
	-moz-border-radius: 23px;
	border-radius: 23px;
}
/* ----- ---- --- -- -  Default buttons - -- --- ---- ----- */

.buttonPro{
	display: inline-block;
	text-decoration: none;
	outline: none;
	cursor: pointer;
	font: bold 12px/1em HelveticaNeue, Arial, sans-serif;
	padding: 8px 11px;
	color: #555;
	text-shadow: 0 1px 0 #fff;
	
	background: #f5f5f5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f0f0f0));
	background: -moz-linear-gradient(top, #f9f9f9, #f0f0f0);
	
	border: 1px solid #dedede;
	border-color: #dedede #d8d8d8 #d3d3d3;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	-webkit-box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #fbfbfb;
	-moz-box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #fbfbfb;
	box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #fbfbfb;
}

.buttonPro:hover, .buttonPro:focus{
	color: #555;
	background: #efefef;
	background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#e9e9e9));
	background: -moz-linear-gradient(top, #f9f9f9, #e9e9e9);
	border-color: #ccc;
	-webkit-box-shadow: 0 2px 1px #e0e0e0, inset 0 1px 0 #fbfbfb;
	-moz-box-shadow: 0 2px 1px #e0e0e0, inset 0 1px 0 #fbfbfb;
	box-shadow: 0 1px 2px #e0e0e0, inset 0 1px 0 #fbfbfb;
}

.buttonPro:active{
	position: relative;
	top: 1px;
	
	color: #555;
	background: #efefef;
	background: -webkit-gradient(linear, left top, left bottom, from(#eaeaea), to(#f4f4f4));
	background: -moz-linear-gradient(top, #eaeaea, #f4f4f4);
	border-color: #c6c6c6;
	-webkit-box-shadow: 0 1px 0 #fff, inset 0 0 5px #ddd;
	-moz-box-shadow: 0 1px 0 #fff, inset 0 0 5px #ddd;
	box-shadow: 0 1px 0 #fff, inset 0 0 5px #ddd;
}

.buttonPro.rounded{
	padding: 8px 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}


input.buttonPro, button.buttonPro{
	*width: auto; /* IE7 Fix */
	*overflow: visible; /* IE7 Fix */
}

.buttonPro img{
	border: none;
	vertical-align: bottom;
}


/* ----- ---- --- -- -  Small buttons - -- --- ---- ----- */

.buttonPro.small{
	padding: 5px 11px;
	font-size: 11px;
	font-weight: normal;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.buttonPro.small.rounded{
	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
	border-radius: 11px;
}



/* ----- ---- --- -- -  Large buttons - -- --- ---- ----- */

.buttonPro.large{
	padding: 12px 15px;
	font-size: 20px;
	font-weight: normal;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.buttonPro.large.rounded{
	padding: 12px 22px;
	-webkit-border-radius: 23px;
	-moz-border-radius: 23px;
	border-radius: 23px;
}
/* ----- ---- --- -- -  Default buttons - -- --- ---- ----- */

.buttonPro{
	display: inline-block;
	text-decoration: none;
	outline: none;
	cursor: pointer;
	font: bold 12px/1em HelveticaNeue, Arial, sans-serif;
	padding: 8px 11px;
	color: #555;
	text-shadow: 0 1px 0 #fff;
	
	background: #f5f5f5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f0f0f0));
	background: -moz-linear-gradient(top, #f9f9f9, #f0f0f0);
	
	border: 1px solid #dedede;
	border-color: #dedede #d8d8d8 #d3d3d3;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	-webkit-box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #fbfbfb;
	-moz-box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #fbfbfb;
	box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #fbfbfb;
}

.buttonPro:hover, .buttonPro:focus{
	color: #555;
	background: #efefef;
	background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#e9e9e9));
	background: -moz-linear-gradient(top, #f9f9f9, #e9e9e9);
	border-color: #ccc;
	-webkit-box-shadow: 0 2px 1px #e0e0e0, inset 0 1px 0 #fbfbfb;
	-moz-box-shadow: 0 2px 1px #e0e0e0, inset 0 1px 0 #fbfbfb;
	box-shadow: 0 1px 2px #e0e0e0, inset 0 1px 0 #fbfbfb;
}

.buttonPro:active{
	position: relative;
	top: 1px;
	
	color: #555;
	background: #efefef;
	background: -webkit-gradient(linear, left top, left bottom, from(#eaeaea), to(#f4f4f4));
	background: -moz-linear-gradient(top, #eaeaea, #f4f4f4);
	border-color: #c6c6c6;
	-webkit-box-shadow: 0 1px 0 #fff, inset 0 0 5px #ddd;
	-moz-box-shadow: 0 1px 0 #fff, inset 0 0 5px #ddd;
	box-shadow: 0 1px 0 #fff, inset 0 0 5px #ddd;
}

.buttonPro.rounded{
	padding: 8px 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}


input.buttonPro, button.buttonPro{
	*width: auto; /* IE7 Fix */
	*overflow: visible; /* IE7 Fix */
}

.buttonPro img{
	border: none;
	vertical-align: bottom;
}


/* ----- ---- --- -- -  Small buttons - -- --- ---- ----- */

.buttonPro.small{
	padding: 5px 11px;
	font-size: 11px;
	font-weight: normal;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.buttonPro.small.rounded{
	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
	border-radius: 11px;
}



/* ----- ---- --- -- -  Large buttons - -- --- ---- ----- */

.buttonPro.large{
	padding: 12px 15px;
	font-size: 20px;
	font-weight: normal;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.buttonPro.large.rounded{
	padding: 12px 22px;
	-webkit-border-radius: 23px;
	-moz-border-radius: 23px;
	border-radius: 23px;
}
/* ----- ---- --- -- -  Red - -- --- ---- ----- */

.buttonPro.red{
	background: #e6433d;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8674b), to(#d54746));
	background: -moz-linear-gradient(top, #f8674b, #d54746);
	border-color: #d1371c #d1371c #9f220d;
	color: #fff;
	text-shadow: 0 1px 1px #961a07;
	-webkit-box-shadow: 0 1px 2px #d6d6d6, inset 0 1px 0 #ff9573;
	-moz-box-shadow: 0 1px 2px #d6d6d6, inset 0 1px 0 #ff9573;
	box-shadow: 0 1px 2px #d6d6d6, inset 0 1px 0 #ff9573;    
}
.buttonPro.red:hover, .buttonPro.red:focus{
	background: #dd3a37;
	background: -webkit-gradient(linear, left top, left bottom, from(#ff7858), to(#cc3a3b));
	background: -moz-linear-gradient(top, #ff7858, #cc3a3b);
	border-color: #961a07;
	-webkit-box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #ff9573;
	-moz-box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #ff9573;
	box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #ff9573;    
}
.buttonPro.red:active{
	background: #e6433d;
	border-color: #961a07;
	-webkit-box-shadow: 0 1px 0 #fff, inset 0 0 5px #961a07;
	-moz-box-shadow: 0 1px 0 #fff, inset 0 0 5px #961a07;
	box-shadow: 0 1px 0 #fff, inset 0 0 5px #961a07;
}



/* ----- ---- --- -- -  Orange - -- --- ---- ----- */

.buttonPro.orange{
	margin-top: 10px;
	background: #ee8f1f;
	background: -webkit-gradient(linear, left top, left bottom, from(#f5b026), to(#f48423));
	background: -moz-linear-gradient(top, #f5b026, #f48423);
	border-color: #e6791c #e6791c #d86f15;
	color: #fff;
	text-shadow: 0 1px 1px #b85300;
	-webkit-box-shadow: 0 1px 2px #d7e9a4, inset 0 1px 0 #f8d898;
	-moz-box-shadow: 0 1px 2px #d7e9a4, inset 0 1px 0 #f8d898;
	box-shadow: 0 1px 2px #d7e9a4, inset 0 1px 0 #f8d898;    
}
.buttonPro.orange:hover, .buttonPro.orange:focus{
	margin-top: 10px;
	background: #e38512;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffbb33), to(#eb7b1a));
	background: -moz-linear-gradient(top, #ffbb33, #eb7b1a);
	border-color: #d0680c;
	-webkit-box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #ffdf9e;
	-moz-box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #ffdf9e;
	box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #ffdf9e;    
}
.buttonPro.orange:active{
	margin-top: 10px;
	background: #ee8f1f;
	border-color: #d0680c;
	-webkit-box-shadow: 0 1px 0 #fff, inset 0 0 5px #d0680c;
	-moz-box-shadow: 0 1px 0 #fff, inset 0 0 5px #d0680c;
	box-shadow: 0 1px 0 #fff, inset 0 0 5px #d0680c;
}

.formtable td
{
padding:5px;
}
.key1 {
 background-color: #99CC33;
	border: 1px solid #000;
}
.key2 {
 background-color: #0099FF;
	border: 1px solid #000;
}
.key3 {
 background-color: #FF6666;
	border: 1px solid #000;
}
.key4 {
 background-color: #FF9900;
	border: 1px solid #000;
}
.key1Text{
	font-weight: bold;
	font-size: 14px;
	font-family: Verdana, Geneva, sans-serif;
	color: #9C3;
}
.key2Text {
	font-weight: bold;
	font-size: 14px;
	font-family: Verdana, Geneva, sans-serif;
	color: #0099FF;
}
.key3Text {
	font-weight: bold;
	font-size: 14px;
	font-family: Verdana, Geneva, sans-serif;
	color: #FF6666;
}
.key4Text {
	font-weight: bold;
	font-size: 14px;
	font-family: Verdana, Geneva, sans-serif;
	color: #FF9900;
}
table{
border:0;
padding: 5px;
}