/******************************************************************
	Css global reset
******************************************************************/

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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
a:visited {
    color: #ffffff;
}
a:link {
    color: #ffffff;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
	background: white url(images/bg2.png) center top repeat-y;
	overflow-x: hidden;
}

#wrapper {
	width:320px;
	left:50%;
	margin-left:auto;
	min-height: 100%;
	overflow: hidden;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
}

#header {
	background: transparent url(images/csgs-mobile-header.png) no-repeat;
	width:320px;
	height:145px;
	margin-left:1px;
	padding-left:13px;
	padding-top:8px;
}

#facebook {
	position:relative;
	margin-top: 90px;
	margin-left:280px;
}

#twitter {
	position:relative;
	margin-top: 90px;
	margin-left:240px;
}
#logo {
	position:relative;
	margin-top: -15px;
	margin-left:-8px;
}

#navbar {
	font-size: 11px;
	color:#FFFFFF;
	font-family: "Helvetica Neue", "Helvetica", Arial Rounded, Arial, Trebuchet MS, sans-serif;
	text-transform: uppercase;
}


/******************************************************************
	Navbar style settings
******************************************************************/

#navbar li {
	display: inline;
	margin-right:15px;
}

#navbar li a {
	color:#FFFFFF;
	text-decoration: none;
}

#navbar li a.active {
	color:white;
}

/******************************************************************
	Text Slider settings 
******************************************************************/

#text-slider {
	position:relative;
	margin-left:65px;
	margin-top: 10px;
}

/******************************************************************
	Contents Wrapper settings
******************************************************************/

#contents-wrapper {
	margin-left:18px;
	font-family: "Helvetica", Arial, sans-serif;
}

#contents-wrapper h2 {
	font-size: 16px;
	color:#FFFFFF;
}

#contents-wrapper ul {
	font-size: 12px;
	color:#FFFFFF;
}

#contents-wrapper ul li {
	padding-left:25px;
	background-image:url(images/list_icon.png);
	height:20px;
	background-repeat:no-repeat;
	background-position:0px 2px;
}

/* contents elements styling */

.spacer {
	height:12px;
}

.normal-text {
	font-size: 12px;
	color:#ffffff;
	line-height: 1.4;
	width:282px;
	margin-top:10px;
}

.user-icon {
	background: url(images/user_icon.png) no-repeat;
	height:24px;
	padding-left: 37px;
	padding-top:9px;
}
.spot-icon {
	background: url(images/spot_icon.png) no-repeat;
	height:24px;
	padding-left: 37px;
	padding-top:9px;
}

.settings-icon {
	background: url(images/settings_icon.png) no-repeat;
	height:24px;
	padding-left: 35px;
	padding-top:6px;
}

/* About Us Page Icons Styles */

.user-icon-2 {
	background: url(images/user_icon_2.png) no-repeat;
	height:42px;
	padding-left: 50px;
	padding-top:5px;
}

.user-icon-2 p, .user-icon-3 p {
	width:229px;
	color:#383838;
	font-size: 11px;
	line-height: 1.4;
}

.user-icon-3 {
	background: url(images/user_icon_3.png) no-repeat;
	height:42px;
	padding-left: 50px;
	padding-top:5px;
}

/* Services Page Icons-elements Settings */

.service {
	font-size: 12px;
	color:#2c2c2c;
	font-weight: normal;
	margin-bottom:5px;
}

.service-icon {
	background: url(images/service_icon.png) no-repeat;
	height:24px;
	padding-left: 37px;
	padding-top:9px;
}

.mobile-icon {
	background: url(images/mobile_icon.png) no-repeat;
	height:16px;
	padding-left: 20px;
	padding-top:3px;
}

.add-icon {
	background: url(images/add_icon.png) no-repeat;
	height:16px;
	padding-left: 24px;
	padding-top:3px;
}

.clock-icon {
	background: url(images/clock_icon.png) no-repeat;
	height:16px;
	padding-left: 24px;
	padding-top:3px;
}

