body {
	font: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	font-size: 12px;
	/*font-size: 62.5%;*/
	color: #CCCCCC;
}

html {
	/*background: url(../img/sagi2.jpg);*/
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position: 50% 100px;
	background-color: #F2F2F2;
	margin: 0;
}

html,body{height:100%}
* {
	margin: 0;
	padding: 0;
}
#maincontent a:link, maincontent a:visited, maincontent a:active {
	color: #000000;
	text-decoration: underline;
}
#maincontent a:hover {
	color: #666666;
	text-decoration: underline;
}
#maincontenthome {
	width: 750px;
	margin-top: 150px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 220px;
}
#maincontenthome2 {
	width: 750px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 220px;
}


/* sidebar
----------------------------------------------- */
#sidebar {
	width: 180px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	position: fixed;
	background-image: url(../img/top-bg.png);
	background-repeat:no-repeat;
	background-position: 50% 0;
	height: auto;
	top:135px;
	left: 0px;
	border-right: 1px dotted #FFFFFF;
}


#sidebar a{
	color: #fff;
	text-decoration: none;
	}


#sidebar h1 a{ font-weight: bold; }
#sidebar h1 a:hover{  }

#nav{ list-style: none; margin: 5px 5px 5px 5px;}
#nav ul {
	margin: 0.5em 0 1.2em 2em;
	}
#nav li{ 
	padding: 0; 
	margin: 0; 
	
 }
#nav a{
	display: block;
	height: 2.0em;
	padding: 0.3em 0.2em 0.2em 0.8em;
	margin-bottom: 1px;
	color: #eee;
	background-color: #363633;
	text-decoration: none;
		font: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	font-size: 12px;
	}

#nav a:hover{
	color: #1a1a1a;
	background-color: #D0EB6A;
	}	
	

#nav a { cursor: hand; }

/* end sidebar
----------------------------------------------- */	
	
.maincontentbox {
	background-image: url(../img/white.png);
	background-repeat: repeat;
	margin-left: 6px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
}
.maincontentbox ul {
	margin-left: 30px;
	margin-top: 10px;
}

.maincontentbox li {
	font-size: 14px;
}


div.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 60px;
	background-color: #343434;
	background-position: right top;
	background-image: url(../img/footleft.jpg);
	background-repeat: no-repeat;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: 100;
	font-family: Georgia;
}
h2 {
	color: #FF9999;
	letter-spacing:-0.05em;
	line-height:1.2em;
	font-size: 3em;
}
h1 {
	color:#999999;
	letter-spacing:-0.05em;
	line-height:1em;
	font-size: 1.8em;
}
p {
	font-family: Georgia, sans-serif;
	font-size: 1.2em;
	letter-spacing:0em;
}
a {
	outline: none;
}
#tophead {
	height: auto;
	width: 100%;
	z-index: 402;
	position: fixed;
}
* html #tophead {
	position: absolute; /* position fixed for IE6 */
	top: expression(((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px');
}
#topbk {
	background-color: #4B4239;
	background-image: url(../img/top-bg.png);
	width:100%;
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position: 50% 0;
	height: 130px;
}
#footleft {
	height: 25px;
	width: 73px;
	padding-top: 56px;
	padding-left: 30px;
}
#footright {
	height: auto;
	width: auto;
	float: left;
	color: #CCCCCC;
	padding-left: 30px;
	padding-top: 20px;
}
.contents {
	min-height:100%;
	width: 100%;
}
* html .contents {
	height:100%
}
div.contents {
	position: absolute;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
}
.lang {
 	font-size: 1.em;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 0px;
	z-index: 22;
	position: relative;
	top: 1px;
	font-size: 1.1em;
	font-weight: normal;
	padding-right: 15px;
}

