/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*
	960 Grid System ~ Core CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* `Containers
----------------------------------------------------------------------------------------------------*/

.container_12,
.container_16 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

.container_12 .grid_3,
.container_16 .grid_4 {
	width: 220px;
}

.container_12 .grid_6,
.container_16 .grid_8 {
	width: 460px;
}

.container_12 .grid_9,
.container_16 .grid_12 {
	width: 700px;
}

.container_12 .grid_12,
.container_16 .grid_16 {
	width: 940px;
}

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
	width: 60px;
}

.container_12 .grid_2 {
	width: 140px;
}

.container_12 .grid_4 {
	width: 300px;
}

.container_12 .grid_5 {
	width: 380px;
}

.container_12 .grid_7 {
	width: 540px;
}

.container_12 .grid_8 {
	width: 620px;
}

.container_12 .grid_10 {
	width: 780px;
}

.container_12 .grid_11 {
	width: 860px;
}

/* `Grid >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .grid_1 {
	width: 40px;
}

.container_16 .grid_2 {
	width: 100px;
}

.container_16 .grid_3 {
	width: 160px;
}

.container_16 .grid_5 {
	width: 280px;
}

.container_16 .grid_6 {
	width: 340px;
}

.container_16 .grid_7 {
	width: 400px;
}

.container_16 .grid_9 {
	width: 520px;
}

.container_16 .grid_10 {
	width: 580px;
}

.container_16 .grid_11 {
	width: 640px;
}

.container_16 .grid_13 {
	width: 760px;
}

.container_16 .grid_14 {
	width: 820px;
}

.container_16 .grid_15 {
	width: 880px;
}

/* `Prefix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_3,
.container_16 .prefix_4 {
	padding-left: 240px;
}

.container_12 .prefix_6,
.container_16 .prefix_8 {
	padding-left: 480px;
}

.container_12 .prefix_9,
.container_16 .prefix_12 {
	padding-left: 720px;
}

/* `Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
	padding-left: 80px;
}

.container_12 .prefix_2 {
	padding-left: 160px;
}

.container_12 .prefix_4 {
	padding-left: 320px;
}

.container_12 .prefix_5 {
	padding-left: 400px;
}

.container_12 .prefix_7 {
	padding-left: 560px;
}

.container_12 .prefix_8 {
	padding-left: 640px;
}

.container_12 .prefix_10 {
	padding-left: 800px;
}

.container_12 .prefix_11 {
	padding-left: 880px;
}

/* `Prefix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .prefix_1 {
	padding-left: 60px;
}

.container_16 .prefix_2 {
	padding-left: 120px;
}

.container_16 .prefix_3 {
	padding-left: 180px;
}

.container_16 .prefix_5 {
	padding-left: 300px;
}

.container_16 .prefix_6 {
	padding-left: 360px;
}

.container_16 .prefix_7 {
	padding-left: 420px;
}

.container_16 .prefix_9 {
	padding-left: 540px;
}

.container_16 .prefix_10 {
	padding-left: 600px;
}

.container_16 .prefix_11 {
	padding-left: 660px;
}

.container_16 .prefix_13 {
	padding-left: 780px;
}

.container_16 .prefix_14 {
	padding-left: 840px;
}

.container_16 .prefix_15 {
	padding-left: 900px;
}

/* `Suffix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_3,
.container_16 .suffix_4 {
	padding-right: 240px;
}

.container_12 .suffix_6,
.container_16 .suffix_8 {
	padding-right: 480px;
}

.container_12 .suffix_9,
.container_16 .suffix_12 {
	padding-right: 720px;
}

/* `Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
	padding-right: 80px;
}

.container_12 .suffix_1a {
	padding-right: 40px;
}
.container_12 .suffix_2 {
	padding-right: 160px;
}

.container_12 .suffix_4 {
	padding-right: 320px;
}

.container_12 .suffix_5 {
	padding-right: 400px;
}

.container_12 .suffix_7 {
	padding-right: 560px;
}

.container_12 .suffix_8 {
	padding-right: 640px;
}

.container_12 .suffix_10 {
	padding-right: 800px;
}

.container_12 .suffix_11 {
	padding-right: 880px;
}

/* `Suffix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .suffix_1 {
	padding-right: 60px;
}

.container_16 .suffix_2 {
	padding-right: 120px;
}

.container_16 .suffix_3 {
	padding-right: 180px;
}

.container_16 .suffix_5 {
	padding-right: 300px;
}

.container_16 .suffix_6 {
	padding-right: 360px;
}

.container_16 .suffix_7 {
	padding-right: 420px;
}

.container_16 .suffix_9 {
	padding-right: 540px;
}

.container_16 .suffix_10 {
	padding-right: 600px;
}

.container_16 .suffix_11 {
	padding-right: 660px;
}

.container_16 .suffix_13 {
	padding-right: 780px;
}

.container_16 .suffix_14 {
	padding-right: 840px;
}

.container_16 .suffix_15 {
	padding-right: 900px;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}


/*  
Theme Name: Semantic
Theme URI: http://www.themeflash.com/
Description: A Business & Portfolio Theme
Author: System32
Author URI: http://www.themeflash.com/ 
*/


