@CHARSET "ISO-8859-1";

html{overflow-y: scroll;}

html,
body {
	padding: 0;
	margin: 0;
}

a, a img{
	color:#315b8b;
	text-decoration:none;
	border-style:none;	
}

a:BEFORE, a:active, a:FOCUS {
  outline: none;
}


h1, h2 {  
  color: #254d79;    
}

/*
h4, h5 {
	color: #254d79; 
}*/

h2 {font-size:1.4em; line-height:0.95; margin:1.5em 0 0.4em;}
h3 {font-size:1.3em; line-height:0.95; margin:1.5em 0 0.4em;}
h4 {font-size:1.2em; line-height:0.95; margin:1.5em 0 0.4em;}
h5 {font-size:1.1em; line-height:0.95; margin:1.5em 0 0.4em;}

body {
	background: #FFF url(../images/body_bg.gif) repeat-x;
	font: 12px Verdana, Arial, sans-serif;
	color: #000000;			
	position: relative;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

.paragraph {
	line-height:1.6;	
}

.list_sentence {
	line-height:1.4;
	color:white;
}

.footer_arial_blue {
	font: 10px Arial, Helvetica, sans-serif;
	color:#315b8b;	
}

.footer_arial_gray {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

.description_bold_italic {
	font-style: italic;	
	font-weight: bold;
	line-height: 13px;
}

.small_font {
	font-size: 11px;
}

#container {
	margin: auto;	
	padding:0;
	text-align:left;	
	width:100%;	
	position:relative;
}



#header_container {
	background:url(../images/nav_bg.gif) repeat-x;
	top:12px;
	height:66px;
	position:relative;	
	min-width:100%;
}

#header {
	position:relative;
	width:960px;
	margin:auto;	
}

#header #logo {
	position:relative;	
	background:url(../images/logo.gif) no-repeat;
	display:inline;
	top:-14px;
	height:66px;		
	width:310px;
	float:left;
}

#header #nav {
	position: relative;
	width: 596px;
	height: 31px;	
	z-index: auto;
	top:2px;
	margin-left:362px;			
}

#nav #globalnav { margin: 0; padding: 0; }
#nav #globalnav li { display: inline; }
#nav #globalnav li a{ float: left; width: 0px; height: 0px; padding-top: 31px; overflow: hidden; }
#nav #globalnav li a{ background-image: url(../images/nav.png); background-repeat: no-repeat; }


/* BUTTONS */
#nav #globalnav li#gn-whymo a {	background-position:      0 0;	width: 204px;}
#nav #globalnav li#gn-ptour a {	background-position: -204px 0;	width: 171px;}
#nav #globalnav li#gn-testi a { background-position: -375px 0;	width: 174px;}
#nav #globalnav li#gn-abtus a { background-position: -549px 0;	width: 47px;}

/* OVER STATES */
#nav #globalnav li#gn-whymo a:hover   { background-position:      0 -31px; }
#nav #globalnav li#gn-ptour a:hover   { background-position: -204px -31px; }
#nav #globalnav li#gn-testi a:hover   { background-position: -375px -31px; }
#nav #globalnav li#gn-abtus a:hover { background-position: -549px -31px; }

/* ON STATES */
#nav.gn-whymot #globalnav li#gn-whymo a{ background-position:      0 -31px; }
#nav.gn-ptourt #globalnav li#gn-ptour a { background-position: -204px -31px !important; }
#nav.gn-testit #globalnav li#gn-testi a { background-position: -375px -31px !important; }
#nav.gn-abtust #globalnav li#gn-abtus a { background-position: -549px -31px !important; }


#main {
	margin:0px auto 0px auto;
	left: 0px;
	padding:0;	
	position: relative;	
	width:960px;
	min-height:450px;	
}

#main #home {
	min-height:660px;
}

#main #home #flash {
	/*background-image:url(../images/flash.jpg);*/
	position: relative;
	top:30px;
	left:0px;
	height:584px;
	width:660px;
	float:left;
}

#main #home #right {
	position: absolute;	
	top: 0px;
	left: 660px;
	width: 300px;
	height: 100%;	
}

#right #call_us {		
	position: relative;
	height: 72px;
	width:100%;
}

#call_us #call_us_img {
	margin: 10px 0px 0px 0px;
}

#chat_div #chat_now {
	margin: 5px 0px 0px 0px;
}	

#right #testimonials {		
	position: relative;	
	height: 171px;
	width:270px;
	padding: 0px 15px 0 15px;
}

#right #testimonials ul{	
	list-style-type:none;	 
	margin:0px;
	padding:0px;	 
}

#right #testimonials .limiter{	
	overflow: hidden;
	width:95%; 
	height:153px;
	margin:0px 0px 0px 20px;	
	
}

#right #endorsement {		
	position: relative;	
	height: 138px;
}

