/*####################
##### HTML, BODY #####
#####################*/ 

body {
	font-family				: Arial, Helvetica, sans-serif;
	font-size				: 11px;
	color					: #000000;
	text-align				: center;
	margin					: 0px 0px 0px 0px;
	padding 				: 0px 0px 0px 0px;
	background				: #242424 url(../images/wallpaper.gif);
	behavior				: url('htc/csshover.htc')
	}


/*###################
##### CONTAINER #####
###################*/ 

#container{
	width					: 840px;
	height					: auto;
	margin					: 10px auto 20px auto;
	padding					: 10px 20px 20px 20px;
	text-align				: left;
	display					: block;
}



/*###############
##### FONTS #####
###############*/ 

p{
	margin					: 0px 0px 0px 0px;
	padding		 			: 5px 0px 5px 0px;
	font-size 				: 105%;
	line-height				: 1.6em;
}


h1{  /*  Page Titles */
	margin					: 0px 0px 0px 0px;
	padding		 			: 0px 0px 5px 0px;
	font-size 				: 200%;
	font-weight				: normal;
	color					: #FF6600;
}

h2{  /*  Sub titles */
	margin					: 5px 0px 5px 0px;
	padding		 			: 0px 0px 5px 0px;
	font-size 				: 160%;
	font-weight				: normal;
	color					: #FF6600;
}

h3{  /*  teaser titles */
	margin					: 0px 0px 0px 0px;
	padding		 			: 5px 0px 5px 0px;
	font-weight				: normal;
	font-size 				: 130%;
	color					: #FF6600;
}

h4{  /*  teaser titles */
	margin					: 0px 0px 0px 0px;
	padding		 			: 5px 0px 5px 0px;
	font-weight				: bold;
	font-size 				: 130%;
	color					: #666161;
}

#content a{
	color					: #666161;
	font-weight				: bold;
	text-decoration			: none;
}

#content a:hover, #content a.selected {
	color					: #333300;
	font-weight				: bold;
	text-decoration			: underline;
}
#content a.simple-link{
	color					: #200000;
	font-weight				: normal;
	text-decoration			: none;
}

#content a:hover.simple-link
{
	color					: #000002;
	font-weight				: normal;
	text-decoration			: none;
}

#content ul{
	margin					: 10px 0px 10px 0px;
	padding 				: 0px 0px 0px 0px;
	list-style				: none;
}

#content ul li{
	margin					: 0px 0px 0px 5px;
	padding 				: 0px 0px 8px 15px;
	line-height				: 1.4em;
	font-size				: 12px;
	background				: url(../images/bullet.gif) top left no-repeat;
}

#content ul li:hover, #content ul li.selected{
	background				: url(../images/bullet1.gif) top left no-repeat;
}

#content ul li a.selected{
	color					: #000000;
	text-decoration			: none !important;
}




/*##############
#### HEADER ####
#############*/ 
	
#header{
	display 				: block;
	width					: 840px;	
	height					: 170px;
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	background				: url(../images/bkgrndHeader1.gif) top left no-repeat;	
}

.logo{
	margin					: 20px 0px 0px 20px;
	padding					: 0px 0px 0px 0px;
}

.headerStrapline{
    width					: auto;
	color					: #FF6600;
	margin					: 5px 15px 0px 0px;
	padding					: 0px 0px 0px 0px;
	clear					: both;
	font-size				: 14px;
	text-align				: right;	
	float					: right;
}

.headerStrapline{
	margin					: 5px 7px 0px 0px;
}

#headerPhone{
    width					: auto;
	margin					: 0px 15px 0px 0px;
	padding					: 0px 0px 0px 0px;
	display 				: block;
	float					: right;
	clear					: both;
}

html #headerPhone{
	margin					: 0px 7px 0px 0px;
}


/*##################
#### NAVIGATION ####
##################*/ 