/*************************
		GLOBAL RESET
**************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 
	margin: 0; 
	padding: 0; 
	border: 0; 
	outline: 0; 
	font-size: 103%; 
	}

.clearfix:after{
		content : ".";
		display : block;
		clear : both;
		visibility : hidden;
		line-height : 0;
		height : 0;
		}
		
	.clearfix{
			display : inline-block;
			}
			
		html[xmlns] .clearfix{
				display : block;
				}
						
			* html .clearfix{
					height : 1%;
					}
					
pre {
	 white-space: pre-wrap;
	 white-space: -moz-pre-wrap;
	 white-space: -o-pre-wrap;
}
										
/*****************************
		Structured layout mainpage
******************************/

body{
		font:normal 12px/20px "Helvetica", Verdana, Arial, "Georgia", sans-serif;
		color:#777;
		}

		.rightalign{
				float:right;
				}

		.leftalign{
				float:left;
				}
 
		.textleft{
				text-align:left;
				}
			
		.textright{
				text-align:left;
				}

		.textcenter{
				text-align:center;
				}

.quotes{
		font-size:4em;
		vertical-align:top;
		}
	
cite{
		letter-spacing:0;
		font-weight:bold;
		line-height:12px;
		}
	
a{
		color:#7c7c7c;
		text-decoration:none;
		}
	
	a:hover{
		color:#dd0000;
		text-decoration:underline;
		}

p{
		padding: 0 0 10px 0;
		}

/**********************
	1.) TOP BAR
***********************/

.topbar{
		background:url(../images/topbar.gif?1) repeat-x bottom;
		background-color: #484848;
		height:66px;
		}

/***********************
	2.) SLIDER HEADINGS
************************/
		
h1.bigger{
		font: normal 48px/48px "Georgia", Arial, serif; 
		color:#fff;
		text-align:left;
		letter-spacing:-2px;
		margin-top:70px;
		line-height: 115%;
	 	}
		
h1.bigger span{
 		color:#e50000;
 		}
			
p.small{
	 	margin:20px 0 0 0;	 
		}
/*************************
	3.) HEADER
**************************/

h1 img, h2 img, h3 img, h4 img, h6 img{
		vertical-align:middle;
		}

.top-menu{
		float:right;
		height:38px;
		margin-top:25px;
		}


.logo{ 
		margin:20px 0 0 10px;
		float:left;
		position:absolute;
	}
	

.sf-menu li span {
	display:block;
	padding: 		.64em 1em;
	background:		#e50000;
	outline:		0;
	color:#fff;
	text-decoration:none;
}

/*******************************************************
  											BREAD CRUMB
*******************************************************/

#breadcrumbs {
	margin: 0;
	display: block;
	padding: 10px 30px;
	}
