@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: Verdana, Geneva, sans-serif;
	vertical-align: baseline;
}
strong {
	font-weight:bold;	
}
em {
	font-style:italic;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: #cbdae3 url(../img/bg.jpg) repeat-x center top;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
.clear {
	clear:both;
}

#outer {
	width:960px;
	margin:0 auto 100px;
}
a:link, a:visited, a:active {
	color:#306387;
	cursor:pointer;
}
a:hover {
	text-decoration:none;
	color:#d88900;
	cursor:pointer;	
}
.feature {
	color:#318bcb !important;	
}
.left {
	float:left;
	text-align:left;
	margin: 0 25px 25px 0;
}
.right {
	float:right;
	text-align:right;
	margin:0 0 25px 25px;
}
.frame {
	padding:10px;
	border:2px solid #d3d3d3;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

	-moz-box-shadow: 3px 3px 4px #d3d3d3; /* FF3.5+ */
	-webkit-box-shadow: 3px 3px 4px #d3d3d3; /* Saf3.0+, Chrome */
	box-shadow: 3px 3px 4px #d3d3d3; /* Opera 10.5, IE 9.0 */	
}
a.contact_us {
	background:url(../img/Sprites.png) no-repeat 0px -440px;
	width:249px;
	height:61px;
	display:block;
	text-indent:-99999px;
	margin:20px;
}
a.contact_us:hover {
	background-position: -252px -440px;	
}
h6 {
	font-weight:bold;
	font-size:16pt;
	margin:15px 0 5px 0;
}
/************  HEADER  **********************/
#header {
	width:100%;
	margin:10px 0;
	float:left;
	position:relative;
	z-index:10;
}
#logo {
	background:url(../img/Sprites.png) no-repeat 0 0;
	width:300px;
	height:80px;
	display:block;
	text-indent:-99999px;
	margin-left:28px;
	float:left;
}
#top_nav {
	float:left;
	margin-top:23px;
}
#top_nav_links {
	display:inline;	
}
#top_nav_links > li {
	float:left;
	padding:0 20px;
}
#top_nav_links > li > a  {
	font-weight:bold;
	color:#000;
	text-decoration:none;
	display:block;
	text-align:center;
	font-size:14pt;
}
#top_nav_links > li > a:hover {
	color:#d88900;
}


/************  SLIDER  **********************/
#main_slider {
	color:#FFF;
	position:relative;
}
#main_slider_top {
	background:url(../img/header_top_bottom.jpg) no-repeat center top;
	width:960px;
	height: 41px;
	margin-top:10px;
}
#main_slider_bottom {
	background:url(../img/header_top_bottom.jpg) no-repeat center bottom;
	width:960px;
	height: 39px;
}
#main_slider_middle {
	background:url(../img/header_middle.jpg) no-repeat center bottom;
	width:960px;	
}
.mediumHeader #main_slider_middle {
	height:240px;	
}
.smallHeader #main_slider_middle {
	height:40px;
	background:url(../img/header_middle.jpg) no-repeat center top;
}
.largeHeader #main_slider_middle {
	height:425px;
	background-repeat:repeat-y;
}
.mediumHeader #main_slider_middle h1 {
	font-weight:bold;
	font-size:36pt;
	padding:20px 0 0 50px;
	position:relative;
	z-index:10;
}
.smallHeader #main_slider_middle h1 {
	font-weight:bold;
	font-size:32pt;
	padding:0px 0 0 50px;
	position:relative;
	z-index:10;
}
.largeHeader #main_slider_middle h1 {
	font-weight:bold;
	font-size:36pt;
	padding:20px 0 0 50px;
	position:relative;
	z-index:10;
	text-align:center;
}

#main_slider_middle .subheading {
	font-size:20pt;
	padding:20px 0 0 50px;
	width: 500px;
	line-height:1.3em;
	position:relative;
	z-index:10;	
}
h2.subheading a {
	color:#FFF;
	text-decoration:none;
}
h2.subheading a:hover {
	text-decoration:underline;
}

#main_slider_middle .subheading cufon {
	padding-bottom:7px;	
}
img.header_image {
	position:absolute;
	right:-41px;
	top:-29px;
	z-index:1
}

/************  CONTENT  **********************/

#content {
	width: 858px;
	padding:30px 50px;
	background:#FFF;
	border:solid #CCC;
	border-width:0 1px 1px 1px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	position:relative;
}
#content h1 {
	font-weight:bold;
	font-size:26pt;
	text-align:right;
	margin-bottom:20px
}
#content .subheading {
	float:right;
	font-size:14pt;
	padding:0px 0 20px 50px;
	width: 400px;
	line-height:1.3em;	
}
#content .subheading cufon {
	padding-bottom:7px;	
}
#content h3 {
	font-weight:bold;
	margin:10px 0;
	font-size:18pt;
	border-top: 1px solid #CCC;
	padding-top:20px;
}
#content p {
	padding-bottom:15px;
	line-height:1.2em;
}
a.view_gallery {
	display:block;
	text-align:center;
	background:url(../img/Sprites.png) no-repeat 0px -93px;
	width:355px;
	height:124px;
	text-indent:-99999px;
	margin-top:20px;
}
a.view_gallery:hover {
	background:url(../img/Sprites.png) no-repeat 0px -229px;	
}