/* ---- TOP NAV ---- */
#navTop{
    width					: auto;
	margin 					: 10px 5px 15px 0px;
	padding					: 0px 0px 0px 0px;
	display 				: block;
	list-style 				: none;
	height					: 9px;
	float					: right;
}

html #navTop{
	margin 					: 10px 0px 15px 0px;
}

ul#navTop li{
	display 				: inline;
}

ul#navTop li a{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 15px 0px 15px;
	display 				: block;
	float 					: left;
	text-decoration 		: none;
	width					: 9px;
	height 					: 9px;
	border-right			: 1px dotted #707070;
}


html ul#navTop li a{
	height 					: 9px;
	overflow				: hidden;
}


ul#navTop li a.navTopHome{
	background				: url(../images/home.gif) top center no-repeat;
}

ul#navTop li a.navTopHome:hover{
	background				: url(../images/home.gif) bottom center no-repeat;
}

ul#navTop li a.navTopContact{
	background				: url(../images/contact.gif) top center no-repeat;
}

ul#navTop li a.navTopContact:hover{
	background				: url(../images/contact.gif) bottom center no-repeat;
}

ul#navTop li a.navTopMap{
	background				: url(../images/sitemap.gif) top center no-repeat;
}

ul#navTop li a.navTopMap:hover{
	background				: url(../images/sitemap.gif) bottom center no-repeat;
}



/* ---- MAIN NAV 1 ---- */
#navMain{
	margin 					: 0px 0px 0px 24px;
	padding					: 0px 0px 0px 0px;
	display 				: block;
	text-align:center;
	list-style 				: none;
	height					: 15px;
	
}
	
#navMain ul{
    width					: auto;
	margin 					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	list-style				: none;
	float					: left;
}


#navMain li{
	position				: relative;
	display 				: inline;
}

		
#navMain a{
    width					: auto;
	margin					: 0px 24px 0px 0px;
	padding					: 4px 20px 4px 20px;
	display 				: block;
	float 					: left;
	color					: #757575;
	text-decoration 		: none;
	font-family				: Verdana, Arial, Helvetica, sans-serif;
	font-size 				: 12px;
	font-weight				: normal;
	text-align				: left;
	height 					: 15px;
	text-transform			: uppercase;
}
	
#navMain a:hover, #navMain li a.selected{

	text-decoration 		: none;
	color					: #FFF;
	border					: 1px solid #4D4D4D;

	background-color		: #282727;
}
#navMain li a.selected{
	
	color					: #FFF;
	background-color		: #282727;
}

#navMain ul ul{
	position				: absolute;
	margin 					: 28px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	display					: none;
	width					: 140px;
	z-index					: 500;
	border					: 1px solid #4D4D4D;
	background-color		: #333333;
	float:left;
}


#navMain ul ul li{
	position				: relative;
	display 				: inline;
	
}

	
	
#navMain ul ul a{
	margin					: 0px 0px 0px 0px;
	padding					: 7px 5px 7px 5px;
	display 				: block;
	float 					: left;
	color					: #999999;
	text-decoration 		: none;
	font-family				: Verdana, Arial, Helvetica, sans-serif;
	font-size 				: 12px;
	font-weight				: normal;
	text-align				: left;
	height 					: auto;
	width					: 130px;
	line-height				: 1.2em;
	border					: none;
		border-top:1px solid #282727;
	text-transform			: none;
}

#navMain ul ul a:hover{	
		font-family				: Verdana, Arial, Helvetica, sans-serif;
	font-size 				: 12px;
	text-decoration 		: none;
	color					: #FFFFFA;
	background-color		: #666660;
	background-image		: none;
	
	

}



#navMain ul a span{
	background				: url(../images/arrowNav.gif) right no-repeat;
	
	margin					: 0px 0px 0px 0px;
	padding					: 0px 16px 0px 0px;
}



div#navMain li:hover ul ul,
div#navMain li li:hover ul ul,
div#navMain li li li:hover ul ul,
div#navMain li li li li:hover ul ul
{display:none;}