span.breadcrumbs {display: block;font:normal 11px georgia, Helvetica, sans-serif;line-height: 100%;}
span.breadcrumbs img {display: none;}
span.breadcrumbs a {float: none;font-weight: normal;padding: 0 4px;}
span.breadcrumbs a:hover {color: #000;text-decoration: none;}

/**************************
	4.) SLIDER
***************************/

.slide{
		background:	url(../images/dots.gif?1);
		height:250px;
		}
	
		.slidebg{
				background:	url(../images/slidebg.jpg?1) top center no-repeat;
				height:250px;
				}
				
				
/**************************
	MAIN GALLERY
***************************/

.mainbanner {
	margin: 25px 0px 0px 30px;
}

/***************************
	5.) CONTENT PART
****************************/

.contentbg{
		padding-top:20px;
		background:#fcfcfc url(../images/bgd.gif?1) top left repeat-x;
		padding-bottom:20px;
		overflow:hidden;
		/*height:100%;*/
		}
	
.contentwrap{
		padding:15px;
		}

.sep{
		background:url(../images/sep.gif?1) top right repeat-y;
		}

.switch{
		width:170px;
		}

/***************************
	6.)	SUBPAGE HEADER CSS
****************************/

.sub-header{
		height:90px;
		padding:0px;
		background:	url(../images/slidebg.jpg?1) top center;
		}

		.sub-header h2{
				font: normal bold 26px/30px "Trebuchet MS", Arial, Georgia, Arial, Helvetica, sans-serif;
				color:#ebebeb;
				margin:0px;
				padding: 15px 0 0px 15px;				}

		.sub-header p{
				padding: 5px 0 10px 15px;
				}

/******************************
	7.)HEADINGS                  
*******************************/

h1{
		font: normal 30px/36px "Trebuchet MS", Arial, Helvetica, sans-serif;
		letter-spacing:-1px;
		color:#666;
		}
		
h2{
		font: normal bold 24px/30px Arial, Georgia, Arial, Helvetica, sans-serif;
		color:#666;
		letter-spacing:-1px;
		}

h3{ 
		font: normal bold 20px/26px "Trebuchet MS", Georgia, Arial, Helvetica, sans-serif; 
		color:#666;
		letter-spacing:-1px;
		}

h4{ 
		font: normal 18px "Trebuchet MS", Georgia, Arial, Helvetica, sans-serif; 
		color:#555; 
		margin:0;
		}

h5{ 
		font: normal bold 14px "Trebuchet MS", Georgia, Arial, Helvetica, sans-serif; 
		color:#777; 
		}

h6 { 
		font: normal bold 12px "Trebuchet MS", Georgia, Arial, Helvetica, sans-serif; 
		color:#999; 
		}


/****************************
	8.) STAFF LIST CSS
*****************************/

ul.staff{
		display:inline;
		clear:both;
		margin:0;
		padding:0;
		}

		ul.staff li{
				color:#000;
				display:inline-block;
				width:45%;
				float:left;
				overflow:auto;
				height:100%;
				vertical-align:bottom;
				border-bottom:1px dotted #7c7c7c;
				margin:0;
				padding:5px 15px;
				}

				ul.staff li	img{
						padding-bottom:5px;
						float:left;
						margin-right:20px;
						}

		ul.staff li small{
				color:#a1a1a1;
				font-style:italic;
				margin:0;
				}

/***************************
	9.) BLOCKQUOTE
****************************/

blockquote, q{
		quotes: none;
		}

blockquote:before, blockquote:after, q:before, q:after{
		content: '';
		content: none;
		}
		
blockquote{
		margin:10px 0;
		background:#FFFFFF;
		border-left:5px solid #ccc;
		padding:10px 0px;
		}
	
		blockquote p{
				font-weight:normal;
				font-style:italic;
				padding-left:10px;
				}
				

/***************************
	10) Testimonials
****************************/

.testimonial{

		}

.testimonial blockquote{
		padding:0px;
		margin:0;
		background:none;
		border:none;
		}

		.testimonial blockquote p.quote{
				font:italic normal 12px/20px Georgia, Arial, sans-serif;
				color:#777;	
				}

				.testimonial blockquote p.author{
						margin:0px 0px 0 0;
						text-align:right;
						color:#484848;
						}

/****************************
	11) NEWS LIST
*****************************/

ul.newslist{
		margin:10px 0 20px 0;
		padding:0;;
		}

		ul.newslist li{
				margin-bottom:10px;
				font-size:11px;
				line-height:normal;
				padding:3px 0px;
				}
				
		ul.newslist li a:link, ul.newslist li a:visited, ul.newslist li a:active {
				padding:3px 0px;
				text-decoration:none;
				}

		ul.newslist li a:hover {
				padding:3px 0px;
				text-decoration:none;
				}

span.date {
		display:block;
		margin:0 0 10px 0;
		padding:4px 5px;
		color:#777; 
		font-size:11px;
		border:1px dotted #7c7c7c;
		border-width:0px 0 1px 0;
		letter-spacing:normal !important;
		}

.bordersub{
		border:1px solid #d5dce5;
		background:#FFFFFF;
		padding:5px;
		}

/*****************************
	12) BLOG COMMENTS
******************************/

.the_commentor{
		float:left;
		width:110px;
		text-align:right;
		}
		
		.the_commentor p{
				padding:0;
				margin:0;
				}
		
		.the_commentors img{
/*				background:#FFFFFF url(../images/commentby.gif?1) right 15px no-repeat; */
				padding-right:10px;
				}
		
.comment-metadata a{
		text-decoration:none;
		font-size:10px;
		letter-spacing:0;
		}

.the_comment{
		float:right;
		width:420px;
		color:#5d5949;
		padding:20px;
		margin-right:5px;
		min-height:100px;
		margin-bottom:10px;
		background-color:#f8f8f8;
		border:1px solid #dddddd;
		}

.commentlist .the_comment a{
		color:#005da9;
		}

				.commentlist .the_comment a:hover,.comment-author a:hover{
						color:#005da9;
						text-decoration:none;
						}
		
ol.commentlist{
		padding:10px 0;
		margin:0;
		background:#f2f2f2;
		}

		ol.commentlist li{
				clear:both;
				list-style:none;
				}
				
				ol.commentlist li.alt .the_comment{
						position:relative;
						top:1px;
						overflow:auto;
						background-color:#ffffff;
						}

.comment-author{
		font-size:18px/22px;
		margin-bottom:0;
		}

		.comment-author a{
				color:#005da9;
				text-decoration:none;
				}



.postinfo{
		background:#666666;
		padding:2px 10px;
		color:#fff;
		line-height:22px;
		}
		
.comments a{
		padding:3px 10px;
		color:#000;
		}
		
.detailview{
		background:#7e8996;
		padding:3px 10px;
		color:#FFFFFF;
		}

.postlink{
		letter-spacing:0;
		padding:3px 10px;
		padding-left:0;
		display:block;
		color:#3a3a3a;
		}
		
.blogbox{
		padding:15px 15px 15px 0;
		margin-bottom:10px;
		border-bottom:1px solid #ccc;
		}

		.blogbox img{
				margin-right:20px;
				}
		
		.blogbox h2{
				margin-bottom:10px;
				}
			.blogbox h2 a:hover{
					/* border-bottom:1px dotted #dd0000; */
					text-decoration:none;
					}
			.blogbox p a, .blogbox p a:hover {
				border-bottom:1px dotted;
				text-decoration:none;
			}
		.blogbox p{
				padding:10px 0 5px 0;
				overflow:auto;
				height:100%;
				}

.linebg{
		border-bottom:1px solid #cdcdcd;
		}
		
.avatarimg{
		background:#FFFFFF;
		padding:5px;
		border:1px solid #cdcdcd;
		}
		
		.avatarimg:hover{
				background:#FFFFFF;
				padding:5px;
				border:1px solid #6c6c6c;
				}
				
#commentform p{
		font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
		}

