body{
    margin:0 auto;
	text-align: center;
    padding: 0 0 0 0;
	color:#fff;
	background-color:#32A3F3;
	line-height:100%;
	background-image:url(../images/darkbg4.gif);
	background-repeat:repeat-x;
	font:x-small/1.2em Arial, Verdana, Helvetica, sans-serif;
	voice-family: "\"}\""; voice-family:inherit;
	font-size:small;
	} html>body {font-size:small;}
img{
	border:0px solid #fff;
	margin:0px;
}
form{
	margin:0px;
	padding:0px;
	}
fieldset{
    border:0px;
}
p{
    margin:0px 0px 15px 0px;
	padding:0px;
	line-height:120%;
}
ul{
	margin-top:0px;
	margin-bottom:0px;
}
li{
	margin-top:0px;
	margin-bottom:0px;
}
ul.none
{
	list-style: none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
}
ul.orangesquare
{
	list-style-type: square;
	color: orange;
}
.greyflower ul
{
    list-style-image:url(../images/grey.gif);
}
.greyflower li
{
    list-style-image:url(../images/grey.gif);
    margin:0px;
    padding:0px 0px 10px 0px;
}
.greenheader
{
	font-weight: bold;
    font-size:150%;
    line-height:120%;
	color:#fff;
	background-color:#9CC23C;
	font-family: Verdana, Helvetica, sans-serif;
	margin:20px 0px 10px 0px;
	padding:0px;
}
.rss
{
    
    float:right;
    
}
h1 {
	font-weight: bold;
    font-size:150%;
    line-height:120%;
	color:#0494F7;
	clear:left;
	font-family: Verdana, Helvetica, sans-serif;
	margin:0px 0px 10px 0px;
	padding:0px;
}
h2 {
	font-weight: bold;
    font-size:130%;
	color:#0494F7;
	font-family: Verdana, Helvetica, sans-serif;
	margin:15px 0px 10px 0px;
	padding:0px;
}
h3 {
	font-weight: bold;
    font-size:120%;
	color:#0494F7;
	font-family: Verdana, Helvetica, sans-serif;
	margin:20px 0px 10px 0px;
	padding:0px;
}
hr	{
	background-color:#666;
	color:#666;
	height: 1px;
	border:0px;
	width:100%;
}
.contactFormWrapper2
{
    float:right;
    width:210px;
    border-left:1px solid #dedede;
    margin:50px 0px 0px 30px;
    padding-left:20px;
}
.border{
	text-align:center;
	margin:0 auto;
	width:958px;
	background-color:#fff;
	background-image:url(../images/bg5.jpg);
	background-repeat:no-repeat;
	border-left:6px solid #096FDF;
	border-right:6px solid #096FDF;
}
.strapline
{
    width:926px;
    clear:both;
	text-align:left;
	color:#fff;
	padding-top:18px;
	margin:0px 0px 0px 32px;
	font-family:Arial, Helvetica, sans-serif;
}
.book
{
    float:right;
    margin:0px 0px 0px 20px;
}
.content
{
    width:700px;
    float:left;
    color:#666;
 	text-align:left;
	margin:0px 0px 0px 0px;
}
.screen1
{
    clear:both;
}
.content .screen1 img
{
    margin:0px;
}
.header{
	text-align:left;
	width:958px;
	height:196px;
	color:#000;
}
.headertext{
	border:1px;
	font-size:110%;
	line-height:120%;
	float:right;
	width:350px;
	margin:20px 30px 0px 0px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}
.headerlogo{
	float:left;
	margin:14px 0px 0px 27px;
	}
.clear{
	clear:both;
}
/* news
---------------------------------------------------------- */
.topnews{
    float:right;
    width:200px;
    height:190px;
    overflow:hidden;
    margin-right:20px;
    font-weight:bold;
}
.topnews a:active, .topnews a:link, .topnews a:visited {
	text-decoration:none;
	color:#FE8519;
	font-weight:bold;
	}
.topnews a:hover {
	text-decoration:underline;
	color:#FE8519;
	font-weight:bold;
	}