div#navMain li:hover ul,
div#navMain li li:hover ul,
div#navMain li li li:hover ul,
div#navMain li li li li:hover ul
{display:block;}

/* ---- MAIN NAV 2 ---- */
#navMain2{
	margin 					: 8px 0px 0px 16px;
	padding					: 5px 0px 0px 0px;
	display 				: block;
	text-align:center;
	list-style 				: none;
	width					: 840px;
	height					: 15px;
	float:left;
}
	
#navMain2 ul{
    width					: auto;
	margin 					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	list-style				: none;
	float					: left;
	
}


#navMain2 li{
	position				: relative;
	display 				: inline;
	
}

		
#navMain2 a{
    width					: auto;
	margin					: 0px 8px 0px 6px;
	padding					: 4px 14px 5px 14px;
	display 				: block;
	float 					: left;
	color					: #757575;
	text-decoration 		: none;
	font-family				: Verdana, Arial, Helvetica, sans-serif;
	font-size 				: 12px;
	font-weight				: normal;
	text-align				: left;
	height 					: 15px;
	text-transform			: uppercase;
}
	
#navMain2 a:hover, #navMain2 li a.selected{

	text-decoration 		: none;
	color					: #FFF;
	border					: 1px solid #4D4D4D;

	background-color		: #282727;
}
#navMain2 li a.selected{
	
	color					: #FFF;
	background-color		: #282727;
}

#navMain2 ul ul{
	position				: absolute;
	margin 					: 16px 0px 0px 18px;
	padding					: 0px 0px 0px 0px;
	display					: none;
	width					: 172px;
	z-index					: 500;
	border					: 1px solid #4D4D4D;
	background-color		: #333330;
	float:left;
}


#navMain2 ul ul li{
	position				: relative;
	display 				: inline;
	
}

	
	
#navMain2 ul ul a{
	margin					: 0px 0px 0px 0px;
	padding					: 7px 5px 7px 5px;
	display 				: block;
	float 					: left;
	color					: #999999;
	text-decoration 		: none;
	font-family				: Verdana, Arial, Helvetica, sans-serif;
	font-size 				: 12px;
	font-weight				: normal;
	text-align				: left;
	height 					: auto;
	width					: 160px;
	line-height				: 1.2em;
	border					: none;
		border-top:1px solid #282727;
	text-transform			: none;
}

#navMain2 ul ul a:hover{	
		font-family				: Verdana, Arial, Helvetica, sans-serif;
	font-size 				: 12px;
	text-decoration 		: none;
	color					: #FFFFFA;
	background-color		: #666661;
	background-image		: none;
	
	

}



#navMain2 ul a span{
	background				: url(../images/arrowNav.gif) right no-repeat;
	
	margin					: 0px 0px 0px 0px;
	padding					: 0px 15px 0px 0px;
}



div#navMain2 li:hover ul ul,
div#navMain2 li li:hover ul ul,
div#navMain2 li li li:hover ul ul,
div#navMain2 li li li li:hover ul ul
{display:none;}

div#navMain2 li:hover ul,
div#navMain2 li li:hover ul,
div#navMain2 li li li:hover ul,
div#navMain2 li li li li:hover ul
{display:block;}








/* ---- CONTENT NAV ---- */
/*ul#navContent{
	margin 					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	display 				: block;
	float					: right;
	list-style 				: none;
	height					: 35px;
}

ul#navContent li{
	display 				: inline;
}

ul#navContent li a{
	margin					: 0px 5px 0px 0px;
	padding					: 5px 9px 5px 9px;
	display 				: block;
	float 					: left;
	color					: #999999;
	text-decoration 		: none;
	font-family				: Verdana, Arial, Helvetica, sans-serif;
	font-size 				: 12px;
	text-align				: center;
	text-transform			: uppercase;
	background-color		: #000000;
	border					: 1px solid #FF6600;
}


ul#navContent li a:hover, ul#navContent li a.selected{
	margin					: 0px 5px 0px 0px;
	padding					: 5px 9px 5px 9px;
	text-decoration 		: none;
	color					: #FF6600;
	border					: 1px solid #FF6600;
}

ul#navContent li a.selected{
	color					: #4D4D4D;
	background-color		: #333333;
}
*/