#commentform input{
		width: 170px;
		padding: 5px;
		margin: 5px 5px 1px 0;
		}
		
#commentform input, #commentform textarea{
		font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
		}

		#commentform{
				margin: 5px 10px 0 0;
				}
		
				#commentform textarea{
						width: 500px;
						padding: 2px;
						}
		
				#commentform #submit{
						margin: 0 0 5px auto;
						float: left;
						}

#respond:after{
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
		}
		

/****************************
		13) READ MORE
*****************************/

.readmore, .readmore:hover {
	border-bottom:1px dotted;
	text-decoration:none;
}

/****************************
	14) FOOTER
*****************************/

.footer {
		margin:0px 0 0 0;
		padding:30px 0 0 0px;
		height:100px;
		background:#fff;
		border-top:1px solid #ccc;
		}
	 
.line	{
/*		background:url(../images/dot.gif?1) repeat-y top right; */
		height:80px !important;
		}
		
		.footer_text {
				padding:0px;
				height:auto;
				}
  
/************************
	15) INPUT FIELD 
*************************/

form input{
		color: #484848;
		padding: 2px; 
		}
		
		form textarea{
				vertical-align:top;
				}

form input[type=radio],
form input[type=checkbox]{
		border: none;
		}
		
/************************
	16) SUB MENU
*************************/

