html{
background: #224545 url(imgs/pgbgvert.gif) repeat-x;
padding: 0px;
/*margin-left: -1px;
overflow-Y: scroll;*/}

/*@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0){
	head~body *{ margin-left: -1px;}
} /* Hack for aligning center div correctly in Chrome and Safari */

body{
margin: 0px;
padding: 0px;
text-align: center;
font-family: helvetica, arial, tahoma, times;}

a{
outline: none;}

#container, #top, #aj, #nav, #nav_inside, #content, #bot, #bot_inside{
width: 800px;}

#top, #aj, #nav, #nav_inside, #content, #bot, #bot_inside{
position: relative;}

#aj h1, #nav p{
display: none;
visibility: hidden;
font-size: 1px;
color: white;}

#global_wrap{
margin: 0px auto;
width: 1000px;
overflow: hidden;}

#wrap{
width: 1000px;
height: auto;
background: transparent url(imgs/pgbghoriz.png) repeat-y center;
text-align: center;
padding: 0px;
float: left;}

#container{
height: auto;
background: transparent;
margin: 0px auto;
text-align: left;}

#top{
background: #444 url(imgs/top.jpg) no-repeat top center;
height: 287px;}

#aj{
background: #444 url(imgs/aj.jpg) no-repeat center;
height: 69px;}

#nav{
background: #933 url(imgs/navbg.jpg) repeat-x center;
height: 104px;}

#nav_inside{
background: transparent url(imgs/tagline.gif) no-repeat bottom right;
height: 89px;
text-align: right;}

	#nav_inside div{
	float: right;}

	#nav_inside a img{
	display: block;
	float: left;
	border-width: 0px;
	height: 28px;}
	
#content{
height: auto;
text-align: center;}

	#content_inside{
	width: 775px;
	margin: 0px auto;
	background: transparent;
	text-align: left;
	padding-bottom: 15px;}
	
	#content h1{
	color: #444;}
	
	#content p{
	line-height: 150%;}
	
	#content p b{
	color: #224545;}
	
	#content p a{
	color: #933;
	font-weight: bold;
	text-decoration: underline;}
	
	#content p a:hover{
	text-decoration: none;}
	
#bot{
background: #999 url(imgs/bottop.gif) no-repeat top center;
text-align: left;}

	#bot, #bot_inside{
	height: 247px;}
	
	#bot_inside{
	background: transparent url(imgs/copy.gif) no-repeat bottom right;}
	
	#bot blockquote{
	float: left;
	border-width: 0px 1px 0px 0px;
	border-color: white;
	border-style: dashed;
	margin: 0px 0px 0px 20px;
	padding-top: 55px;}
	
	#b1 a, #b3 a{
	color: #333;}
	
	#b1 a:hover, #b3 a:hover{
	color: #fff;}
	
	#b1{
	width: 15%;}
	
		#b1 a{
		display: block;
		margin-bottom: 5px;}
		
	#b2{
	width: 18%;
	z-index: 1;}
		
		#b2 a img{
		margin-right: 3px;
		filter: alpha(opacity:60);
		KHTMLOpacity: 0.60;
		MozOpacity: 0.60;
		text-decoration: none !important;
		border-width: 0px !important;
		opacity: 0.60;
		background-color: transparent;}
		
		#b2 a{
		text-decoration: none;
		background: none;
		background-color: transparent;}
		
		#b2 a:hover img{
		filter: alpha(opacity:100);
		KHTMLOpacity: 1.00;
		MozOpacity: 1.00;
		opacity: 1.0;}
		
	#b1 p, #b2 p{
	display: inline;}
		
	#b3{
	width: 20%;}
	
/*---------- bubble tooltip -----------*/
a.redtt{
    position:relative;
    z-index: 100;
}
a.redtt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.redtt:hover{ z-index:25; color: #fff; background:;}
a.redtt:hover span.tooltip{
    display:block;
    position:absolute;
    bottom: 25px; right: -15px;
	padding: 15px 0 0 0;
	width:200px;
	color: #fff;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
	z-index: 101;
}
a.redtt:hover span.top{
	display: block;
	padding: 3px 8px 15px;
    background: url(imgs/bubble.gif) no-repeat top;
}
a.redtt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(imgs/bubble_filler.gif) repeat bottom; 
	font-weight: normal !important;
}
a.redtt:hover span.middle b{
color: white !important;}
a.redtt:hover span.bottom{
	display: block;
	padding: 35px 8px 0;
	color: #548912;
    background: url(imgs/bubble.gif) no-repeat bottom;
}

