html, body{
margin: 0; padding: 0;
height:100%;

}
a img{
border:0px;
}
a:link,a:active,a:visited {color:#000000; text-decoration: none; }
a:hover{color: #669933;TEXT-DECORATION: underline;}
table.outer{
margin: 0 auto;
}
table.outer td.left{
background-image:url(img/left_shadow.gif);
width:20px;
}
table.outer td.right{
background-image:url(img/right_shadow2.gif);
width:20px;
}
table.outer td.center{
border-right: 1px solid #000000;
border-left: 1px solid #000000;
}
img.top{
display:block;
height:20px;
width:20px;
margin:0px;
padding:0px;
top:0px;
position:absolute;
}
img.bottom{
display:block;
height:20px;
width:20px;
bottom:0px;
position:absolute;
border: 1px solid black;
}
.main{
position:relative;
width: 1000px;
}
.top{
position:relative;
height:78px;
padding-top:4px;
/*background-image: url(img/gradiant_top_bg.gif);*/
}

.logoND{
margin-left:10px;
}
.contact{
position:absolute;
display: inline;
font-family: Verdana, Arial, Helvetica, sans-serif;
right:270px;
z-index:10;
text-align:right;
}
.contactus{
font-size:small;
color:#999999;
}
.contactus img{
margin-left:30px;
vertical-align:bottom;
}
.phone{
font-size: 38px;
color: #000000;
line-height:32px;
padding-top:5px;
}
.country_code{
color: #9DDA21;
}
.contact .email{
font-size:14px;
}
.nd_url:link, .nd_url:active, .nd_url:visited {color:#990099;; text-decoration: none; }
.nd_url{
position:absolute;
top:1px;
right:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:x-small;
}

.main_image{
background-image: url(img/main_bg.jpg);
position:relative;
padding:0px;
margin:0px;
padding-bottom:0px;
height:217px;
}
.main_image img{
vertical-align:bottom;
}
.page_title{
position:absolute;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#ffffff;
font-size:22px;
bottom:2px;
right: 300px;
letter-spacing:10px;
font-variant: small-caps;
}
.nav{
background-image:url(img/gradiant_small_bg.gif);
background-repeat: repeat-x;
position: relative;
text-align:right;
margin-bottom:8px;
vertical-align:bottom;
padding-top:5px;
height:25px;
}

.nav *{
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
TEXT-DECORATION: none;
padding:5px;
padding-left:10px;
padding-right:10px;
height:10px;
border-right:1px solid #bbbbbb;
}
div.gallery img{
border-width:1px;
border-style:solid;
border-color:#aaaaaa;
background-color:#FFFFFF;
padding:3px;
}
div.gallery ol{
margin:auto;
margin-top:20px;
}
div.gallery li{
height:100px;
width:240px;
margin:0px;
padding:0px;
position:relative;
margin-left:30px;
line-height:normal;
float:left;
font-size:xx-small;
}



.tagline{
font-family:Geneva, Arial, Helvetica, sans-serif;
color:#9DDA21;
font-size:20px;
font-weight:bolder;
text-align:right;
letter-spacing:1px;
}
.spread{
letter-spacing:20px;
}
.all_content{
position:relative;

font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:small;

}
.left_content{


}

.right_content{
width:298px;
text-align:center;

}
.main_table{
margin:0px;
padding:0px;


}

.main_table td{
position:relative;
vertical-align:top;

}
div.contact_details{
line-height:normal;
margin-bottom:10px;
}
div.contact_details h2{
	display: block;
	font-size: x-small;
	color: #aaaaaa;
	letter-spacing:10px;
	padding-top:20px;
	line-height:2px;
}
.content_table{
line-height:25px;
width:702px;
}
.content_table td.first{
border-right: 1px solid #999999;
font-size:x-small;
line-height:15px;
width: 200px;
}
.content_table td{
padding-left:10px;
vertical-align:top;
padding-top:20px;
padding-right:15px;
padding-left:20px

}

.content_table h2{
font-size: large;
font-weight:normal;
line-height:30px;
display:inline;
/*color: #5C930B;*/
}

.content_table h1{
font-size: xx-large;
font-weight:normal;
padding-top:20px;
}

.content_table ul{
margin:0px;
padding:0px;
margin-left:20px;
}

.popout_top{
position:absolute;
bottom:0px;
right:0px;
height:64px;
}
.popout_middle{
position:absolute;
right:0px;
top:0px;
}
.popout_bottom{
height:77px;
width:298px;
}
.quote div{
font-size:22px;
padding-right:10px;
}
.quote{
text-align:center;
margin-bottom:10px;
font-family: Arial, Helvetica, sans-serif;
color:#333333;
}


div.bottom{
background-color: #F9E9F9;
/*margin-top:20px;*/
padding-top:20px;
font-size:xx-small;
text-align:center;
position:relative;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding-bottom:30px;
border-top: 1px dashed #888888;
border-bottom: 1px dashed #888888;
}
.bottom_shadow{
/*background-image:url(img/gradiant_bg.gif);*/
/*height:50px;*/
width:1002px;
margin:auto;
}
.larger{
font-size: xx-large;
}

#sendForm{
position:absolute;
background-color:#ffffff;
color:#444444;
padding:20px;
border:1px dashed #888888;
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
z-index:10;

}

#sendForm h2{
text-align:center;
line-height:10px;
font-size:10px;
letter-spacing:12px;

z-index:11;
bottom:0px;
right:0px;

}

INPUT,TEXTAREA { 
font-family: verdana; font-size: 10px; 
width:300px; 
border: 1px solid #222222; 
margin-bottom:4px
} 


#sendform span{
display:block;

}

a.info{
    position:relative; /*this is the key*/
    z-index:24;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#ffffff}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #0cf
    background-color:#cff; color:#000;
    text-align: center		
		}
		
	