ul.submenu{
		margin:10px 0 0 0;
		padding:0;
		border-bottom:1px solid #dcdcdc;
		}

		ul.submenu li {
			margin-left:0px;
			display:block;
			overflow:hidden; 
			height:100%;
			list-style-type:none;
			}

			ul.submenu li a {
				margin:0px 0; color:#666666;
				border-top:1px solid #dcdcdc;
				text-decoration:none;
				}

					ul.submenu li li a {
						margin:0;
						text-decoration:none;
						}

			ul.submenu li a:link, ul.submenu li a:visited {
				color:#7c7c7c;
				display:block;
				padding:6px 10px;	
				text-decoration:none;
				}

				ul.submenu li li a:link, ul.submenu li li a:visited {
					color:#7c7c7c;
					display:block;	
					text-decoration:none;
					padding:6px 10px;
					}
	
						
	ul.submenu li a:hover {
			color:#dd0000;
			padding:6px 10px;	
			text-decoration:none;
			}

	ul.submenu li.current a {
		color:#dd0000;
		font-weight:bold;	
		text-decoration:none;
		}
		
		
/* twitter */

.twtr-widget,
#twtr-widget-1,
.twtr-tweets {
	font-size: 11px;
}

.twtr-hd {
	display:none;
}

/*******************************************************
  				Price Table CSS
*******************************************************/


table.price {
border:none;
border-collapse:collapse;
margin:10px 0;
}

table.price td, table.price th {
border-collapse:collapse;
border-bottom:1px solid #cacaca;
padding:10px 15px;
text-align:center;
}

table.price th {border-left:1px solid #4e4e4e; color:#ccc;}
table.price td {border-left:1px solid #cacaca;}
table.price td:first-child
{
text-align:left;
border-left:none;
}

table.price .first {border-left:none}


table.price th, table.price thead th {
background:url(../images/table-head-mid.gif?1) repeat-x 0 0;
padding-left:20px;
text-align:left;
font-size:12px;
}

table.price th.lefthead {
background:url(../images/table-head-left.gif?1) no-repeat 0 0;
padding-left:20px;
height:53px;
}

table.price th.righthead {
background:url(../images/table-head-right.gif?1) no-repeat right top;
}

table.price a {
text-decoration:none;
}

table.price tbody tr:hover {
background:#eaf2f7;
}

table.price thead th {
color:#ccc;
padding:10px 15px;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
text-align:center;
}

ul, ol {list-style-position:inside;}

.lpStaticButtonTR td {
	border: 0px;
	padding:0px;
}

.lpStaticButton {
	margin: 0px;
}

.lpPoweredBy {
	display: none;
}

.lpEmtStarRating {
	display: none;
}

.lpStaticButton tbody tr:hover
{
	background:none;
}

.lpStaticButtonAddTextTR {
	font-size: 90%;
}


/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;font:normal bold 11px Arial, Helvetica, sans-serif;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;border:0px solid #014899;border-top:0px solid #1c77bf; margin-top:5px;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			15em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;

}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left; 
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			-4px;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			15em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	border-left:	1px solid #575757;
	border-right:		1px solid #2d2d2d;
	padding: 		.64em 1em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#fff;text-decoration:none;
}
.sf-menu li ul{
	background:		#2d2d2d;
	padding:0 4px 5px 4px;
}
.sf-menu li li {
	background:		#464646;
}
.sf-menu li li li {
	background:		#464646;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#e50000;
	outline:		0;
	color:#fff;
	text-decoration:none;
}

/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

.current {
	background:		#e50000;
	outline:		0;color:#fff;text-decoration:none;

}


#facebox .b {
  background:url(/facebox/b.png?1);
}

#facebox .tl {
  background:url(/facebox/fbx-border-sprite.png?1) 0 0;
  width: 10px; 
  height: 10px;
}

#facebox .tr {
  background:url(/facebox/fbx-border-sprite.png?1) -10px 0;
  width: 10px; 
  height: 10px;
}

#facebox .bl {
  background:url(/facebox/fbx-border-sprite.png?1) -20px 0;
  width: 10px; 
  height: 10px;
}

#facebox .br {
  background:url(/facebox/fbx-border-sprite.png?1) -30px 0;
  width: 10px; 
  height: 10px;
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .fbfooter {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .fbfooter img {
  vertical-align: middle;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