.threeColumns {
	float:left;
	width:30%;
	margin:0 14px;
}
.twoColumns {
	float:left;
	width:45%;
	margin:0 14px;	
}
h3.columnHeader {
	color:#338620;
	font-size:18pt;
	padding:0;
	margin:5px 0 10px;
}
.threeColumns p, .threeColumns blockquote, .twoColumns blockquote, .oneColumn blockquote {
	font-size:11pt;
	color:#343534;
	line-height:1.2em;
}
div.quote, div.quote, div.quote {
	background:url(../img/Sprites.png) no-repeat -396px -25px;
	padding:10px 0 20px 10px;
	float:left;
}
.threeColumns.quote {
	width:28%;	
}
.threeColumns blockquote, .twoColumns blockquote, .oneColumn blockquote {
	font-style:italic;
	padding-left:10px;
	text-indent:25px;
}
.threeColumns cite,  .twoColumns cite, .oneColumn cite {
	text-align:right;
	font-size:x-small;
	color:#ffa200;
	padding-left:30px;
	float:right;
	margin:15px 0;
}
.threeColumns.quote a.learn_more {
	margin-left:-30px;
	clear:both;
}
a.learn_more {
	display:block;
	color:#338620;
	text-align:center;
	line-height:2.0em;
	padding:10px 0;
}
a.learn_more b {
	background:url(../img/Sprites.png) no-repeat -323px -22px;
	text-indent:-99999px;
	width: 48px;
	height:34px;
	display:inline-block;
	text-align:center;
}
#facebook {
	font-size:9pt;
	float:left;
} 
#facebook li {
	float:left;
	position:relative;
     -moz-box-shadow: 3px 3px 4px #d3d3d3; /* FF3.5+ */
  -webkit-box-shadow: 3px 3px 4px #d3d3d3; /* Saf3.0+, Chrome */
          box-shadow: 3px 3px 4px #d3d3d3; /* Opera 10.5, IE 9.0 */	
	margin:0 8px 10px 0;
}
#facebook li div {
	width:85px;
	position:absolute;
	text-align:center;
	top:8px;
	display:none;
}
#facebook li img {
	padding:5px;
	border:solid #EEE;
	border-width:1px 0 0 1px;
}
#facebook li h4 {
	font-weight:bold;
	margin-bottom:10px;
}
#facebook li:hover div{
	display:block;
}
#facebook li:hover img {
	opacity:0.3;
	filter: alpha(opacity = 30);
}

/*#facebook li.sales {
	border:1px solid #80BFFF;
	background:#DDE0FF;
}
#facebook li.vacation {
	border:1px solid #C5FEB4;
	background: #DDFFDE;
}
#facebook li.development {
	border:1px solid #FFFA9D;
	background: #FEFFDF;
}*/
a.email {
	display:block;
	width:22px;
	height:16px;
	position:absolute;
	bottom:7px;
	right:5px;
	background:url(../img/Sprites.png) no-repeat -219px -507px;
	text-indent:-99999px;
	-moz-box-shadow: 0px 0px 4px #000; /* FF3.5+ */
  	-webkit-box-shadow: 0px 0px 4px #000; /* Saf3.0+, Chrome */
    box-shadow: 0px 0px 4px #000; /* Opera 10.5, IE 9.0 */	
}
table.form_table td {
	padding:10px 3px;	
}
table.form_table div {
	font-size:9pt;
	color:#666;
}
#case_study {
	text-align:center;
	
}
#case_study h2 {
background:url(../img/Sprites.png) no-repeat 30px -376px;
text-indent:-99999px;
height:56px;
margin-bottom:10px;
}
ul.details {
	list-style-type:circle;
	font-size:small;
	float:left;
	margin-left:30px;
	margin-bottom:15px;
}
ul.details li {
	margin:5px 0;	
}
#ad_selections h4 {
	background:#CCC;
	text-align:center;
	padding:10px 0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-bottom:15px;
	-moz-box-shadow: 3px 3px 4px #555; /* FF3.5+ */
	-webkit-box-shadow: 3px 3px 4px #555; /* Saf3.0+, Chrome */
	box-shadow: 3px 3px 4px #555; /* Opera 10.5, IE 9.0 */	
}
#ad_selections .threeColumns {
	width:27%;
	height:145px;
	margin-bottom:20px;
}
#ad_selections .frame:hover {
	border:2px solid #306387;
	-moz-box-shadow: 3px 3px 4px #306387; /* FF3.5+ */
	-webkit-box-shadow: 3px 3px 4px #306387; /* Saf3.0+, Chrome */
	box-shadow: 3px 3px 4px #306387; /* Opera 10.5, IE 9.0 */
	cursor:pointer;
}
#ad_selections .frame:hover h4 {
	background:#306387;	
	color:#FFF;
}

dl.specs dt {
	float:left;
	width:190px;
	font-style:italic;
	margin:5px 0;
	clear:both;
}
dl.specs dd {
	margin:5px 0;
	float:left;
}






