body {
  	background: #000000 url("images/frame/bg.jpg") top center repeat;
  	margin: 0;
  	padding: 0;
  	color: #444;
  	font-family: Arial, Verdana;
  	font-size: 12px;
}


.gallery {
	width: 96px;
	height: 80px;
	padding: 5px;
	border: 1px solid #ddd;
	float: left;
	margin: 5px;
}

.gallery:hover {
	border: 1px solid #777;
}

.bottomline {
	background: url('images/line-bottom.jpg') bottom center repeat-x;
	margin-top: 10px;
}

.bottomline h1 {
	color: #246fb0;
}

.bottomline div {
	border-bottom: 1px dotted #555;
	margin-bottom: 0px;
	padding-bottom: 5px;
}

.bottomline span {
	font-size: 18px;
	font-weight: 700;
	padding-top: 0px;
	margin-top: 0px;
}

.blue {
	color: #246fb0;
}
	

/* Generic Styles */


p, div, table, tr, td, ul, li, object {
	margin: 0px;
	padding: 0px;
	text-align: left;
	color: #444;
	font-size: 12px;
}

p {
	line-height: 20px;
}

h1, .h1 {
	font-size: 22px;
	color: #444;
	border-bottom: 1px dotted #444;
	margin: 0 0 10px 0;
	font-weight: 500;
	padding: 0;
}

.padding {
	padding: 10px;
}


.makebold {
	font-size: 14px;
	border-bottom: 1px #FFFFFF solid;
	margin-bottom: 10px;
}



.overflow {
	overflow: auto;
}



#clear {
	clear: both;
}



a {
	color: #3c80a3;
	text-decoration: none;
	font-weight: 700;
}



a:hover {
	color: #1e5b7b;
	text-decoration: none;
	font-weight: 700;
}







/* Users pictures */



#picture {
	padding: 2px;
	border: 1px solid #CECECE;
  	background-color: #FFFFFF;

}









#news {
	width: 100%;
}



#newsText {
}






#login {
	width: 201px;
	height: 135px;
	background: url('images/frame/login.jpg');
	padding-left: 15px;
	padding-top: 65px;
}



#login p {
	padding-bottom: 4px;
}




.clear {
	clear: both;
}






/* Tabberlive */

.tabberlive .tabbertabhide {
  display:none;
}

.tabber {
}

.tabberlive {
  margin-top:1em;
  margin-left: 0px;
  margin-right: 5px;
}

ul.tabbernav {
  margin:0;
  padding: 3px 0px 0px 0px;
  border: 1px solid #666666;
  font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li {
  list-style: none;
  margin: 0;
  display: inline;
}

ul.tabbernav li a {
  padding: 3px 0.5em;
  margin-left: 0px;
  border-right: 1px solid #666666;
  border-bottom: none;
  background: #cccccc;
  text-decoration: none;
}

ul.tabbernav li a:link { 
  color: #000;
}

ul.tabbernav li a:visited { 
  color: #111; 
}

ul.tabbernav li a:hover {
  color: #000000;
  background: #FFFFFF;
  border-color: #666666;
}

ul.tabbernav li.tabberactive a {
  border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover {
  color: #000;
}

.tabberlive .tabbertab {
  padding:5px;
  border:0px solid #aaa;
  background: #FFFFFF url("images/frame/tabbg.jpg") repeat-x 50% 0;
  border-top:0;
  color: #000;
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
  display:none;
}
.tabberlive .tabbertab h3 {
  display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}

.tabberlive#tab2 {
}

.tabberlive#tab2 .tabbertab {
  height:200px;
  overflow:auto;
}






	#postComment {
		width: 590px;
		height: 100px;
		background: #eee;
		color: #333;
		font-size: 12px;
		font-family: arial;
		padding: 5px;
		border: 1px solid #000;
	}
	input, textarea {
		background: #eee;
		color: #333;
		font-size: 12px;
		font-family: arial;
		padding: 5px;
		border: 1px solid #000;
	}
	textarea {
		width: 95%;
	}
	input.register {
		width: 590px;
		background: #eee;
		color: #333;
		font-size: 12px;
		font-family: arial;
		padding: 5px;
		border: 1px solid #000;
	}
	textarea.register {
		width: 590px;
		height: 400px;
		background: #eee;
		color: #333;
		font-size: 12px;
		font-family: arial;
		padding: 5px;
		border: 1px solid #000;
	}
	#submitr, .go {
		font-size: 18px;
		text-transform: uppercase;
		color: #000;
		background: #777;
		padding: 10px;
		border: 2px solid #444;
		cursor: pointer;
	}
	#submitr:hover, .go:hover {
		font-size: 18px;
		text-transform: uppercase;
		color: #FFF;
		background: #333;
		padding: 10px;
		border: 2px solid #777;
		cursor: pointer;
	}

	.topflashpiece {
		margin-top: 32px;
	}
	
	
	
	
	
	