#right #endorsement #used_in_top {
	margin: 35px 0px 10px 50px;
}

#right #endorsement_left {
	position: absolute;
	background:url(../images/endorsement_left.png) no-repeat;
	z-index:101;
	top:297px;
	width:43px;
	height:	54px;	
}

#right #endorsement_right {
	position: absolute;
	background:url(../images/endorsement_right.png) no-repeat;
	z-index:101;
	top:297px;
	left: 257px;
	width:43px;
	height:	54px;
}

#right #news {
	position: relative;	
	border-width: 1px;
	width:270px;
	height: 202px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0px 15px 0 15px;
}

#right #news #latest_news {
	margin: 16px 0px 16px 100px;
}

#news .latest_news {padding-bottom:5px;}
#news .date {font-size:12px; font-weight: bold; color:#273d63; }
#news .latest_news tr td { padding-top:0px;  }
#news .latest_news tr td { vertical-align: top; }

#right #news #read_more {
	margin: 0px 0px 0px 75px;
}

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 300px;
	height:41px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable div.items {
	width:8000em; height:41px; position:absolute; z-index:100;
}
.scrollable div.items div {
	width:60px; height:41px; float:left;
}
.scrollable div.items div div {
	width:41px; height:41px; margin:0px 0px 0px 0px;
}


#footer #footer_links {
	position:relative;	
	padding-top:40px;
	padding-bottom:20px;
	margin: auto;
	text-align:center;	
	width:500px;	
}

#footer #udc_logo {
	width: 64px;
	height: 30px;
	background: url(../images/udc_logo.png) no-repeat;
	display:inline;
	float:left;	
}


#main #about {		
	min-height:775px;
}

#main #about #banner_about {
	position: relative;
	background: url(../images/banner_aboutus.jpg) no-repeat;
	height:99px;
	width: 960px;	
	margin:24px auto 53px auto;	
}

#description {
	position: relative;
	width: 520px;	
	float: left;
	padding:0px 10px 0px 10px;		
}

#sidemenu {
	background:url(../images/side_menu_bg.png) no-repeat;
	position: absolute;	
	margin:0px 0px 0px 70px;
	left:480px;
	width: 410px;
	height:263px;
}

#unique_features {
	background:url(../images/side_menu_bg_big.png) no-repeat;
	position: absolute;	
	margin:0px 0px 0px 70px;
	top:335px;
	left:540px;
	width: 349px;
	height:632px;
}

#unique_features ul { color:white; margin:0 0 0 0; padding:0 0 0 0; }
#unique_features li { list-style:none; margin:2px 0 2px 0px; padding:1px 0 1px 0px;}


#sidemenu #menu_list{
	margin: 33px 20px 0 20px;	
	width: 280px;
}	

#main #whymomentum {
	min-height:1500px;
}

#main #whymomentum #banner_whymomentum {
	position: relative;
	background: url(../images/banner_whymomentum.jpg) no-repeat;
	height:99px;
	width: 960px;	
	margin:24px auto 53px auto;	
}

#main #whymomentum #whymomentum_left {
	position: relative;
	width: 540px;	
	float: left;
	padding:0px 10px 0px 10px;
			
}

#main #whymomentum #whymomentum_right {
	position: absolute;
  top:995px;
	width: 460px;	
	left:480px;
	padding:0px 10px 0px 10px;
	
}

#sidemenu #arrow {
	position:absolute;
	background: url(../images/right_arrow.png) no-repeat;
	width:30px;
	height:60px;
	left:-10px;
}


#main #testimonial {
	position: relative;	
	min-height:950px;
}

#main #testimonial #banner_testimonials {
	position: relative;
	background: url(../images/banner_testimonials.jpg) no-repeat;
	height:99px;
	width: 960px;	
	margin:24px auto 53px auto;	
}

#call_to_action {	
	position: absolute;	
	margin:0px 0px 0px 70px;
	left:565px;
	width: 320px;
	height:263px;
	top:430px;
}


#key_features {
	margin:10px 10px 10px 10px;
}

#main #tour {
	min-height: 600px;
}

#main #tour #banner_tour {
	position: relative;
	background: url(../images/banner_tour.jpg) no-repeat;
	height:99px;
	width: 960px;	
	margin:24px auto 53px auto;	
}

#newsevents #viewer {	
	background:white;
	overflow:scroll;
	height: 700px;
	margin-left: 355px;	
	width: 542px;
	padding:20px;
	border: solid thin #bebebe;	
}

#banner_news {
	position: relative;
	background: url(../images/banner_news.jpg) no-repeat;
	height:99px;
	width: 960px;	
	margin:24px auto 53px auto;	
}

#newsevents #description {
	position: relative;
	width: 350px;	
	float: left;
	padding:0px 10px 0px 10px;		
}