/* Digital Syphon CSS */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background: url(images/bg-tail.gif) top repeat-x #131313;
	text-align:center;
}

html, input, textarea
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size:0.8125em;
		line-height:1.385em;
		color:#494949;
	}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}
.aligncenter { text-align:center;}
.alignleft { text-align:left;}
.alignright { text-align:right;}

input, select { vertical-align:middle; font-weight:normal;}
a {color:#FFF; outline:none; text-decoration:underline;}
a:hover{text-decoration:none;}
p {padding-top:18px;}
a img { border:0;}
ul { list-style:none;}
img {vertical-align:top;}
em { font-style:normal; text-transform:uppercase; color:#FFF;}

h3 { font-size:2.3em; color:#fff; font-weight:normal; line-height:1.5em; padding-bottom:31px;}
.link1 { background:url(images/marker.gif) 0 4px no-repeat; padding-left:12px; padding-bottom:5px; font-size:1.0em; }
.fontsize1 { font-size:0.923em;}
.fontsize2b { font-size:0.823em; color:#999999;}
.emails { font-size:0.923em; color:#FFF; }
.footnote {}
.style1 { font-size:0.923em; color:#DDDDDD; }
/* ============================= main layout ====================== */
.imgindent { float:left; margin-right:14px;}
.imgindent2 { float:left; margin-right:25px;}
.imgindent3 { float:left; margin-left:25px;}
.imgindent4 { float:right; }
.imgindent5 { float:left; margin-right:25px; position:relative; top:10px;}
.imgindent6 { float:right; margin-right:100px; margin-top:12px;}
.imgindent7 { float:left; margin-left:25px; position:relative; right:150px; top:25px}
.indent1 { padding-top:20px;}
.indent2 { padding-top:20px; text-align:right;}
.space1 { margin-right:45px;}
.space1b {margin-left:0px;}
.space2 { margin-top:25px;}
.space3 { margin-right:45px;}
.space4 { margin-top:18px;}
/* ============================= header ====================== */
#menu .indent {width:1010px; margin:0 auto; text-align:left; padding:11px 0 0;}
.menu { float:right; position:absolute; padding-left:390px; padding-top:11px; margin:0 auto; width:555px; }
.menu li { float:left; font-size:1em; }
.menu li a { display:inline-block; height:40px; font-size:1em; line-height:1em; color:#616049; text-decoration:none; cursor:pointer;}
.menu li a span span { border-right:1px solid #C7C8B7; height:auto; padding:0 13px 0 13px; background:none;}
.menu li .last span span { border:none;}
.menu li a:hover, .menu .active a {color:#FFF;}
.menu li a:hover span span, .menu .active a span span { height:auto; background:none;}
.logo { position:absolute; margin:-12px 0 0 0px;}
.banner {}
.slogan { position:absolute; font-size:3.231em; line-height:1.2em; color:#131313; letter-spacing:-2px; margin:346px 0 0 578px;}
.subnav {position:relative; top:10px;}
/* ============================= content ====================== */
#content { padding:0px 0 55px; background:url(images/bg-bot2.jpg) bottom center no-repeat #131313; }
.list1 { overflow:hidden;}
.list1 ul { margin-bottom:-3px;}
.list1 li { background:url(images/divider.gif) bottom repeat-x; }
.list1 li a { background:url(images/marker.gif) 0 6px no-repeat; padding-left:22px; line-height:2em; text-decoration:none;}
.list1 li a span { color:#494949;}
.list1 li a:hover { color:#494949;}
.list1 li a:hover span { color:#FFF;}
.list1 li a:hover, .list1 .active a { background:url(images/marker2.gif) 0 6px no-repeat; padding-left:22px; line-height:2em; text-decoration:none;}

.list2 { overflow:hidden;}
.list2 ul { margin-bottom:3px; padding-left:12px; padding-top:12px; }
.list2 li {background:url(images/marker3.gif) 0 7px no-repeat; padding-left:12px; line-height:1.4em; text-decoration:none;}

.list3 { overflow:hidden;}
.list3 ul { margin-bottom:-3px;}
.list3 li { background:url(images/divider.gif) bottom repeat-x; }
.list3 li a{ color:#fff; background:url(images/marker4.gif) 0 6px no-repeat; padding-left:22px; line-height:2em; text-decoration:none;}
.list3 li span { color:#494949;}


dl { line-height:1.154em;}
dl dt {text-transform:uppercase; color:#FFF;}
dl dd { margin-top:5px;}
.phone { float:left; width:75px;}
.mail { float:left; width:75px;}
.mail2 { float:left; width:75px;}

.list3 li a.videoes{
display: inline-table;
background-color: transparent;
background-image: url(/images/HtowerES.png);
background-repeat: no-repeat;
width: 16px;
height: 16px;
margin: 0px auto;
padding-top:5px;
padding-bottom:5px;
text-align: center;
font-family: verdana, Arial, sans-serif;
font-size: 8px;
font-weight: normal;
text-decoration: none;
cursor:pointer;
line-height:1em;
position:relative;
top:-5px;left:20px;
}
.list3 li a.videoes:hover { background-image: url(/images/HtowerES.png);//color: #EEEEEE;}
.list3 li a.videoes:active { background-image: url(/images/HtowerES.png);}

.list3 li a.videoen{
display: inline-table;
background-color: transparent;
background-image: url(/images/HtowerEN.png);
background-repeat: no-repeat;
width: 16px;
height: 16px;
margin: 0px auto;
padding-top:5px;
padding-bottom:5px;
text-align: center;
font-family: verdana, Arial, sans-serif;
font-size: 8px;
font-weight: normal;
text-decoration: none;
cursor:pointer;
line-height:1em;
position:relative;
top:-5px;left:20px;
}
.list3 li a.videoen:hover { background-image: url(/images/HtowerEN.png);//color: #EEEEEE;}
.list3 li a.videoen:active { background-image: url(/images/HtowerEN.png);}


.list3 li a.doc{
display: inline-table;
background-color: transparent;
background-image: url(/images/HightowerDoc.png);
background-repeat: no-repeat;
width: 16px;
height: 16px;
margin: 0px auto;
padding-top:5px;
padding-bottom:5px;
text-align: center;
font-family: verdana, Arial, sans-serif;
font-size: 8px;
font-weight: normal;
text-decoration: none;
cursor:pointer;
line-height:1em;
position:relative;
top:-5px;left:25px;
}
.list3 li a.doc:hover { background-image: url(/images/HightowerDoc.png);//color: #EEEEEE;}
.list3 li a.doc:active { background-image: url(/images/HightowerDoc.png);}

.list3 li a.ppt{
display: inline-table;
background-color: transparent;
background-image: url(/images/Hightowerppt.png);
background-repeat: no-repeat;
width: 16px;
height: 16px;
margin: 0px auto;
padding-top:5px;
padding-bottom:5px;
text-align: center;
font-family: verdana, Arial, sans-serif;
font-size: 8px;
font-weight: normal;
text-decoration: none;
cursor:pointer;
line-height:1em;
position:relative;
top:-5px;left:25px;
}
.list3 li a.ppt:hover { background-image: url(/images/Hightowerppt.png);//color: #EEEEEE;}
.list3 li a.ppt:active { background-image: url(/images/Hightowerppt.png);}



.list1 li a.videoes{
display: inline-table;
background-color: transparent;
background-image: url(/images/HtowerES.png);
background-repeat: no-repeat;
width: 16px;
height: 16px;
margin: 0px auto;
padding-top:5px;
padding-bottom:5px;
text-align: center;
font-family: verdana, Arial, sans-serif;
font-size: 8px;
font-weight: normal;
text-decoration: none;
cursor:pointer;
line-height:1em;
position:relative;
top:-5px;left:20px;
}
.list1 li a.videoes:hover { background-image: url(/images/HtowerES.png);//color: #EEEEEE;}
.list1 li a.videoes:active { background-image: url(/images/HtowerES.png);}

.list1 li a.videoen{
display: inline-table;
background-color: transparent;
background-image: url(/images/HtowerEN.png);
background-repeat: no-repeat;
width: 16px;
height: 16px;
margin: 0px auto;
padding-top:5px;
padding-bottom:5px;
text-align: center;
font-family: verdana, Arial, sans-serif;
font-size: 8px;
font-weight: normal;
text-decoration: none;
cursor:pointer;
line-height:1em;
position:relative;
top:-5px;left:20px;
}
.list1 li a.videoen:hover { background-image: url(/images/HtowerEN.png);//color: #EEEEEE;}
.list1 li a.videoen:active { background-image: url(/images/HtowerEN.png);}


.list1 li a.doc{
display: inline-table;
background-color: transparent;
background-image: url(/images/HightowerDoc.png);
background-repeat: no-repeat;
width: 16px;
height: 16px;
margin: 0px auto;
padding-top:5px;
padding-bottom:5px;
text-align: center;
font-family: verdana, Arial, sans-serif;
font-size: 8px;
font-weight: normal;
text-decoration: none;
cursor:pointer;
line-height:1em;
position:relative;
top:-5px;left:25px;
}
.list1 li a.doc:hover { background-image: url(/images/HightowerDoc.png);//color: #EEEEEE;}
.list1 li a.doc:active { background-image: url(/images/HightowerDoc.png);}

.list1 li a.ppt{
display: inline-table;
background-color: transparent;
background-image: url(/images/Hightowerppt.png);
background-repeat: no-repeat;
width: 16px;
height: 16px;
margin: 0px auto;
padding-top:5px;
padding-bottom:5px;
text-align: center;
font-family: verdana, Arial, sans-serif;
font-size: 8px;
font-weight: normal;
text-decoration: none;
cursor:pointer;
line-height:1em;
position:relative;
top:-5px;left:25px;
}
.list1 li a.ppt:hover { background-image: url(/images/Hightowerppt.png);//color: #EEEEEE;}
.list1 li a.ppt:active { background-image: url(/images/Hightowerppt.png);}

/* ============================= footer ====================== */
#footer .indent {width:940px; margin:0 auto; text-align:left; padding:11px 0 0;}
#footer a { text-decoration:none; color:#494949;}
#footer a:hover { color:#FFF;}
/* ============================= forms ============================= */
#ContactForm {line-height:1.5em;}
label { height:52px; display:block;} 
#ContactForm input {width:253px; height:17px; border:1px solid #A3A3A3; background:#FFFFFF; padding:2px 0 0 5px; font-size:1em; line-height:1em;}
#ContactForm textarea {width:275px; height:122px; border:1px solid #A3A3A3; background:#FFFFFF; padding:2px 0 0 5px; overflow:auto; font-size:1em; line-height:1em;}


/*=======================tooltip==========================*/
.xstooltip
{
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
     background-repeat: repeat;
    background-image: url(/hightower/images/yellow.png);
    font: normal 8pt sans-serif;
    padding: 3px;
    border: solid 1px;
    border-color: #333333;
}