address, blockquote, body, button, caption, cite, dd, dfn, dir, div, dl, dt, form, h1, h2, h3, h4, h5, h6, hr, html, img, label, li, menu, ol, p, samp, select, small, span, sub, sup, textarea, td, tfoot, th, thead, tt, ul {font-family: Arial, Helvetica, Verdana, sans-serif; font-weight:normal; margin:0; padding:0; text-align:left; vertical-align:top; color:#ffffff;}
#page-wrapper{font-size:1em; line-height: 1.5em;}

/* ~~~~~~~~~~ HTML STYLES ~~~~~~~~~~ */
body {background:#aeaeae url("../pics/bg-page.jpg") repeat-x; z-index: 0; text-align:center; }
button {cursor:pointer;}
address, big, blockquote, caption, cite, code, dfn, dd, dl, dt, pre {margin-left:0;}
caption {}
cite, dfn, samp {font-style:italic;}
code{}
fieldset{border:1px solid #888888; background: #7c796d; margin: 10px 0 10px 0; padding: 5px 5px 10px 5px;}

p, li, input, textarea,  {}

h1 {font-size: 1.5em; margin-bottom: 1em; margin-top:0; padding-top: 0;} /**** page titles only****/
h2 {font-size: 1.25em; font-weight:bold; } /**** section titles only ****/
h3 {font-size:1.15em; font-weight:bold; color: #cccccc; border-bottom:1px dotted #cccccc;} /**** sub-titles only ****/
h4 {font-size:1em; font-weight:bold; line-height:11px; margin-bottom: 5px;} /**** sub-sub headers only****/
h5 {font-size:1em; font-style:italic;} /**** small notes only ****/
h6 {font-family: Arial, Helvetica, sans-serif; font-size:0.8em; color:#aaaaaa; text-transform:uppercase; font-weight:bold; line-height: 1em;} /**** section page titles only ****/
hr {height:1px; color:#cccccc;}
html {}
img{border:none; }
input {cursor:auto; color: #000000; font-size:1em;}
kbd {font:1em monospace;}
label {cursor:default; display:block; }
ol {list-style:decimal; margin:0 0 1em 1.5em;}
p {margin:0 0 1em 0;}
select {cursor:auto; color: #000000;}
samp {}
small, sub, sup {font-size:0.75em;}
span{}
table {border:1px solid #999999;}
td, th {vertical-align:top; border:1px solid #ffffff; padding:0px 5px 2px 5px;}
textarea {cursor:text; line-height:0.75em;}
th{background:#666666; font-weight:bold; color:#ffffff; border:0px;}
ul {list-style:disc; margin:0 0 1em 1em; }

/* ~~~~~~~~~~ LAYOUT STYLES ~~~~~~~~~~ */
#access{position:absolute; top 200px; left: 300px; z-index:1;}
#page-wrapper-outer{position: relative; width: 930px; margin: 0 auto 0 auto; padding:0; z-index:1; }
	#page-wrapper{background: #8c897d url("../pics/bg-block.jpg") repeat-x; position: relative; width: 900px; margin: 30px auto 0 auto; padding:0; z-index:2; border:1px solid #000000;}
		#content{position: relative; z-index:2; padding: 140px 0 0 0; }
			#menu {display: none; position: relative; width: 240px; float:left; border-right: 1px solid #8c897d; }
			#body-service{position: relative; width: 650px; float:left;}
				#words{position: relative; width: 290px; float:left; margin-right: 40px; padding: 0 0 0 15px;}
				#pictures{position: relative; width: 280px; float:left;}
				#picturesFullWidth{position: relative; width: 580px; float:left; padding: 0 0 30px 20px; margin:0;}
			#body-section{position: relative; width: 650px; float:left; }
				#pictures-category{position: relative; width:635px; padding: 0 0 0 15px; float:left; margin:0;}
				#col1{position: relative; width: 310px; float:left; margin-right: 0px; padding: 0 0 0 15px;}
				#col2{position: relative; width: 310px; float:left;}
					#col1 h2, #col2 h2{color: #000000; margin-bottom: 1em;}
					#col1 h2 img, #col2 h2 img {vertical-align: text-bottom;}
					#col1 p, #col2 p  {padding: 0 20px 0 0;}
					.quart{position:relative; float:left; width: 154px; margin: 0 0 5px 0;}

				#colb1{position: relative; width: 200px; float:left; margin-right: 5px; padding: 0 0 0 15px;}
				#colb2{position: relative; width: 180px; float:left; margin: 0 10px 0 10px;}
				#colb3{position: relative; width: 200px; float:left;}

				
			#body-builder{border: 2px solid #dd0000; position: relative; float:left; background: #770000; width: 640px; margin-left:-1px;}
				.event-builder-corner{margin: -2px 0 0 -2px;}
				#frieze{background:#000000; height: 51px; margin-bottom:30px;}
					#frieze h1{padding-left:20px;}
					#body-builder #words{clear:both; float:left; width: 280px;}
						fieldset{background:#cc0000; border: 1px solid #660000;}

		#footer{position: relative; text-align:center; margin: 10px 0 30px 0;}
		#footer-shadow{display: block; height: 40px; background: #aeaeae url("../pics/footer-shadow.jpg") no-repeat 5px 0; width:900px; margin:0; padding:0;}
		#utility{position: absolute; top:10px; right: 10px; z-index:20;}
			#phone{float:left; margin-right: 15px; color:#cccccc; z-index:20;}
			#utilLinks{float:left;  z-index:20;}
		#logo{position: absolute; top:20px; left: 15px; z-index:10;}
			#proposition{position: absolute; top: 47px; left: 230px; text-transform:uppercase; color: #888888; width: 600px; font-weight:bold; font-size:1em; font-family:"Arial Narrow", "Helvetica Narrow", Arial, Helvetica, sans-serif;}
		.logos{background:#ffffff; margin-right: 20px;}
		.logos img {margin: 5px;}

/* ~~~~~~~~~~ CONTENT STYLES ~~~~~~~~~~ */
	#access ul li{display: inline; list-style-type:none;}
			#pictures img{border: 1px solid #ffffff;}
			#pictures .pull-quote {background: #7b786e url("../pics/pull-quote-start.gif") no-repeat 10px 10px; padding: 20px 30px 20px 30px; font-style:italic; border:1px solid #000000;}
				#pictures cite{font-style:normal;}
					#pictures .pull-quote img{border-width: 0; margin-left:5px; display:none;}
		#footer ul{display:inline;}
		#footer ul li {list-style-type:none; display:inline;}
		
		#utilLinks ul li{list-style-type:none;}
		#utilLinks ul li a{text-decoration: none; color: #ffffff;}
		#utilLinks ul li a:hover{color: #ffcf80;}
		
				#pictures-category .servicePanel{position:relative; float:left; width:198px; height:175px; margin: 0 11px 30px 0; background: url("../pics/servicePicsBase.jpg") no-repeat; border: 1px solid #000000;}
				#pictures-category .servicePanel2{position:relative; float:left; width:198px; height:175px; margin: 0 15px 30px 0; background: url("../pics/servicePicsBase2.jpg") no-repeat; border: 1px solid #000000;}
				#pictures-category .servicePanel3{position:relative; float:left; width:196px; height:173px; margin: 0 15px 30px 0; background: #000000; border:1px solid #999999;}
				#pictures-category .servicePanel3 h1{margin:0 0 10px 0; padding: 0;}
				#pictures-category .servicePanel3 p{margin:0 0 10px 0; padding: 0;}

					#pictures-category .servicePanel img{border: none; margin: 0 -10px 0 -10px;}
					#pictures-category .servicePanel2 img{border: none; margin: 0 -10px 0 -10px;}
					#pictures-category p{padding: 0 10px 0 10px; margin: 0 0 5px 0; line-height: 1em; color: #cccccc;}
					#pictures-category h6{padding: 0 10px 0 10px; color: #ffffff;}
					#pictures-category .servicePanel2 p{padding: 0 10px 0 10px; margin: 0 0 5px 0; line-height: 1.5em; color: #cccccc;}
					#pictures-category .servicePanel2 h6{padding: 0 10px 0 10px; line-height: 1.5em; color: #ffffff;}
					#pictures-category .servicePanel2 h6 a{color: #ffffff; text-decoration:none; font-weight:bold;}

				#pictures-category ul{}
				#pictures-category ul li{list-style-type:disc; list-style-position:inside;}

/* ~~~~~~~~~~ LINK STYLES ~~~~~~~~~~ */
a{cursor:pointer; text-decoration:underline; color:#ffcf80;}
a:hover {color:#ffff00; text-decoration:none;}

a.home{width: 326px; height: 40px; text-decoration:none;}
a.home:hover{}

a.linkButton{width: 129px; height: 25px; display: block; background: url("../pics/link-button.gif") no-repeat; color:#ffffff; font-weight: bold; text-align: center; text-decoration:none; padding-top: 4px; border: 1px solid #000000;}
a.linkButton:hover{background: url("../pics/link-button-over.gif") no-repeat;}

a.goButton{position: absolute; bottom:-10px; right: 0; width: 34px; height: 25px; display: block; background: url("../pics/button-go.gif") no-repeat; color:#ffffff; font-weight: bold; text-align: center; text-decoration:none; padding-top: 4px; }
a.goButton:hover{background: url("../pics/button-go-over-dark.gif") no-repeat;}



/* --- menu --- 
nb: 2 kinds of spans here - (a) for selected item, and (b) for section subtitles
*/
#menu ul, #menu ul li {list-style-type:none; margin:0; padding:0; }

a.menu, a.menu-top, a.menu-bot {text-decoration:none; color:#ffffff; display:block; list-style-type:none; }
a.menu-top, span.menu-selected-top{font-weight: bold; padding-left:15px; font-family: "Arial Narrow", "Helvetica Narrow", Arial, Helvetica, sans-serif; text-transform:uppercase; font-size: 1em; line-height:1em; padding-bottom:5px;}
a.menu, span.menu-selected {padding-left: 30px;}
a.menu-bot, span.menu-selected-bot {padding-left: 40px;}
a.menu:hover, a.menu-top:hover, a.menu-bot:hover {color: #ffffff; background:#222222;}

a.menu-top span, span.menu-selected-top span {color:#bbbbbb; text-transform:none; font-family:"Arial Narrow", "Helvetica Narrow", Arial, Helvetica, sans-serif; line-height: 1.5em; font-size: 1.1em;}
span.menu-selected, span.menu-selected-bot, span.menu-selected-top {display: block; font-weight:bold; color:#ffffff;}



.menuSlipWhite{border-left: 10px solid #990000;margin-left: -10px;}
.menuSlipRed{border-left: 10px solid #ff0d0c; margin-left: -10px;}
.menuSlipOrange{border-left: 10px solid #ff9966;margin-left: -10px;}
.menuSlipGreen{border-left: 10px solid #99cc00;margin-left: -10px;}
.menuSlipBlue{border-left: 10px solid #28a9ff;margin-left: -10px;}
.menuSlipPink{border-left: 10px solid #cc33cc;margin-left: -10px;}
.menuSlipYellow{border-left: 10px solid #ffe111;margin-left: -10px;}

.menuSlipThinWhite{border-left: 2px solid #990000; margin-left: -2px; color: #ff0d0c; }
.menuSlipThinRed{border-left: 2px solid #ff0d0c; margin-left: -2px; color: #ff0d0c; }
.menuSlipThinOrange{border-left: 2px solid #ff9966; margin-left: -2px; }
.menuSlipThinGreen{border-left: 2px solid #99cc00;margin-left: -2px;}
.menuSlipThinBlue{border-left: 2px solid #28a9ff;margin-left: -2px;}
.menuSlipThinPink{border-left: 2px solid #cc33cc;margin-left: -2px;}
.menuSlipThinYellow{border-left: 2px solid #ffe111;margin-left: -2px;}

.menuSelectedWhite{background: #660000; color: #cccccc;}
.menuSelectedRed{background: #770000; color: #cccccc;}
.menuSelectedOrange{background: #442200; color: #cccccc;}
.menuSelectedGreen{background: #004400; color: #cccccc;}
.menuSelectedBlue{background: #003377; color: #cccccc;}
.menuSelectedPink{background: #771177; color: #cccccc;}
.menuSelectedYellow{background: #884400; color: #cccccc;}

.menuSelectedGroup{background: #393939;}

/* ~~~~~~~~~~ USEFUL CLASSES ~~~~~~~~~~ */
.clear {clear:both; margin-bottom:-1px; padding-bottom:1px;}
.hide {display:none; height:0px; width: 0px;}
.inside {padding:0px; }
.centre{text-align:center;}
.right{text-align:right;}
.printOnly{}
.mobileOnly, .screenOnly{display:none;}
.nudgeDown{margin-top: 10px;}
.smallBox{width: 3em;}
.errorMsg{color:#ffff99;}
.floatR{float:right;}
.floatL{float:left;}
.red{color: #ee0000;}
.innerPad{padding:10px;}