.service-text {
	font-size: 11px;
	color:#535353;
	width:280px;
	line-height: 1.3;
}

/* Blog Page Settings */

.article {
	border-bottom: 1px solid #fff;
	padding-left:18px;
	padding-bottom:4px;
}

#blog-wrapper {
	font-family: "Helvetica", Arial, sans-serif;
	width:320px;
}

#blog-wrapper > div {
	margin-bottom:10px;
}

#blog-wrapper > div > span {
	color:#919090;
	font-size: 11px;
}

.article-title, .article-title a {
	font-size: 14px;
	color:#1a4186;
	font-weight: normal;
	margin-top:5px;
	text-decoration: none;
}

.comments-number {
	background: transparent url(images/comment.png) no-repeat;
	width:32px;
	height:32px;
	color:#292828;
	font-size: 12px;
	padding-left:10px;
	padding-top:8px;
	position:relative;
	margin-left:250px;
	margin-top:-30px;
}

.article p {
	font-size: 12px;
	color:#fff;
	line-height: 1.6;
	margin-top: 10px;
	margin-bottom:10px;
	width:282px;
}

#blog-navigation {
	margin-left:95px;
	margin-top:10px;
	margin-bottom: 8px;
}

#blog-navigation a {
	font-size: 12px;
	color:#1a4186;
	text-decoration: none;
}

#blog-navigation li {
	display: inline;
	margin-right:15px;
}

/* Comments Styles */

#comments-wrapper {
	font-family: "Helvetica", Arial, sans-serif;
	width:320px;
	border-bottom: 1px solid #d4d4d4;
	padding-left:18px;
}

.responses {
	font-size: 12px;
	color:#1a4186;
	margin-bottom:10px;
}

.comment {
	background:#e8e8e8;
	border:1px solid #d3d3d3;
	-webkit-border-radius: 5px;
	padding-left:10px;
	padding-top:7px;
	font-size: 11px;
	width:274px;
	margin-bottom: 15px;
}

.comment span {
	color:#1a4186;
	margin-left: 5px;
	position:absolute;
	margin-top:3px;
}

.comment p {
	width:261px;
	margin-top:3px;
	margin-bottom:5px;
	line-height: 1.2;
	color:#747474;
}

#comment-form p {
	font-size: 12px;
	color:#1a4186;
}

#comment-form input[type=text] {
	background: #e8e8e8;
	color:#525252;
	border:1px solid #c5c5c5;
	-webkit-border-radius:5px;
	height:25px;
	width: 272px;
	margin-bottom:10px;
	padding-left:10px;
	font-size: 11px;
}

#comment-form textarea {
	background:#e8e8e8;
	color:#525252;
	border:1px solid #c5c5c5;
	-webkit-border-radius: 5px;
	width:279px;
	height:80px;
	margin-bottom:12px;
	padding-left:5px;
	padding-top:5px;
}

#comment-form input[type=submit] {
	color:#1a4186;
	background:#f0f0f0 url(images/input_go_icon.png) no-repeat;
	background-position: 94px 3px;
	border:1px solid #c4c4c4;
	width: 120px;
	height:25px;
	-webkit-border-radius: 5px;
	text-align: left;
	padding-left:10px;
	margin-bottom:12px;
	margin-left:165px;
	cursor: pointer;
}

/* search form style */

.search-input {
	background: #eeeeee;
	-webkit-border-radius : 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	border: 1px solid #c6c6c6;
	width:90%;
	margin-left: 10px;
	margin-top: 5px;
	height:24px;
	padding-left: 10px;
	font-size: 12px;
	color:black;
}

.search-submit {
	background: transparent url(images/search_button.png) no-repeat;
	width:16px;
	height:16px;
	position:absolute;
	margin-left:-30px;
	margin-top:12px;
	border:none;
	cursor: pointer;
}

/* Contact Page Settings */

#contacts-wrapper {
	margin-left:18px;
	font-family: "Helvetica", Arial, sans-serif;
}

#contacts-wrapper h2 {
	font-size: 16px;
	color:#717171;
}