/* Navigation */

#subnav {
	margin-left: 90px;
}

#navbar {
  	margin: 0 0 0 -1px;
}

#navbar ul {
}

#navbar li {
  	list-style: none;
  	float: left;
  	margin-left: 0px; /* Sets the blank space on the main navigation left */
  	margin-right: 0px; /* Sets the blank space on the main navigation right */
  	padding: 0px;
  	margin-top: 0px;
  	margin-bottom: 0px;
}

#navbar li a { /* sets the main nav a properties */
  	display: block;
  	text-decoration: none;
  	padding: 10px 10px 6px 10px;
  	margin: 0px;
  	text-transform: uppercase;
  	font-size: 12px;
    font-family: "helvetica";
    letter-spacing: 0px;
  	color: #000;
	font-weight: 400;
}

#navbar li:hover a, #navbar li a.current {
	color: #ffffff;
}


#navbar li ul {
  	display: none;
  	width: 200px; /* Width to help Opera out */
  	z-index: 1000;
}

#navbar li:hover ul, #navbar li.hover ul { /* this is used for the drop down ul properties */
  	display: block;
  	position: absolute;
  	border-bottom: 3px solid #bdbbbb;
  	border-right: 3px solid #bdbbbb;
  	border-left: 3px solid #bdbbbb;
	text-align: left;
	margin: 0;
	width: 126px;
	padding: 5px;
	background: #9d9b9c;
}

#navbar li:hover li, #navbar li.hover li { /* this is used for the drop down li */
  	float: none;
  	margin: 0px;
}

#navbar li:hover { /* sets the main navigation hover state for the li */
	margin: 0;
	padding: 0;
}

#navbar li:hover li a, #navbar li.hover li a { /* this is used for the drop down a properties */
  	margin: 0px;
  	padding: 5px;
  	font-size: 11px;
	text-align: left;
    color: #fff;
    letter-spacing: 0px;
}

#navbar li:hover li a:hover, #navbar li.hover li a:hover { /* this is used for the drop down a:hover properties */
  	color: #000;
}
#navbar li:hover li:hover { /* this is used for the drop down li hover properties */
  	background-color: #ccc;
}

























label { display: block; } 

.infiniteCarousel {
  width: 800px;
  position: relative;
  margin: 0 0 0 -1px;
}

.infiniteCarousel .wrapper {
  width: 800px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  height: 300px;
  margin: 0 0px;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul a img {
  border: 0px solid #000;
}

.infiniteCarousel .wrapper ul {
  width: 800px; /* single item * n */
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul li {
  display:block;
  float:left;
  padding: 0px;
  height: 300px;
  width: 800px;
}

.infiniteCarousel ul li img {
}

.infiniteCarousel ul:hover li img {
}

.infiniteCarousel ul:hover li:hover img {
}

.infiniteCarousel ul li a img {
  display:block;
}

.infiniteCarousel .arrow {
  display: block;
  height: 39px;
  width: 41px;
  text-indent: -9999px;
  position: absolute;
  top: 120px;
  cursor: pointer;
  outline: 0;
}

.infiniteCarousel .forward {
  background: url('images/icons/right.png');
  right: 0px;
}

.infiniteCarousel .back {
  background: url('images/icons/left.png');
  left: 0px;
}

.infiniteCarousel .forward:hover {
  background: url('images/icons/rightover.png');
}

.infiniteCarousel .back:hover {
  background: url('images/icons/leftover.png');
}

#homeflash {
	width: 862px;
	height: 200px;
}











.infiniteClients {
  height: 260px;
  width: 289px;
  margin: 0px;
  position: relative;
  margin: 0 0 0 -1px;
}

.infiniteClients .wrapper {
  width: 800px; /* .infiniteClients width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  height: 300px;
  margin: 0 0px;
  position: absolute;
  top: 0;
}

.infiniteClients ul a img {
  border: 0px solid #000;
}

.infiniteClients .wrapper ul {
  width: 800px; /* single item * n */
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}

.infiniteClients ul li {
  display:block;
  float:left;
  padding: 0px;
  height: 300px;
  width: 800px;
}

.infiniteClients ul li img {
}

.infiniteClients ul:hover li img {
}

.infiniteClients ul:hover li:hover img {
}

.infiniteClients ul li a img {
  display:block;
}

.infiniteClients .arrow {
  display: block;
  height: 24px;
  width: 23px;
  text-indent: -9999px;
  position: absolute;
  top: -33px;
  cursor: pointer;
  outline: 0;
}

.infiniteClients .forward {
  background: url('images/icons/rightarrow.jpg');
  right: 0;
}

.infiniteClients .back {
  background: url('images/icons/leftarrow.jpg');
  left: 235;
}

.infiniteClients .forward:hover {
  background: url('images/icons/rightarrow.jpg');
}

.infiniteClients .back:hover {
  background: url('images/icons/leftarrow.jpg');
}



#slideshow {
    position:relative;
    height:300px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}





















