* { border: 0; margin: 0; padding: 0; }

body { text-align: center; font: .8em Helvetica, sans-serif; }

div#header { float: left; width: 100%; background: #4d4d4d; color: #FFF; padding: 6px 0 7px; font-size: .9em; }
	div#header label { margin-right: 15px; }
	div#header input.text { vertical-align: text-base; font: 1em Helvetica, sans-serif; width: 15em; padding: 4px 3px 1px; }
	div#header input.button { vertical-align: text-base; background: none; color: #FFF; font-size: .9em; }

div#title { float: left; width: 100%; padding-bottom: 10px; }
	div#title h1 { background: url(../images/title.gif) no-repeat; height: 45px; text-indent: -1000em; margin: 30px 0 25px 5px; }
	div#title div#promo { background: url(../images/promo.gif) no-repeat; height: 229px; }
		div#title div#promo span.area-1 { font-size: 2em; float: right; width: 270px; height: 117px; margin-right: 130px; line-height: 1.3em; }
		div#title div#promo span.area-2 { clear: both; color: #FFFFFF; float: right; font-size: 1.4em; line-height: 1.3em; margin-right: 100px; width: 300px; }
	div#title a.home { color: #000000; display: block; font-size: 0.75em; margin: -39px 0 28px 285px; text-decoration: none; }
/*=============================*/
div#body { float: left; width: 100%; padding-bottom: 10px; }
	/*div#body.interior { background: url(../images/bg_interior.gif) no-repeat center top;}*/
/*=============================*/
	h2 { font-size: 2em; font-weight: normal; margin-bottom: 15px; clear: both;}
	h3 { font-size: 1.4em; font-weight: normal; margin-bottom: 10px; }
	h4 { font-size: 1em; font-weight: bold; font-style: italic; margin-bottom: 10px; }

	.clear { clear: both; }
	.section { padding-top: 15px; }
	.small { font-size: .85em; }

	p { line-height: 1.2em; margin-bottom: 10px; }
	a { color: #006600; text-decoration: underline; }

	div.callout { background: #4d4d4d; color: #FFF; font-size: 1.1em; text-transform: uppercase; padding: 6px 15px; margin-bottom: 10px; }
		div.callout a img { vertical-align: -30%; margin-left: 10px; }

	

	div.quad { float: left; width: 22%; margin-right: 3%; }
	div.quad p { line-height: 1.5em; }
	div.quad h3 { line-height: 1.5em; font-weight: bold;}
	div.quad a { color: #000000; text-decoration: none; }
	div.quad a:hover { text-decoration: underline; }
	

	div.third { float: left; width: 30%; margin-right: 3%; }
	div.third input.text { width: 90%; border: 2px solid #CCC; padding: 4px 8px 3px; font-size: .8em; margin-bottom: 12px; vertical-align: text-top; }
	div.third select.state { border: 2px solid #CCC; padding: 2px; vertical-align: text-top; width: 60%; margin-right: 10px; }
	div.third input.zip { width: 24%; }
	div.third textarea { width: 90%; border: 2px solid #CCC; height: 49px; padding: 4px 8px 3px; font: .8em Helvetica, sans-serif; margin-bottom: 12px; }

	div.errors { font-weight: bold; color: #C00; }

	form input.checkbox { vertical-align: middle; margin: 0 5px 0 15px; width: 14px; height: 14px; }
	form input.label { vertical-align: middle; }



div#subbody { float: left; width: 100%; background: #eceded; border-top: 5px solid #e1e1e1; padding: 20px 0 10px; }

div#footer { float: left; width: 100%; font-size: .8em; padding: 20px 0 50px; line-height: 1.5em; }
div#footer a { color: #000; text-decoration: none; }
div#footer a:hover { text-decoration: underline; }
div#footer div.left { float: left; }
div#footer div.right { float: right; text-align: right; }

div.center-block { width: 756px; margin: 0 auto; text-align: left;}

input.text { padding: 1px 3px; }
input.button { padding: 0 15px; }

/*==========================================================update start==========================================================*/
/*--- MAIN NAVIGATION UPDATES -----------------------------------*/
ul#mainNav {
	background: url(../images/nav-background-color.jpg) repeat-x;
	display: block;
	width: 404px;
	height: 27px;
	margin: 0 0 60px 0;
	font-size: 13px;
}

ul#mainNav li {
	display: block;
	float: left;
	border-right: 1px solid #a3d5b4;
	color: #fff;
	height: 27px;
}
	
ul#mainNav li.last {
	border: none;
}

ul#mainNav li a,
ul#mainNav li a:visited {
	display: block;
	padding: 7px 6px 0 11px;
	text-decoration: none;
	color: #fff;
}

ul#mainNav li a:hover {
	color: #000;
}

body#homePage ul#mainNav li a.navHome,
body#conferenceCall ul#mainNav li a.navConferenceCalls,
body#operatorAssisted ul#mainNav li a.navConferenceCalls,
body#reservationLess ul#mainNav li a.navConferenceCalls,
body#webConferencing ul#mainNav li a.navWebConferencing,
body#signUp ul#mainNav li a.navSignUp {
	color: #000;
}

ul#mainNav li:hover ul.subNav {
	display: block;	
}

ul#mainNav li ul.subNav {
	display: none;
	background: url(../images/arrow_btn.gif) no-repeat;
	background-position: 55px 0;
	position: absolute;
	color: #a8a8a8;
	padding-left: 58px;
}

ul#mainNav li ul.subNav li {
	color: #a8a8a8;
	border: none;
	list-style: none;
	float: left;
	margin: 10px 8px 0 0;
}

ul#mainNav li ul.subNav li a,
ul#mainNav li ul.subNav li a:visited {
	color: #a8a8a8;
	text-decoration: none;
	padding: 5px 0 0 0 ;
}

ul#mainNav li ul.subNav li a:hover {
	text-decoration: underline;
}

/*--- CONTENT UPDATES -----------------------------------*/
div#colLeft {
	float:left;
	padding:0 30px 0 0;
	width:340px;
}

div#colRight {
	float: left;
	width: 385px;
}

div#bubblesBox {
	background: url(../images/spots.jpg) no-repeat;
	width: 385px;
	height: 251px;
	margin: 4px 0 0 0;
}

div#bubblesBox h2 {
	color: #4d4d4d;
	font-size: 18px;
	padding: 24px 59px 8px 24px;
	margin: 0;
}

div#bubblesBox ul {
	color: #01a04d;
	font-size: 14px;
	margin: 0 0 0 50px;
}

div#bubblesBox ul li {
	line-height: 2.4em;
}

div#signUpBox {
	width: 385;
	height: 55px;
	background: url(../images/signUp.jpg) no-repeat;
	margin: 8px 0 0 0;
}

div#signUpBox p {
	width: 260px;
	font-size: 12px;
	color: #aee1c6;
	padding: 10px 0 0 20px;
}
/*==========================================================update end==========================================================*/