#contacts-wrapper h5 {
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	color:#303030;
	margin-bottom: 13px;
}

#contacts-wrapper ul li {
	color:#6c6c6c;
	font-size: 12px;
	margin-bottom: 7px;
}

#contacts-wrapper ul li a {
	color:#14377c;
	text-decoration: none;
}

.mail-icon {
	background: url(images/mail_icon.png) no-repeat;
	height:24px;
	padding-left: 37px;
	padding-top:11px;
}

#tweets {
	width:280px;
	line-height: 1.4;
	color:#8c8c8c;
}

small {font-style:italic; }

/* Typography Elements */

h1 {
	font-family: "Helvetica", Arial, sans-serif;
	font-size: 28px;
	color:#1a4186;
	font-weight: normal;	
}

h2 {
	font-family: "Helvetica", Arial, sans-serif;
	font-size: 24px;
	color:#1a4186;
	font-weight: normal;
}

h3 {
	font-family: "Helvetica", Arial, sans-serif;
	font-size: 22px;
	color:#1a4186;
	font-weight: normal;
}

h4 {
	font-family: "Helvetica", Arial, sans-serif;
	font-size: 20px;
	color:#1a4186;
	font-weight: normal;
}

h5 {
	font-family: "Helvetica", Arial, sans-serif;
	font-size: 18px;
	color:#1a4186;
	font-weight: normal;
}

h6 {
	font-family: "Helvetica", Arial, sans-serif;
	font-size: 16px;
	color:#1a4186;
	font-weight: normal;
}

.list-check, .list-radio {
	font-family: "Helvetica", Arial, sans-serif;
	font-size: 12px;
	color:#535353;
}

.list-check li {
	padding-left:25px;
	background-image:url(images/list_style_check.png);
	height:16px;
	background-repeat:no-repeat;
	background-position:0px -3px;
	margin-bottom: 3px;
}

.list-radio li {
	padding-left:25px;
	background-image:url(images/list_style_radio.png);
	height:16px;
	background-repeat:no-repeat;
	background-position:0px -3px;
	margin-bottom: 3px;
}

pre {
	width:273px;
	background: #f0f0f0;
	border: 1px solid #c5c5c5;
	font-size: 11px;
	padding:5px;
	margin-bottom: 10px;
}

blockquote {
	text-align: center;
	font-size: 12px;
	color:gray;
	width:282px;
	line-height: 1.4;
	font-style: italic;
	margin-bottom:8px;
}

/******************************************************************
	Footer settings
******************************************************************/

#footer {
	background: url(images/footer.png) repeat-x;
	font-family: "Helvetica", Arial, sans-serif;
	height:35px;
	margin-top:19px;
	font-size: 11px;
	color:#FFFFFF;
	padding-top: 15px;
}

#footer p {
	text-align: center;
} 

#footer a {
	color:#FFFFFF;
} 
/*my css*/
.marbot {
	clear: both;
	width: 100%;
	overflow: hidden;
	height: auto;
	margin-bottom: 10px;
}
.marbot .marbot-left {
	float: left;
	width: 48%;
}
.marbot .marbot-right {
	float: right;
	width: 48%;
}
.marbot label {
	display: block;
	float: left;
	width: 40%;
}
.marbot input, select {
	display: block;
	float: left;
	width: 58%;
}
.marbot label.terms {
	display: block;
	float: left;
	width: 80%;
}
.marbot input.terms {
	display: block;
	float: left;
	width: 15%;
	margin: 0px;
	padding: 0px;
}
.button_price {
	background-image: url(/images/reserve_room_now_price.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: right;
	display: block;
	height: 48px;
	width: 280px;
	color: #FFFFFF;
	background-color: transparent;
	margin: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 14px;
 	line-height: 16px;
	font-weight: bold;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.button_ticket {
	background-image: url(/images/reserve_ticket_now_price.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: right;
	display: block;
	height: 48px;
	width: 280px;
	color: #FFFFFF;
	background-color: transparent;
	margin: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 14px;
 	line-height: 16px;
	font-weight: bold;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 0px;
}