.lang2 {
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 0px;
	z-index: 22;
	position: relative;
	top: 1px;
	float: right;
	font-size: 1.1em;
	font-weight: normal;
	padding-left: 250px;
	width:350px
}
#topright {
	/*background-image: url(http://www.salsasuave.co.uk/img/topright2.png);
	background-repeat: no-repeat;*/
	top: 0px;
	height: 232px;
	width: 248px;
	position: fixed;
	z-index: 502;
	left: 1px;
}
* html #topright {
	position: absolute; /* position fixed for IE6 */
	top: expression(((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px');
}
.topnav {
	float:left;
	width:auto;
	padding-top: 5px;
	height: auto;
	position: relative;
	z-index: auto;
	padding-bottom: 1px;
	padding-right: 30px;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	margin-right: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
}
.topnav ul {
	list-style:none;
	background-position: left;
	margin-left: 0px;
	text-decoration: none;
	padding-left: 15px;
}
.topnav li {
	text-decoration: none;
	padding-bottom: 7px;
}
.topnav li a:link, .topnav li a:visited, topnav li a:active {
	text-decoration:none;
	color: #FFFFFF;
	background-image: none;
	font-size: 1.1em;
}
.topnav li a:hover {
	color: #FF66CC;
	text-decoration:none;
}
#navbox {
	height:auto;
	width:auto;
	margin-top: 15px;
	float: left;
	margin-bottom: 7px;
	z-index: 20;
	margin-left: 290px;
	color: #666666;
}
#logo {
	height: 118px;
	width: 116px;
	left: 20px;
	top: 0px;
	float: right;
	z-index: 90000;
}
.rollover {
	display:block;
	width:118px;
	height:116px;
	text-indent:-9999px;
	display: block;
}
a.rollover:link, a.rollover:visited, a.rollover:active {
	background-image: url(../img/logo2.png);
	background-repeat: no-repeat;
	background-position:0px;
}
a.rollover:hover {
	background-position:-118px 0;
}
.langnav li {
	text-decoration: none;
	display: block;
	background-color: #006666;
	padding-left: 14px;
	background-position: center;
	float: right;
	padding-right:14px;
	width: auto;
	margin-right: 5px;
	border: 1px solid #4B4239;
	padding-bottom: 1px;
}
.langnav li a:link, .langnav li a:visited, langnav li a:active {
	text-decoration:none;
	color: #FFFFFF;
	background-image: none;
}
.langnav li a:hover {
	color: #CCCCCC;
	text-decoration:none;
}
div.main {
	padding-bottom: 90px;
	height: auto;
	padding-left: 0em;
	padding-right: 0em;
}
.clearer {
	clear:both;
	height:1px;
	overflow:hidden;
	margin-top:-1px;
}
div.main {
	padding-bottom: 150px;
	height: auto;
	padding-left: 0.5em;
	padding-right: 0.5em;
}
.boxsurround {
	width: auto;
	background-image: url(../img/boxleft.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.boxtop {
	background-image: url(../img/boxtop.png);
	background-repeat: no-repeat;
	background-position: right;
	height: 17px;
}
.boxbottom {
	background-image: url(../img/boxbottom.png);
	background-repeat: no-repeat;
	background-position: left;
	height: 15px;
}
.homebox {
	background-color: #FFFFFF;
	width: 202px;
	float: left;
	height: auto;
	margin-right: 10px;
	padding: 10px;
	border: 1px solid #CCCCCC;
}
.homebox2 {
	width: 202px;
	float: left;
	height: auto;
	margin-right: 10px;
	padding: 10px;
}
.boxestext {
	background-image: url(../img/textboxbk.gif);
	background-repeat: repeat-y;
	background-position: left;
}
.homebox2 p {
	color: #666666;
	font-size: 1em;
}
a.credit {
}
a.credit:hover {
	background-image: url(../img/credit.gif);
	background-repeat: no-repeat;
	background-position:-73px;
}
.credit {
	display:block;
	width:73px;
	height:25px;
	text-indent:-9999px;
	display: block;
	background-image: url(../img/credit.gif);
	background-repeat: no-repeat;
}
#maincontent {
	width: 550px;
	margin-top: 158px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 290px;
}
.maincontentside {
	background-color: #003366;
	height: 100px;
	width: 15px;
	float: left;
}
#sidenav {
	position: fixed;
	top: 150px;
	left: 0px;
	background-color: transparent;
	background-image: url(../img/menu-bg.png);
	background-repeat: no-repeat;
	width: 180px;
	height:auto;
	z-index: 500;
	padding-top: 60px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}