.topnews ul {
	margin:0px 0px 0px 0px;
	padding:0px;
	list-style:none;
}
.topnews li {
    margin:0px 0px 5px 0px;
    list-style: none;
}

.headernews
{
    float:right;
    width:510px;
    text-align:left;
    margin:60px 20px 0px 0px;
    font-size:130%;
    font-weight:bold;
    font-size:110%;
    line-height:115%;
}
.headernews a:active, .headernews a:link, .headernews a:visited {
	text-decoration:none;
	color:#0494F7;
	}
.headernews a:hover {
	color:#FF7800;
	text-decoration:none;
	}
	
.newsbox{
	clear:both;
}
.newsbox .date{
	font-weight:bold;
}
.newsboxinner{
	margin:0px 0px 20px 0px;
	clear:both;
}
.newsboxinner img{
	float:left;
	margin:0px 0px 0px 12px;
}
.newscontainer{
	float:right;
	width:400px;
	padding:0px 0px 20px 0px;
}
.newstext{
	padding:20px 0px 20px 20px;
	margin:0px 0px 0px 12px;
	float:left;
	width:380px;
}
/* breadcrumb
---------------------------------------------------------- */

.breadcrumb{
	text-align:left;
	color:#FF7800;
	font-weight:bold;
	width:580px;
	font-size:105%;
	border-left:4px solid #dedede;
	border-top:1px solid #dedede;
	padding:6px 0px 0px 20px;
}
.BCgreytext
{
    color:#FF7800;
}
.breadcrumb ul {
	margin:0px 0px 20px 0px;
	padding:0px;
	list-style:none;
	height:20px;
}
.breadcrumb li {
	display:inline;
    list-style: none;
	padding-right:0px;
	margin-right:5px;
}

.breadcrumb a:active, .breadcrumb a:link, .breadcrumb a:visited {
	text-decoration:underline;
	color:#FF7800;
	}
.breadcrumb a:hover {
	color:#FF7800;
	text-decoration:none;
	}
	
.breadcrumb ul li:before {
	content: "\0020 \0020 \0020 \00BB \0020";
	color: #FF7800;
	}
	
.breadcrumb ul li.first:before {
	content: " ";
	}
	
/* footer
---------------------------------------------------------- */
.footer
{
	margin:0 auto;
	color:#0494F7;
	width:958px;
	height:208px;
	text-align:center;
	font-size:86%;
	font-weight:bold;
	border-left:6px solid #096FDF;
	border-right:6px solid #096FDF;
	background-color:#fff;
	background-image:url(../images/bgfooter.jpg);
	background-repeat:no-repeat;
}
.copyright
{
    width:938px;
    padding:0px 0px 0px 20px;
    margin:0px 0px 0px 0px;
    text-align:left;
    background-color:#ffffff;
}

.classcal
{
    text-align:left;
    padding-top:42px;
    height:50px;
    margin:0px 0px 0px 23px;
}
.footertext
{
    width:900px;
    color:#fff;
    clear:both;
    margin-top:40px;
    height:40px;
    font-size:120%;
    text-align:right;
}
.footer ul 
{
    width:930px;
    text-align:left;
	margin:0px 0px 0px 20px;
	padding:0px;
	list-style:none;
	clear:both;
}
.footer li {
	display:inline;
    list-style: none;
	padding-right:5px;
	margin-right:5px;

}
.footer li.nobg{
	background-image:url(none);
	padding-right:0px;
	margin-right:0px;
}
.footer a:active, .footer a:link, .footer a:visited {
	text-decoration:none;
	color:#000;
	}
.footer a:hover {
	color:#FF7800;
	text-decoration:none;
	}
/* matrix link
---------------------------------------------------------- */
.matrixebusiness{
	float:right;
	margin-right:20px;
}
.matrixebusiness a:active, .matrixebusiness a:link, .matrixebusiness a:visited {
	text-decoration:none;
	color:#ccc;
	}
.matrixebusiness a:hover {
	color:#FF7800;
	text-decoration:underline;
	}