/* Star Rating - Provided by: http://www.search-this.com/2007/05/23/css-the-star-matrix-pre-loaded/ */

.rating {
  width: 80px;
  height: 16px;
  margin: 10px 0px 20px 10px;
  padding: 0;
  list-style: none;
  clear: both;
  position: relative;
  background: url(images/star-matrix.gif) no-repeat 0 0;
}
ul.rating li {
  cursor: pointer;
  /*ie5 mac doesn't like it if the list is floated but ie6 does\*/
  float: left;
  /* end hide*/
  text-indent: -9999em;/* hide text*/
}
ul.rating li a {
  position: absolute;
  left: 0;
  top: 0;
  width: 16px;
  height: 16px;
  text-decoration:none;
  z-index: 200;
}
ul.rating li.one a {
  left: 0;
}
ul.rating li.two a {
  left: 16px;
}
ul.rating li.three a {
  left: 32px;
}
ul.rating li.four a {
  left: 48px;
}
ul.rating li.five a {
  left: 64px;
}

.nostar {
  background-position:0 0;
}
.onestar {
  background-position:0 -16px;
}
.twostar {
  background-position:0 -32px;
}
.threestar {
  background-position:0 -48px;
}
.fourstar {
  background-position:0 -64px;
}
.fivestar {
  background-position:0 -80px;
}

ul.rating li a:hover {
  z-index: 2;
  width: 80px;
  height: 16px;
  overflow: hidden;
  left: 0;
  background: url(images/star-matrix.gif) no-repeat 0 0;
}
ul.rating li.one a:hover {
  background-position:0 -96px;
}
ul.rating li.two a:hover {
  background-position:0 -112px;
}
ul.rating li.three a:hover {
  background-position:0 -128px;
}
ul.rating li.four a:hover {
  background-position:0 -144px;
}
ul.rating li.five a:hover {
  background-position:0 -160px;
}




p.homeevents {
	border-bottom: 1px dashed #777;
	line-height: 16px;
	margin-bottom: 10px;
	padding: 3px;
}

p.homeevents:hover {
	background: #ddd;
}


.homeservices ul {
	list-style: none;
	margin: 75px 0px 0px 15px;
	padding: 0px;
	line-height: 15px;
}

.homeservices ul li a {
	font-size: 12px;
	text-transform: uppercase;
	color: #000;
	text-decoration: none;	
	font-weight: 100;
	display: block;
	margin-right: 15px;
	padding: 2px 2px 2px 5px;
}

.homeservices ul li a:hover {
	color: #fff;
	background: #333;
	padding-left: 10px;
}







/* Tabberlive */

.tabberlive .tabbertabhide {
  display:none;
}

.tabber {
}

.tabberlive {
  margin-top: 0;
  margin-left: 0px;
  margin-right: 5px;
}

ul.tabbernav {
  margin:0;
  padding: 5px 5px 5px 0px;
  border-left: 1px solid #666666;
  border-righteft: 1px solid #666666;
  font-size: 16px;
  font-weight: 100;
}

ul.tabbernav li {
  list-style: none;
  margin: 0;
  display: inline;
}

ul.tabbernav li a {
  padding: 5px 20px 5px 20px;
  margin-left: 0px;
  border-right: 1px solid #666666;
  border-top: 1px solid #666666;
  background: none;
  text-decoration: none;
  font-size: 16px;
  font-weight: 100;
  text-transform: uppercase;
}

ul.tabbernav li a:link { 
  color: #000;
}

ul.tabbernav li a:visited { 
  color: #111; 
}

ul.tabbernav li a:hover {
  color: #000000;
}

ul.tabbernav li.tabberactive a {
}

ul.tabbernav li.tabberactive a:hover {
  color: #000;
}

.tabberlive .tabbertab {
  padding:5px;
  color: #000;
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
  display:none;
}
.tabberlive .tabbertab h3 {
  display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}

.tabberlive#tab2 {
}

.tabberlive#tab2 .tabbertab {
  height:200px;
  overflow:auto;
}