/*###############
#### CONTENT ####
###############*/ 

#banner{
	display 				: block;
	width					: 838px;	
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	background-color		: #000001;
	border-left				: 1px solid #333333;
	border-right			: 1px solid #333333;
}

#content{
	display 				: block;
	width					: 808px;	
	min-height				: 300px;
	margin					: 0px 0px 0px 0px;
	padding					: 15px 15px 15px 15px;
	float					: left;	
	background				: #E0E0E0;
	border-left				: 1px solid #333333;
	border-right			: 1px solid #333333;
}

*html #content{
	height					: 300px;
}

#contentFull{
    width					: auto;
	float					: left;
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
}

#contentLeft{
	width					: 460px;
	float					: left;
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
}

#contentRight{
	width					: 332px;
	float					: right;
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
}


/*################
##### TEASER #####
################*/ 

#teaserHolder{
    width					: auto;
	float					: right;
	margin					: 0px 0px 10px 30px;
	padding					: 0px 0px 0px 0px;
}

.teaser{
	display					: block;
	width					: 148px;
	height					: 170px;
	float					: left;
	margin					: 0px 0px 15px 15px;
	padding					: 0px 0px 0px 0px;
	background-color		: #000003;
	border					: 1px solid #444444;
}

.teaser h3{
	padding		 			: 5px 0px 5px 5px;
}

.teaser Img{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	border					: none;
}

.teaser a{
	margin					: 9px 5px 0px 0px;
	padding					: 0px 0px 0px 0px;
	line-height				: 0.8em;
	color					: #FF6600 !important;
	width					: 70px;
	height					: 9px;
	float					: right;
	text-align				: right;
	text-decoration			: none;
	font-weight				: normal !important;
	background				: url(../images/arrow.gif) top left no-repeat;
}

.teaser a:hover{
	color					: #FF2 !important;
	text-decoration			: none;
	background				: url(../images/arrow.gif) bottom left no-repeat;
}



/*################
##### FOOTER #####
################*/ 

#footer{
	clear					: both;
	width					: 840px;
	height					: 50px;
	margin					: 0px 0px 0px 0px;
	line-height				: 1.4em;
	font-size				: 10px;
	background				: url(../images/bkgrndFooter.gif) no-repeat;
	color					: #666666
}

#footerLeft{
    width					: auto;
	margin					: 0px 0px 0px 0px;
	padding		 			: 5px 0px 0px 15px;
	float					: left;
}

#footerRight {
    width					: auto;
	margin					: 0px 0px 0px 0px;
	padding		 			: 15px 15px 0px 0px;
	float					: right;
}


#footerLeft a, #footerRight a {
	text-decoration			: none;
	color					: #999999;
}

#footerLeft a:hover , #footerRight a:hover{
	color					: #FFFFFA;
	text-decoration			: underline !important;
}


/*###############
##### MISC. #####
###############*/ 

.btn a, .btnMenu a{
	margin					: 20px 10px 5px 0px;
	padding					: 3px 5px 3px 8px;
	display					: block;
	float					: left;
	width					: 70px;
	text-align				: center;
	font-weight				: normal !important;
	border					: 1px solid #828282;
	background-color		: #B1B1B1;
}

.btnMenu a{
    width					: auto;
	margin					: 0px 0px 5px 0px;
	padding					: 3px 5px 3px 8px;
	float					: right;
}

.btn a:hover, .btnMenu a:hover{
	border					: 1px solid #333;
	background-color		: #666660 !important;
	color					: #FFFFFA !important;		
	text-decoration			: none !important;
}