/* menu
---------------------------------------------------------- */
.menu {
	width:180px;
	min-height:830px;
	float:left;
	color:#0494F7;
	text-align:left;
	font-size:100%;
	line-height:140%;
	font-weight:bold;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin:0px 0px 0px 20px;
}
.menu ul {
	margin:0px;
	width:140px;
	padding:0px;
	list-style:none;
}
.menu li
{
	text-align:left;
    list-style: none;
}
.menu li li a
{
	margin-left:10px;
}
.menu li li li a
{
	margin-left:20px;
}
.menu li li li li a
{
	margin-left:30px;
}
.menu li li li li li a
{
	margin-left:40px;
}
.menu a:active, .menu a:link, .menu a:visited 
{
    display:block;
    margin-top:4px;
    padding-bottom:4px;
	background-image:url(../images/menu_bottom.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	text-decoration:none;
	color:#0494F7;
	padding-left:10px;
	}
.menu a:hover 
{
    display:block;
	background-image:url(../images/menu_bottom.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	color:#fff;
	background-color:#FF7800;
	text-decoration:none;
	padding-left:10px;
	}

.menu li li a:active, .menu li li a:link, .menu li li a:visited 
{
    display:block;
    margin-top:4px;
    padding-bottom:4px;
	background-image:url(../images/menu_bottom.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	text-decoration:none;
	color:#FF7800;
	}
.menu li li a:hover 
{
    display:block;
	background-image:url(../images/menu_bottom.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	color:#fff;
	background-color:#FF7800;
	text-decoration:none;
	}
	
.menu li li li a:active, .menu li li li a:link, .menu li li li a:visited 
{
    display:block;
    margin-top:4px;
    padding-bottom:4px;
	background-image:url(../images/menu_bottom.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	text-decoration:none;
	color:#FF7800;
	}
.menu li li li a:hover 
{
    display:block;
	background-image:url(../images/menu_bottom.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	color:#fff;
	background-color:#FF7800;
	text-decoration:none;
	}
	
.menu li li li li a:active, .menu li li li li a:link, .menu li li li li a:visited 
{
    display:block;
    margin-top:4px;
    padding-bottom:4px;
	background-image:url(../images/menu_bottom.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	text-decoration:none;
	color:#FF7800;
	}
.menu li li li li a:hover 
{
    display:block;
	background-image:url(../images/menu_bottom.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	color:#fff;
	background-color:#FF7800;
	text-decoration:none;
	}
	
.menu a:active.selected, .menu a:link.selected, .menu a:visited.selected {
	text-decoration:none;
	color:#fff;
	background-color:#FF7800;
	background-image:none;
	}
.menu a:hover.selected {
	color:#fff;
	background-color:#FF7800;
	text-decoration:none;
	}
	
.menu a:active.navpath, .menu a:link.navpath, .menu a:visited.navpath {
	text-decoration:none;
	color:#FF7800;
    background-image:url(../images/menu_bottom.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	}
.menu a:hover.navpath {
	color:#fff;
	background-color:#FF7800;
	text-decoration:none;
	}



/* show icons on links
---------------------------------------------------------- */
a[href ^="mailto:"] {
	padding: 5px 20px 5px 0;
    background: transparent url(../images/icon_mailto.gif) no-repeat center right;
}

a[href$='.pdf'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/icon_pdf.gif) no-repeat center right;
}

/* gallery
---------------------------------------------------------- */
.gallery
{
    margin:30px 0px 0px 0px;
    font-weight:bold;
    text-align:center;
    width:280px;    
    float:left;
}
.galleryCaption
{
    margin:5px 0px 0px 0px;
}

.galleryImageWrapper
{
    margin:10px 8px 0px 0px;
    width:116px;
    float:left;
}

.galleryImageContainer
{
    background-color:#fff;
    border:1px solid #fff;
    padding:8px;
    text-align:center;
}

.galleryImageCaption
{
    text-align:center;
}

.submenutext
{
    color:#0494F7;
    font-weight:bold;
    width:150px;
    margin-left:0px;
    margin-top:20px;
    font-size:100%;
    text-align:center;
}
a.submenutext:active, a.submenutext:link, a.submenutext:visited {
	text-decoration:underline;
	color:#0494F7;
		background-image:none;
	border-bottom:none;
	text-decoration:none;
	}
a.submenutext:hover {
	color:#FF7800;
	background-color:transparent;
	background-image:none;
	border-bottom:none;
	text-decoration:none;
	}
.bookonline
{
    margin:18px 0px 0px 0px;
    width:99px;
    border:1px solid pink;
    text-align:left;
    border:0px;
}
a.bookonline:active, a.bookonline:link, a.bookonline:visited {
	text-decoration:underline;
	color:#0494F7;
	background-image:none;
	border-bottom:none;
	text-decoration:none;
	}
a.bookonline:hover {
	color:#FF7800;
	background-color:transparent;
	background-image:none;
	border-bottom:none;
	text-decoration:none;
	}
/* standard links
---------------------------------------------------------- */
a:active {
	color:#0494F7;
	background-color: transparent;
	text-decoration: underline;
	}
	
a:link {
	color:#0494F7;
	background-color: transparent;
	text-decoration: underline;
	}
	
a:visited {
	color:#0494F7; 
	background-color: transparent; 
	text-decoration: underline;
	}
	
a:hover {
	color:#FF7800; 
	background-color: transparent; 
	text-decoration: none;
	}
#BigOne
{
    border:0px;
    padding:0px;
    margin:0px;
}
.BigOneContainer
{
    position:absolute;
    margin-top:-310px;
    margin-left:90px;
    background-color:#FA9D26;
    padding:0px;
    border:5px solid #FA9D26;
        background-image:url(../images/loading.gif);
    background-repeat:no-repeat;
}
.BigOneContainerNoBorder
{
    position:absolute;
    margin-top:-310px;
    margin-left:90px;
    background-color:#FA9D26;
    padding:0px;
    border:0px;
}




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

	Gallery slider
	

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

.slideshow1{
	float:left;
	overflow:hidden;
	width:526px;/*length of gallery*/
	margin:0px;
	padding:0px;
	background-color:#FFA432;
	border-right:1px solid #FFA432;
	border-left:1px solid #FFA432;
}

.slideshow1 ul{
	width:13345px;/*length of images*number*/
	padding:0px;
	margin:0px 0px 0px 230px;
	height:83px;
	overflow:hidden;
}

.slideshow1 li{
	float:left;
	padding:13px 4px 12px 0px;
	margin:0px;
	list-style:none;
	height:83px;
	background-image:url('/themes/prosurf/images/prosurfBG.jpg');
}
.slideshow1 li a{
	margin:0px;
	padding:13px 4px 12px 0px;
}
.slideshow1 li img{
	border:1px solid #7F420C;
}
.screen1{
	width:604px;
	margin:0px;
	padding:0px;
}
.buttons1{
	float:left;
	margin:0px;
	padding:0px;
}
img{
	margin:0;
	padding:0;
	border:0;
}


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

	SlideShow
	v 1.3

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

.slideshowContainer {
	
	width: 450px;
	height: 800px;
	margin:0px;
	margin-bottom: 5px;

}

.loading {
	background: url(../images/gallery_images/loading.gif) center no-repeat;
}

.slideshowThumbnail {
	outline: none;
}

.slideshowThumbnail img {
	border: 1px solid white;
	padding: 0px;
	margin:0px;
}

a:hover.slideshowThumbnail img {
	border: 1px solid #ccc;
	padding: 0px;
	margin:0px;
}

.current img {
	border: 1px solid red;
	padding: 5px;
	margin:0px;
}

.outline {
	border: 1px solid orange;
	z-index: 0;
	position: absolute;
	margin-left:6px;
}

#thumbnails {
	width: 225px;
	float: right;
}
.gallerybuttons{
	float:left;
	width:50px;
	font-weight:bold;
	color:#fff;
}
.gallerybuttons a:active, .gallerybuttons a:link, .gallerybuttons a:visited {
	text-decoration:none;
}
.gallerybuttons a:hover{
	text-decoration:underline;
}