div.more {
	position:relative;
	top:0;
	left:0px;
	display:none;
}
a.more_link {
	display:block;
	width:100%;
	border-bottom:2px solid #999;
	margin:20px 0;
	position:relative;
	text-align:center;
	text-decoration:none;
	font-style:italic;
}
a.more_link span {
	position:relative;
	top:8px;
	display:block;
	background:#FFF;
	width:120px;
	margin:0 auto;
}

ul.portfolio li {
	float:left;
	margin:0px 15px 25px;
	position:relative;
	width:auto;
}
ul.portfolio li a {
	display:block;
	cursor:pointer;
	color:#306387;
	text-decoration:none;
}
ul.portfolio li a:hover {
	color:#D88900;	
}
ul.portfolio li a img {
	padding:5px;
	border:solid 1px #CCC;
}
ul.portfolio h6 {
	font-size:12pt;
	margin:5px 0 10px;

}
ul.portfolio img.award {
	display:block;
	position:absolute;
	right: -27px;
	top: -17px;
	border:none;
}
ul.portfolioTools li {
	float:left;
	margin:0 10px 10px;
	font-size:8pt;
}
ul.portfolioTools a.active {
	font-weight:bold;
	text-decoration:none;
}

ul.portfolio.smallView li {
	width:243px !important;	
}
ul.portfolio.smallView img.award {
	width:62px;
	height:110px;
}
ul.portfolio.smallView li a img {
	width:231px;
	height:108px;
}
ul.portfolio.smallView h6 {
	font-size:8pt;	
}


#screenshot{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	text-align:center;
	font-size:8pt;
	}
#screenshot img {
	margin-bottom:5px;	
}
.hidden
{
display: none;
}
a.jFlowPrev {
	display:block;
	width:104px;
	height:104px;
	background:url(../img/Sprites.png) no-repeat -110px -507px ;
	text-indent:-9999px;
	float:left;
	margin:130px 20px 0 78px;
}

a.jFlowPrev:hover {
	background-position: -110px -611px ;		
}
a.jFlowPrev:active {
	background-position: -110px -715px ;		
}
a.jFlowNext {
	display:block;
	width:104px;
	height:104px;
	background:url(../img/Sprites.png) no-repeat -5px -507px ;
	text-indent:-9999px;
	float:left;
		margin:130px 0 0 20px ;
}

a.jFlowNext:hover {
	background-position: -5px -611px ;		
}
a.jFlowNext:active {
	background-position: -5px -715px ;		
}
#jFlowSlide {
	float:left;	
}
.jFlowSlideContainer img {
		-moz-box-shadow: 0px 0px 10px #000; /* FF3.5+ */
	-webkit-box-shadow: 0px 0px 10px #000; /* Saf3.0+, Chrome */
	box-shadow: 0px 0px 10px #000; /* Opera 10.5, IE 9.0 */	
	margin:10px;
}
.jFlowSlideContainer p {
	text-align:center;
	font-size:11pt;
}

/************  FOOTER  **********************/
#bottom_nav {
	text-align:center;
	font-size:10pt;
	margin:15px 0;
}
#bottom_nav ul {
	margin:0 40px;
	display:block;
	
}
#bottom_nav li {
	float:left;
	padding:2px 14px;
	border-left:1px solid;
}
#bottom_nav li:first-child {
	border-left:none;	
}


/************* TABS ***********************/



.ui-tabs { position: relative; padding: .2em; zoom: 1; border-top: 1px solid #CCC; padding-top:20px; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0 auto; display:table;  }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: 0 1em; text-decoration: underline; font-weight:bold; margin:10px 0; font-size:18pt; color:#CCC;   }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li.ui-state-active.ui-state-hover a,.ui-tabs .ui-tabs-nav li.ui-state-active a  { color:#306387; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-state-hover a { color:#D88900; text-decoration: none; }

.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; }
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 0; background: none; clear:both; position:relative; left:0px;}
.ui-tabs .ui-tabs-hide { position:absolute; left:-99999px; }



/************ RATE TABLE *********************/
table.ratetable {
	border: double solid gray;
	border-spacing: 0;
	border-collapse:collapse;
	font-size:small;
}
table.ratetable th {
	background: #ddd;
	font-weight: bold;
	padding: 8px;
	text-align:center;
	vertical-align:middle;	
}
table.ratetable th.none {
	background:none;
	font-weight:normal;
}
table.ratetable td, table.ratetable th {
	border: 1px solid #ddd;	
}
table.ratetable td {
	text-align:center;
	vertical-align:middle;
	padding: 6px 12px 6px 12px;
	white-space: nowrap;
}
table.ratetable td.faded {
	font-style:italic;
	color: #bbb;
}
table.ratetable td.rowtitle {
	font-weight:bold;
}
table.ratetable td.divider {
	height:4px;
	background: #eee;
}
</style>
<title>The Go Travel Sites - Rate Sheet</title>
<link href="../content/css/layout.css" rel="stylesheet" type="text/css" />

<style type="text/css">
<!--
.style2 {	font-size: 11pt;
	color: #FF0000;
	font-weight: bold;
}