.imgLeft{
    width					: auto;
	margin					: 0px 20px 0px 0px;
	padding					: 0px 0px 0px 0px;
	float					: left;
	border					: 1px solid #999;
}

.imgRight{
    width					: auto;
	margin					: 0px 0px 0px 20px;
	padding					: 0px 0px 0px 0px;
	float					: right;
	border					: 1px solid #999;
}


.retailProduct{
	margin					: 0px 12px 12px 0px;
	padding					: 2px 2px 2px 2px;
	background-color		: #000004;
}




.venueHolder, .servicesHolder, .aboutusHolder{
	margin					: 0px 0px 0px 0px;
	padding					: 5px 20px 5px 20px;
	float					: right;
	width					: 260px;
	min-height				: 350px;
	border					: 1px solid #999;
	background				: #FFF url(../images/venues.jpg) top right no-repeat;
}

*html .venueHolder, .servicesHolder, .aboutusHolder{
	height				: 350px;
}


.servicesHolder{
	background				: #FFF url(../images/venues.jpg) top right no-repeat;
}

.aboutusHolder{
	background				: #FFF url(../images/venues.jpg) top right no-repeat;
}




/* ---- TESTIMONIALS ---- */
blockquote {
	width					: 800px;
	text-align				: center;
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	font-size				: 12px;
	font-weight				: bold;
	color					: #330;
	background				: url(../images/quote1.gif) no-repeat top left;
}

.quote {
	margin					: 0 10px 0 0;
	padding					: 20px 10px 10px 20px;
	background				: url(../images/quote2.gif) no-repeat right bottom;
}

.author {
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 20px 0px;
	color					: #661;
	font-size				: 90%;
	border-bottom			: 1px solid #CCC;
	font-weight				: normal;
}



/* ---- TABLES + FORM DETAILS ---- */

#menuBottom{	
	margin					: 0px 0px 0px 5px;
	padding					: 0px 0px 0px 0px;
	width					: 800px;
	height					: auto;
	background				: url(../images/menus/menuBottom.gif) bottom no-repeat;
}

#menuTop{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	width					: 800px;
	height					: auto;
	background				: url(../images/menus/menuTop.gif) top no-repeat;
}


.menuImg{
	margin					: 0px 0px 0px 0px;
	padding					: 40px 0px 20px 25px;
}


.tableMenu{
	margin					: 20px 0px 10px 0px;
	padding					: 0px 40px 0px 40px;	
	width					: 800px;
	height					: 694px;
	font-size				: 100%;
	vertical-align			: top;
}

.tableMenu td{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 5px 5px 0px;	
	vertical-align			: top;
}

.tableMenu span{
	color					: #999999;
	font-weight				: bold;
}








.table, .tableExperts{
	margin					: 0px 0px 10px 0px;
	padding					: 0px 5px 5px 0px;
	width					: 300px;
	font-size				: 100%;
}

.table td{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 5px 5px 0px;	
	vertical-align			: top;
}

.tableExperts{
	width					: 680px;
}

.tableExperts td{
	vertical-align			: top;
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
}


.imgExpert{
	margin					: 5px 0px 0px 0px;
	padding					: 0px 40px 0px 10px;
}


.textField{
	width					: 160px;
	height					: 16px;
	font-size				: 13px;
	float					: right;
	font-family				: Arial, Helvetica, sans-serif;
}

.textArea{
	width					: 160px;
	height					: 80px;
	float					: right;
	font-family				: Arial, Helvetica, sans-serif;
	font-size				: 12px;
}


.submitBtn{
	margin					: 5px 0px 5px 5px;
	padding					: 2px 5px 2px 8px;
	display 				: block;
	float					: right;
	font-weight				: normal;
	text-align				: center;
	text-decoration 		: none;
	font-size 				: 11px;
	width					: 90px;
	border					: 1px solid #828282;
	background-color		: #B1B1B1;
	cursor					: pointer
}