a.grntt{
    position:relative;
    z-index:24;
}
a.grntt span{ display: none; font-weight: normal;}

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.grntt:hover{ z-index:25; color: #fff; background:;}
a.grntt:hover span.tooltip{
    display:block;
    position:absolute;
    bottom: 23px; right: -15px;
	padding: 15px 0 0 0;
	width:200px;
	color: #fff;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.grntt:hover span.top{
	display: block;
	padding: 3px 8px 15px;
    background: url(imgs/bubble2.gif) no-repeat top;
}
a.grntt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(imgs/bubble_filler2.gif) repeat bottom; 
}
a.grntt:hover span.bottom{
	display: block;
	padding: 35px 8px 0;
	color: #548912;
    background: url(imgs/bubble2.gif) no-repeat bottom;
}

/*---------- services box -----------*/

#servicesBox{
width: 80%;
margin: 0px auto;
border: 1px solid black;
background: #ccc;}

#servicesNav, #servicesInfo{
float: left;}

#servicesNav{
width: 30%;
background: #ccc;}

	#servicesNav ul{
	padding: 0px;
	margin: 0px;}
	
	#servicesNav ul li{
	list-style-type: none;
	letter-spacing: 2px;}
	
	#servicesNav a, #servicesNav a:link, #servicesNav a:active, #servicesNav a:visited{
	display: block;
	padding: 5px 3px 5px 7px;
	border-width: 0px 0px 1px 0px;
	border-color: #fff;
	border-style: solid;
	font-weight: bold;
	text-decoration: none;
	color: #000;}
	
	#servicesNav a:hover, .servicesOver{
	background: #224545 !important;
	color: white !important;}

#servicesInfo{
width: 70%;
background: #ddd;
padding-top: 6px;}

	#servicesInfo h2, #servicesInfo h3, #servicesInfo p{
	margin: 0px 5px 10px 10px;}
	
	#servicesInfo h2, #servicesInfo h3{
	letter-spacing: 3px;}
	
	#servicesInfo blockquote{
	background: #eee;
	border-width: 0px 4px 0px 0px;
	border-color: #bbb;
	border-style: solid;
	padding: 4px 2px 4px 2px;}
	
		#servicesInfo blockquote h3{
		color: #333;}
		
	.services_p_info{
	font-size: 0.9em;}
	
	#services_webadd, #services_graphicd, #services_consult, #services_resource{
	display: none;}
	
#portwrap{
width: 75%;
padding: 0px 12px 12px 12px;
margin: 0px auto;
border-width: 2px 5px 2px 5px;
border-style: solid; 
border-color: #933;
-moz-border-radius: 1em;
-webkit-border-radius: 1em;
border-radius: 1em;}

#portwrap h1{
margin-top: 5px !important;
margin-bottom: 3px !important;}
	
.portgal a img{
display: block;
float: left;
margin: 5px 10px 5px 0px;
border-width: 2px;
border-style: solid;
border-color: #ccc;}

.portgal a:hover img{
border-color: #444;}

.port_hr{
width: 100%;
height: 3px;
background: #933;
margin-top: 20px;}

#formDance fieldset{
width: 75%;
margin: 0px auto;
border-width: 2px 5px 2px 5px;
border-style: solid; 
border-color: #224545;
-moz-border-radius: 1em;
-webkit-border-radius: 1em;
border-radius: 1em;
background: white url(imgs/contactme.jpg) no-repeat bottom right;
padding-left: 10px;}

fieldset.no_me{
background: white url() !important;}

#formDance legend{
font-weight: bold;
font-size: 1.5em;
color: #444;}

#formDance label, #formDance input, #formDance textarea{
display: block;}

#formDance label{
letter-spacing: 2px;
font-weight: bold;
color: #224545;}

#formDance input, #formDance textarea{
border: 2px solid #224545;
padding: 3px;
font-size: 1em;
font-family: arial;}

#formDance input:focus, #formDance textarea:focus{
border-color: #933;}

#formDance input{
width: 235px;
margin-bottom: 12px;}

#formDance textarea{
width: 360px;
height: 175px;}

#formSubmit{
font-size: 1.3em !important;
padding: 6px !important;
width: 90px !important;
margin-top: 20px;}

.validation-advice, .custom-advice{
margin-bottom: 10px;
font-weight: bold;
color: #933;}