#dropshadow {
	background-image:url(../img/drop-shadow.png);
	background-repeat: repeat-x;
	height: 9px;
	top:129px;
	left: 0px;
	position: fixed;
	z-index: 490;
	min-height: 9px;
	width: 100%;
}

* html #dropshadow {
	position: absolute; /* position fixed for IE6 */
	top: expression(((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+180 + 'px');
}
* html #sidenav {
	position: absolute; /* position fixed for IE6 */
	top: expression(((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+180 + 'px');
}
#sidenav ul {
	list-style:none;
	background-position: left;
	margin-left: 0px;
	text-decoration: none;
	padding-left: 0px;
}
#sidenav li {
	text-decoration: none;
	margin-left: 0px;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
#sidenav li ul li {
	text-decoration: none;
	margin-left: 0px;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	border:none;
}
#sidenav h1 {
	font-size: 1.3em;
}
#sidenav li a:link, .sidenav li a:visited {
	text-decoration:none;
	color: #CCCCCC;
	background-image: none;
}
#sidenav li a:hover {
	color: #CCCCCC;
	text-decoration:none;
}
#sidenav li a.active:link, #sidenav li a.active:visited, #sidenav li a.active:active, #sidenav li a.active:hover {
	color: #CCCCCC;
	text-decoration:none;
}
.homebox2 h1 a:link, h1 a:active, a:visited {
	color: #FF66CC;
	text-decoration: none;
}
.homebox2 h1 a:hover {
	color: #666666;
	text-decoration: none;
}
.thumbimage {
	float: left;
	width: 120px;
	height: 120px;
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.thumbimagetext {
	float: left;
	height: auto;
	width: 370px;
}
.position {
	font-size: 1em;
	text-transform: uppercase;
	color: #333333;
}
.picholder {
	height: 202px;
	width: 500px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.picholdersmall {
	height: 144px;
	width: 500px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.encapsulate:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* IE7 still a ******* */
.encapsulate:after {
	display: inline-block;
	display: block;
}
/* trigger hasLayout in <=IE6 \*/
.encapsulate {
	height: 1%;
}
/* end trigger */

.subbox h1 {
	color: #FF66CC;
}
fieldset dl {
	padding-bottom:15px;
	padding-top:5px;
}
fieldset dt {
	float:left;
	width:180px;
	padding:5px;
}
fieldset dd {
	width:450px;
	margin:0;
	padding:5px;
}
form {
	margin:0;
	padding:0;
	font-size: 1.2em;
	color: #666666;
	font-weight: bold;
	width: 500px;
}
fieldset {
	margin:0 0 10px 0;
	padding:5px;
	border:1px solid #71614F;
}
fieldset p {
	padding:5px;
	color: #333333;
}
legend {
	margin:0;
	font-weight:bold;
	background-color: #FF66CC;
	border: 2px solid #FF66CC;
}
legend2 {
	margin:0;
	padding:5px;
	font-weight:bold;
	color: #FFFFFF;
	border: 1px solid #000000;
	height: 50px;
	width: 50px;
}
label {
	font-size: 1.1em;
	color: #000000;
}
input, textarea {
	border:1px solid #999999;
	background-color: #F2F2F2;
}
input:hover {
	background-color:#FFFFFF;
}
input.borders:focus {
	background: #fff;
	border: 1px solid #000000;
}
form p {
	font-size: 1em;
}
 * html #topright, {
 background:none;
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.salsasuave.co.uk/img/topright2.png', sizingMethod='scale');
zoom:1.0
}
* html .boxtop {
	background:none;
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.salsasuave.co.uk/img/boxtop.png', sizingMethod='scale');
	zoom:1.0
}
* html .boxbottom {
	background:none;
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.salsasuave.co.uk/img/boxbottom.png', sizingMethod='scale');
	zoom:1.0
}
* html .boxsurround {
	background:none;
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.salsasuave.co.uk/img/boxleft.png', sizingMethod='scale');
	zoom:1.0
}


.popup
{
   position:absolute; left:300px; top:135px; width:600px;
   border-style:solid;
   border-width:4;
   border-color:blue;
   background-color: #996600;
   padding:5px;
   color:white;
   font-family:Arial;
   font-weight:bold;
   font-size:10pt;
   z-index:800;
   visibility:hidden;
   height: 400px;
}