.submitBtn:hover{
	border					: 1px solid #333;
	background-color		: #999991;
	text-decoration 		: none !important;
}



/* ---- Google Maps---- */
#mapHolder{
	width					: 450px;
	height					: 345px;
	display					: block;
	margin					: 20px 0px 0px 20px;
	padding					: 0px 0px 0px 0px;	
	float					: right;
}
#mapHolder2{
	width					: 450px;
	display					: block;
	margin					: 20px 0px 0px 20px;
	padding					: 0px 0px 0px 0px;	
	float					: right;
}
#map{
	width					: 449px;
	height					: 320px;
	border					: 1px solid #999999;
	color					: #000005;
}



/* ---- MATERIALS GALLERY ---- */
/*.materials{
	display					: block;
	float					: left;	
	margin					: 0px 20px 0px 0px;
	padding					: 0px 0px 0px 0px;	
	width					: 170px;
	height					: 190px;
	text-align				: center;
	text-decoration			: none;
	color					: #347595;
}

*html .materials{		
	width					: 165px;
}

.materials img{
	border					: 2px solid #CCCCCC;
}

.materials a:hover{
	text-decoration			: none;
}


.materials img:hover{
	border					: 2px solid #347595;
}
*/


/* PORTFOLIO GALLERY */
/*.portfolio{
	display					: block;
	float					: left;	
	margin					: 0px 15px 0px 0px;
	padding					: 0px 0px 0px 0px;	
	width					: 120px;
	height					: 90px;
	text-align				: center;
	text-decoration			: none;
	color					: #347595;
}

.portfolio img{
	border					: 2px solid #CCCCCC;
}

.portfolio a:hover{
	text-decoration			: none;
}

.portfolio img:hover{
	border					: 2px solid #347595;
}*/




/*#################################
### SAFARI/IE6 HACK FOR NAV BAR ###
### KEEP AT BOTTOM OF THIS PAGE ###
#################################*/ 


#navMain2 ul ul{
margin:35px 0px 0px 0px;/*IE 5 for PC only*/

margin:26px 0px 0px 4px;/*all non-IE 5 browsers*/
}
/*end*/

/*\*/
html*#navMain2 ul ul{
[margin:35px 0px 0px 0px;/*Affects older Firefox and Netscape browsers only. Seen also by IE5-6 and Safari for Macintosh, which is
addressed below.*/
margin:35px 0px 0px -165px;/*Affects Safari for Macintosh only (v1-3). See also by IE5-6, but thats addressed below. Also
hidden from older Firefox and Netscape browsers.*/
]margin:26px 0px 0px -182px;/*Affects IE 7 only. Seen by IE5-6 but thats addressed below. Hidden from Safari and all
Firefox and Netscape browsers.*/
}/**/
.dummyend[id]{clear:both/*end hack using dummy attribute selector for IE5 mac, else error in CSS occurs!*/}

/*The above rule is hidden from IE for MAC, and read only by older Firefox and Netscape 6-7 and IE5-7 for PC,
and Safari on MAC, in general.*/
/*Newer Firefox and Netscape agents reads rule, but does not read any properties set within [], so is
unaffected by it, probably because it sees these as part of an attribute selector. Those will be hidden.*/
/*IE 7 on PC will correctly read all rules as it will ignore many characters before a property*/
/*Safari for MAC sees each [] as a character and not part of a selector, if one falls before a property.
These cause the property name following the character to not be read, but next line without "[]" property
is  parsed.*/
/*use of [] will break all css selectors following the rule, if all are not closed, as Mozilla-Netscape
read the [] as part of a selector rule, so make sure they are all closed, using dummy selector.*/

/*\*/
* html #navMain2 ul ul{
margin:26px 0px 0px -182px;/*Finally, be sure to reapply a fix that affects IE 5-6 only here. IE for Mac and IE 7 for PC
are not affected here, which means purple above should work only in IE 7 above!*/
}
/**/