/*
01.	GENERAL
	1. Reset
	2. Common Elements
	3. Main Layout
	4. Typography
	5. Forms
	6. Browser Quirks
02. LAYOUT
	1. Header
	2. Top panel
	3. Navigation
	4. Page Title
	5. Footer
	6. Sub Footer
	7. Columns
03. ELEMENTS
	1. Buttons
	2. Lists
	3. Image Frames
	4. Message Boxes
	5. Pagination
	6. Others
04. BLOG
	1. Post Layout
	2. Comments
05. PORTFOLIO
	1. Portfolio Items
	3. Columns Variation
	3. Columns Variation With Sidebar
	4. Inner Description and Gallery
06. SLIDER
	1. Main Slider
	2. Content Slider
	3. Nivo Slider
	4. Static Image
07. WIDGETS
	1. Toggle
	2. Accordion
	3. Thumbnail List
	4. Twitter
	5. Testimonial
	6. Archive & Lateral Menu
	7. Others
08. EXTRA PAGES
	1. 404 Page

/* ------------------------------------------------------------------------------------ */
/* 01. GENERAL
/* ------------------------------------------------------------------------------------ */

/* - - - - - - - - - - - - - - - - - - - - */
/* 1. Reset
/* - - - - - - - - - - - - - - - - - - - - */


/* - - - - - - - - - - - - - - - - - - - - */
/* 2. Common Elements
/* - - - - - - - - - - - - - - - - - - - - */


#content ul
{

list-style-type: none;
text-align: center;

}


#content a
{
text-decoration: none;
padding: .0em .0em;
color: #FF9900;
}

#content  a:hover
{
color: white;
}

h1 a:link {text-decoration:none;}


hr{
	padding: 0;
	margin: 0 0 30px;
	height: 1px;
	background: transparent;
	border-width: 1px 0 0;
	border-style: solid;
	border-color: #d2d2d2;
	clear: both;
}

/* - Micro Clearfix - */

.cf:before, .cf:after {
	content: "";
	display: table;
}

.cf:after {
	clear: both;
}

.cf {
	zoom: 1;
}

/* - - - - - - - - - - - - - - - - - - - - */
/* 3. Main Layout
/* - - - - - - - - - - - - - - - - - - - - */

.wrap{
	width: 940px;
	padding: 0 10px;
	margin: 0 auto;
}
.fl{ float:left;}
.fr{ float:right;}
.boxRounded{ background-color:#EF6A05; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border:0px solid #CCC;  width:340px; height:auto; }
.alignCenter{ text-align: center;}
.journyQouterFormArea{ width:340px;}
.creditCardCheckBoxWraper{ width:250px; border:1px solid red;}
.bookNowWraper{}

.margin-left5{ margine-left:5px;}
.margin-left10{ margin-left:10px;}
.margin-left15{ margin-left:15px;}
.margin-left20{ margin-left:9px;margin-right:9px;margin-top:-12px;}
.margin-left25{ margin-left:25px;}
.margin-left30{ margin-left:30px;}
.margin-left35{ margin-left:25px;}
.margin-left40{ margin-left:40px;}
.margin-left45{ margin-left:45px;}
.margin-left50{ margin-left:50px;}
.margin-left55{ margin-left:55px;}
.margin-left60{ margin-left:60px;}
.margin-left65{ margin-left:65px;}
.margin-left70{ margin-left:70px;}
.margin-left75{ margin-left:75px;}
.margin-left80{ margin-left:80px;}
.margin-left85{ margin-left:85px;}
.margin-left90{ margin-left:90px;}
.margin-left95{ margin-left:95px;}
.margin-left100{ margin-left:100px;}
.margin-left105{ margin-left:105px;}
.margin-left110{ margin-left:110px;}
.margin-left115{ margin-left:115px;}
.margin-left120{ margin-left:94px;}

.margin-right5{ margine-right:5px;}
.margin-right10{ margin-right:10px;}
.margin-right15{ margin-right:15px;}
.margin-right20{ margin-right:20px;}
.margin-right25{ margin-right:25px;}
.margin-right30{ margin-right:30px;}
.margin-right35{ margin-right:35px;}
.margin-right40{ margin-right:40px;}
.margin-right45{ margin-right:45px;}
.margin-right50{ margin-right:50px;}
.margin-right55{ margin-right:55px;}
.margin-right60{ margin-right:60px;}
.margin-right65{ margin-right:65px;}
.margin-right70{ margin-right:70px;}
.margin-right75{ margin-right:75px;}
.margin-right80{ margin-right:80px;}
.margin-right85{ margin-right:85px;}
.margin-right90{ margin-right:90px;}
.margin-right95{ margin-right:95px;}
.margin-right100{ margin-right:100px;}
.margin-right105{ margin-right:105px;}
.margin-right110{ margin-right:110px;}
.margin-right115{ margin-right:115px;}
.margin-right120{ margin-right:120px;}

.margin-top5{ margin-top:5px;}
.margin-top10{ margin-top:10px;}
.margin-top15{ margin-top:15px;}
.margin-top20{ margin-top:30px;margin-left:-230px;}
.margin-top25{ margin-top:25px;}
.margin-top30{ margin-top:30px;}
.margin-top35{ margin-top:35px;}
.margin-top40{ margin-top:40px;}
.margin-top45{ margin-top:45px;}
.margin-top50{ margin-top:50px;}
.margin-top55{ margin-top:55px;}
.margin-top60{ margin-top:60px;}
.margin-top65{ margin-top:65px;}
.margin-top70{ margin-top:70px;}
.margin-top75{ margin-top:75px;}
.margin-top80{ margin-top:80px;}
.margin-top85{ margin-top:85px;}
.margin-top90{ margin-top:90px;}
.margin-top95{ margin-top:95px;}
.margin-top100{ margin-top:100px;}
.margin-top105{ margin-top:105px;}
.margin-top110{ margin-top:110px;}
.margin-top115{ margin-top:115px;}
.margin-top120{ margin-top:120px;}
.margin-top38{ margin-top:38px;}

.margin-bottom5{ margine-bottom:5px;}
.margin-bottom10{ margin-bottom:10px;}
.margin-bottom15{ margin-bottom:15px;}
.margin-bottom20{ margin-bottom:1px;}
.margin-bottom25{ margin-bottom:25px;}
.margin-bottom30{ margin-bottom:30px;}
.margin-bottom35{ margin-bottom:35px;}
.margin-bottom40{ margin-bottom:40px;}
.margin-bottom45{ margin-bottom:45px;}
.margin-bottom50{ margin-bottom:50px;}
.margin-bottom55{ margin-bottom:55px;}
.margin-bottom60{ margin-bottom:60px;}
.margin-bottom65{ margin-bottom:65px;}
.margin-bottom70{ margin-bottom:70px;}
.margin-bottom75{ margin-bottom:75px;}
.margin-bottom80{ margin-bottom:80px;}
.margin-bottom85{ margin-bottom:85px;}
.margin-bottom90{ margin-bottom:90px;}
.margin-bottom95{ margin-bottom:95px;}
.margin-bottom100{ margin-bottom:100px;}
.margin-bottom105{ margin-bottom:105px;}
.margin-bottom110{ margin-bottom:110px;}
.margin-bottom115{ margin-bottom:115px;}
.margin-bottom120{ margin-bottom:120px;}

.padding-left5{ padding-left:5px;}
.padding-left10{ padding-left:10px;}
.padding-left15{ padding-left:15px;}
.padding-left20{ padding-left:20px;}
.padding-left25{ padding-left:25px;}
.padding-left30{ padding-left:30px;}
.padding-left35{ padding-left:35px;}
.padding-left40{ padding-left:40px;}
.padding-left45{ padding-left:45px;}
.padding-left50{ padding-left:50px;}
.padding-left55{ padding-left:55px;}
.padding-left60{ padding-left:60px;}
.padding-left65{ padding-left:65px;}
.padding-left70{ padding-left:70px;}
.padding-left75{ padding-left:75px;}
.padding-left80{ padding-left:80px;}
.padding-left85{ padding-left:85px;}
.padding-left90{ padding-left:90px;}
.padding-left95{ padding-left:95px;}
.padding-left100{ padding-left:100px;}

.padding-right5{ padding-right:5px;}
.padding-right10{ padding-right:10px;}
.padding-right15{ padding-right:15px;}
.padding-right20{ padding-right:20px;}
.padding-right25{ padding-right:25px;}
.padding-right30{ padding-right:30px;}
.padding-right35{ padding-right:35px;}
.padding-right40{ padding-right:40px;}
.padding-right45{ padding-right:45px;}
.padding-right50{ padding-right:50px;}
.padding-right55{ padding-right:55px;}
.padding-right60{ padding-right:60px;}
.padding-right65{ padding-right:65px;}
.padding-right70{ padding-right:70px;}
.padding-right75{ padding-right:75px;}
.padding-right80{ padding-right:80px;}
.padding-right85{ padding-right:85px;}
.padding-right90{ padding-right:90px;}
.padding-right95{ padding-right:95px;}
.padding-right100{ padding-right:100px;}
.padding-right105{ padding-right:105px;}
.padding-right110{ padding-right:110px;}
.padding-right115{ padding-right:115px;}
.padding-right120{ padding-right:120px;}

.padding-top5{ padding-top:5px;}
.padding-top8{ padding-top:8px;}
.padding-top10{ padding-top:10px;}
.padding-top15{ padding-top:15px;}
.padding-top20{ padding-top:20px;}
.padding-top25{ padding-top:25px;}
.padding-top30{ padding-top:30px;}
.padding-top35{ padding-top:35px;}
.padding-top40{ padding-top:40px;}
.padding-top45{ padding-top:45px;}
.padding-top50{ padding-top:50px;}
.padding-top55{ padding-top:55px;}
.padding-top60{ padding-top:60px;}
.padding-top65{ padding-top:65px;}
.padding-top70{ padding-top:70px;}
.padding-top75{ padding-top:75px;}
.padding-top80{ padding-top:80px;}
.padding-top85{ padding-top:85px;}
.padding-top90{ padding-top:90px;}
.padding-top95{ padding-top:95px;}
.padding-top100{ padding-top:100px;}

.inpurtWidth{ width:185px;}

#pageContent{
	clear: both;
	margin: 5px 0 0;
}

.main{
	float: left;
	width: 700px;
}

.leftSidebar .main{
	float: right;
}

.sidebar{
	float: left;
	width: 220px;
	margin: 0 0 0 20px;
}

.sidebar .widget{
	margin: 0 0 20px;
}

#preFooter{
	margin: 20px 0 0;
	padding: 30px 0 0;
	border-top: 1px solid #D2D2D2;
}

/* - Left Sidebar Layout - */

.leftSidebar .main{
	float: right;
}

.leftSidebar .sidebar{
	float: right;
	margin: 0 20px 0 0;
}

/* - - - - - - - - - - - - - - - - - - - - */
/* 4. Typography
/* - - - - - - - - - - - - - - - - - - - - */

a{
	text-decoration: none;
	color: #2a2869;
}

a:hover{
	text-decoration: underline;
}

p{
	margin-bottom: 10px;
	line-height: 1.4em;
}

.content p{
	margin-bottom: 20px;
	line-height: 1.6em;
}

h1{
	margin: 0 0 2px;
	font: normal 23px "Droid Sans", sans-serif;
	color: #2a2869;
}

h2{
	margin: 0 0 2px;
	font: normal 22px "Droid Sans", sans-serif;
	color: #2a2869;
}

h3{
	margin: 0 0 2px;
	font: normal 23px "Droid Sans", sans-serif;
	color: #2a2869;
}

.widget h3{
	margin: 0 0 10px;
}

h4{
	margin: 0 0 2px;
	font: normal 23px "Droid Sans", sans-serif;
	color: #2a2869;
}

h5{
	margin: 0 0 2px;
	font: normal 23px "Droid Sans", sans-serif;
	color: #2a2869;
}

h6{
	margin: 0 0 2px;
	font: normal 23px "Droid Sans", sans-serif;
	color: #2a2869;
}

span.highlight{
	padding: 1px 5px;
	color: #fff;
	background: #00c2f3;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

/* - Selection Color - */

::-moz-selection{
	color: #fff;
	background: #00c2f3;
}

::selection{
	color: #fff;
	background: #00c2f3;
}

/* - - - - - - - - - - - - - - - - - - - - */
/* 5. Forms
/* - - - - - - - - - - - - - - - - - - - - */

.formField{
	margin: 0 0 10px;
	position: relative;
}

.formField label{
	float: left;
	width: 150px;
	margin: 0;
	padding: 8px 0;
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
	color: #444;
	cursor: pointer;
}

input[type=text],
input[type=url],
input[type=tel],
input[type=number],
input[type=color],
input[type=email],
textarea{
	float: left;
	width: 190px;
	margin: 0;
	padding: 8px 9px;
	font: normal 12px/12px Arial, Helvetica, sans-serif;
	color: #444;
	background: #fff;
	border: 1px solid #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

textarea{
	width: 530px;
	height: 200px;
}

input[type=text]:focus,
input[type=url]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=color]:focus,
input[type=email]:focus,
textarea:focus{
	border-color: #bbb;
}

.formField input[type=submit],
.formField .button{
	float: left;
	margin: 20px 0 0 150px;
}

input.textField{
	margin: 0 0 15px;
	width: 196px;
}

.oneThird input.textField{
	width: 276px;
}

/* - Top Panel and Footer Variations - */

#topPanel input[type=text],
#footer input[type=text],
#topPanel input[type=url],
#footer input[type=url],
#topPanel input[type=tel],
#footer input[type=tel],
#topPanel input[type=number],
#footer input[type=number],
#topPanel input[type=color],
#footer input[type=color],
#topPanel input[type=email],
#footer input[type=email],
#topPanel textarea,
#footer textarea{
	color: #2a2869;
	background: #fff;
	border: none;
}

/* - Contact Form - */

.contactForm{
	padding: 10px 0;
}

.contactForm .formField{
	position: relative;
	margin: 0;
}

.formField .invalidField{
	float: left;
	display: none;
	width: 30px;
	height: 30px;
	background: url(../img/invalid-field.png) no-repeat center;
}

.formField.error .invalidField{
	display: block;
}

.contactForm textarea{
	width: 420px;
}

.formField.captchaField{
	margin-top: 15px;
	margin-left: 150px;
	padding-right: 30px;
	width: 440px;
}

.formField.captchaField input{
	float: right;
	width: 50px;
}

.formField.captchaField span{
	float: right;
	height: 30px;
	padding: 0 5px;
	line-height: 30px;
	font-weight: bold;
	color: #444;
}

.formField.captchaField .invalidField{
	position: absolute;
	top: 0;
	right: 0;
	padding: 0;
}

.contactLoader{
	float: left;
	display: none;
	width: 30px;
	height: 28px;
	margin: 20px 0 0 10px;
	background: url(../img/loader.gif) no-repeat center;
}

.contactResults{
	float: left;
	height: 28px;
	margin: 20px 0 0 10px;
}

.contactResults span{
	display: none;
	line-height: 28px;
}

.contactResults .success{
	color: green;
}

.contactResults .fail{
	color: red;
}

/* - Contact form page with sidebar - */

.main .contactForm textarea{
	width: 500px;
}

.main .formField.captcha{
	width: 520px;
}

/* - - - - - - - - - - - - - - - - - - - - */
/* 6. Browser Quirks
/* - - - - - - - - - - - - - - - - - - - - */

a:active, a:focus{
	outline: none;
}

input:focus, input:active, textarea:focus{
	outline: none;
}

input::-moz-focus-inner { 
	border: 0;
}

textarea{
	-moz-resize: none;
	resize: none;
	overflow: auto;
}

textarea:focus{
	-moz-resize: both;
	resize: both;
}

/* ------------------------------------------------------------------------------------ */
/* 02. LAYOUT
/* ------------------------------------------------------------------------------------ */

/* - - - - - - - - - - - - - - - - - - - - */
/* 1. Header
/* - - - - - - - - - - - - - - - - - - - - */

#topLine{
	width: 100%;
	height: 2px;
	background: #222;
	position: relative;
	z-index: 3;
}

#header{
	padding: 30px 0 20px;
	border-bottom: 1px solid #ececec;
}

#logoContainer{
	float: left;
}

/* - - - - - - - - - - - - - - - - - - - - */
/* 2. Top panel
/* - - - - - - - - - - - - - - - - - - - - */

#topPanel{
	background: #2a2869;
	display: none;
}

#topPanel .wrap{
	position: relative;
	padding: 20px 0 10px;
	color: #fff;
}

#topPanelHandle{
	position: absolute;
	bottom: -20px;
	right: 0;
	float: right;
	padding: 4px 7px 2px 10px;
	background: #2a2869;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	cursor: pointer;
}

#topPanelHandle span{
	padding: 0 15px 0 0;
	height: 14px;
	color: #fff;
	font-size: 11px;
	line-height: 17px;
	text-transform: uppercase;
	background: url(../img/top-panel-arrow.png) no-repeat right top transparent;
	overflow: hidden;
}

#topPanelHandle.close span{
	background-position: right bottom;
}

#topPanel h3{
	color: #fff;
}

/* - - - - - - - - - - - - - - - - - - - - */
/* 3. Navigation
/* - - - - - - - - - - - - - - - - - - - - */

#menuContainer{
	float: right;
}


ul#navMenu li.parent ul li ul.leftMenu{
	left: -168px;
	padding: 0 10px 0 0;
}

.noJs ul#navMenu li.parent:hover ul li ul{
	display: none;
}

.noJs ul#navMenu li.parent ul li:hover ul{
	display: block;
}

ul#navMenu li.parent ul li ul li:first-child a{	
	border-top: 1px solid #eee;
}

/* - Sub Menu Arrow added via CSS3 - */

ul#navMenu li.parent ul li ul li:first-child a:after{
	display: block;
	height: 14px;
	width: 6px;
	position: absolute;
	left: -5px;
	top: 9px;
	content: '';
	background: url(../img/sub-menu-arrow.png) no-repeat 0 0;
	z-index: 10;
}

ul#navMenu li.parent ul li ul.leftMenu li:first-child a:after{
	display: none;
}

ul#navMenu li.parent ul li ul.leftMenu li:first-child a:before{
	display: block;
	height: 14px;
	width: 6px;
	position: absolute;
	right: -5px;
	top: 9px;
	content: '';
	background: url(../img/sub-menu-arrow-left.png) no-repeat 0 0;
	z-index: 10;
}

/* - - - - - - - - - - - - - - - - - - - - */
/* 4. Page Title
/* - - - - - - - - - - - - - - - - - - - - */

/* - - - - - - - - - - - - - - - - - - - - */
/* 7. Columns
/* - - - - - - - - - - - - - - - - - - - - */

/* - -- --- ---- One Half ---- --- -- - */

.oneHalf{ width: 460px; }

.main .oneHalf{ width: 340px; }

.oneHalf{
	float: left;
	margin-right: 20px;
}

.oneHalf.last, 
.main .oneHalf.last{
	margin-right: 0;
}

/* - -- --- ---- One Third ---- --- -- - */

.oneTagLine{ width: 940px; }

.tagLineWraper{margin-bottom: 30px; float:left;}

.ukText{ font-size:30px; font-weight:bold; color:#2a2869; }

.tagLineText{ font-size:28px; color:#2a2869; margin-right:20px; }

.oneThird{ width: 300px; }

.main .oneThird{ width: 220px; }

.twoThird{ width: 620px; }

.main .twoThird{ width: 460px; }

.oneThird,
.twoThird{
	float: left;
	margin-right: 20px;
}

.oneThird.last, 
.main .oneThird.last,
.twoThird.last,
.main .twoThird.last{
	margin-right: 0;
}

/* - -- --- ---- One Fourth ---- --- -- - */

.oneFourth{ width: 210px; }

.main .oneFourth{ width: 160px; }

.threeFourth{ width: 700px; }

.main .threeFourth{ width: 520px; }

.oneFourth,
.main .oneFourth,
.threeFourth,
.main .threeFourth{
	float: left;
	margin-right: 20px;
}

.oneFourth.last,
.main .oneFourth.last,
.threeFourth.last,
.main .threeFourth.last{
	margin-right: 0;
}

/* - -- --- ---- One Fifth ---- --- -- - */

.oneFifth{ width: 172px; }

.main .oneFifth{ width: 124px; }

.twoFifth{ width: 364px; }

.main .twoFifth{ width: 268px; }

.threeFifth{ width: 556px; }

.fullParagraph{ width: 940px; }

.main .threeFifth{ width: 412px; }

.fourFifth{ width: 748px; }

.main .fourFifth{ width: 556px; }

.oneFifth,
.main .oneFifth,
.twoFifth,
.main .twoFifth,
.threeFifth,
.main .threeFifth,
.fourFifth,
.main .fourFifth{
	float: left;
	margin-right: 20px;
}

.oneFifth.last,
.main .oneFifth.last,
.twoFifth.last,
.main .twoFifth.last,
.threeFifth.last,
.main .threeFifth.last,
.fourFifth.last,
.main .fourFifth.last{
	margin-right: 0;
}

/* ------------------------------------------------------------------------------------ */
/* 03. ELEMENTS
/* ------------------------------------------------------------------------------------ */

/* - - - - - - - - - - - - - - - - - - - - */
/* 1. Buttons
/* - - - - - - - - - - - - - - - - - - - - */

.button{
	margin: 0 0 10px;
	display: inline-block;
	padding: 13px 19px 12px;
	font: bold 14px/14px Arial, Helvetica, sans-serif;
	color: #fff;
	text-transform: uppercase;
    /*text-shadow: 0 1px 0 rgba(0,0,0,0.2);*/
    text-decoration: none;
	outline: none;
    cursor: pointer;
    background: #00c2f3;
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.button:hover, .button:focus{
	color: #00c2f3;
    text-decoration: none;
	outline: none;
    background: #fff;
}

.button:active{
	color: #00c2f3;
    text-decoration: none;
	outline: none;
}

.button.small{
	padding: 8px 10px 7px;
	font-size: 12px;
	line-height: 12px;
}

.button.large{
	padding: 18px 27px 16px;
	font-size: 16px;
	line-height: 16px;
}

/* - - - - - - - - - - - - - - - - - - - - */
/* 2. Lists
/* - - - - - - - - - - - - - - - - - - - - */

ul, ol{
	margin: 0 0 20px;
	list-style-position: inside;
}

ul li, ol li{
	margin: 0 0 6px;
	/*line-height: 14px;*/
	line-height: 14px;
}

ul li ul,
ul li ol,
ol li ul,
ol li ol{
	margin: 0;
}

/* - -- --- ---- Bullet List ---- --- -- - */

ul.bulletList li{
	padding: 0 0 0 14px;
	background: url(../img/list-bullet.png) no-repeat left 1px;
	list-style: none outside none;
}

/* - -- --- ---- Arrow List ---- --- -- - */

ul.arrowList li{
	padding: 0 0 0 14px;
	background: url(../img/list-arrow.png) no-repeat left 0px;
	list-style: none outside none;
}

/* - -- --- ---- Circle List ---- --- -- - */

ul.circleList li{
	padding: 0 0 0 14px;
	background: url(../img/list-circle.png) no-repeat left 1px;
	list-style: none outside none;
}

/* - -- --- ---- Square List ---- --- -- - */

ul.squareList li{
	padding: 0 0 0 14px;
	background: url(../img/list-square.png) no-repeat left 1px;
	list-style: none outside none;
}

/* - -- --- ---- Triangle List ---- --- -- - */

ul.triangleList li{
	padding: 0 0 0 14px;
	background: url(../img/list-triangle.png) no-repeat left 1px;
	list-style: none outside none;
}

/* - -- --- ---- Star List ---- --- -- - */

ul.starList li{
	padding: 0 0 0 14px;
	background: url(../img/list-star.png) no-repeat left 1px;
	list-style: none outside none;
}

/* - -- --- ---- Two-Columns List ---- --- -- - */

ul.twoCols li{
	float: left;
}

ul.twoCols:before, ul.twoCols:after{
	content: "";
	display: table;
}

ul.twoCols:after{
	clear: both;
}

ul.twoCols{
	zoom: 1;
}

.oneThird ul.twoCols li{ width: 96px; }

.oneFourth ul.twoCols li,
.main .oneThird ul.twoCols li{ /*width: 96px;*/ width: 152px; }

/* - - - - - - - - - - - - - - - - - - - - */
/* 3. Image Frames
/* - - - - - - - - - - - - - - - - - - - - */

img.imgFrame,
.postThumb img{
	padding: 9px;
	background: #fff;
	border-width: 1px;
	border-style: solid;
	border-color: #f9f9f9 #ececec #cdcdcd;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.imgShadow a.lightbox,
.postThumb a.lightbox,
a.lightbox .thumbHolder{
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center;
}

.imgShadow img,
.imgShadow a,
.postThumb img,
.postThumb a{
	display: block;
}

/* - Image Shadow - */

.imgShadow,
.postThumb{
	display: block;
	margin: 0 0 5px;
	padding: 0 0 15px;
	background: url(../img/thumb-shadow-fullwidth.png) no-repeat center bottom;
	clear: both;
}

.threeFourthShadow,
.main .imgShadow,
.main .postThumb{
	background-image: url(../img/thumb-shadow-threeFourth.png);
}

.oneHalfShadow,
.oneHalf .imgShadow,
.oneHalf .postThumb{
	padding: 0 0 15px;
	background-image: url(../img/thumb-shadow-oneHalf.png);
}

.oneThirdShadow,
.main .twoThirdShadow,
.main .oneHalfShadow,
.main .oneHalf .postThumb{
	padding: 0 0 10px;
	background-image: url(../img/thumb-shadow-oneThird.png);
}

.twoThirdShadow{
	padding: 0 0 15px;
	background-image: url(../img/thumb-shadow-twoThird.png);
}

.oneFourthShadow,
.sidebar .imgShadow,
.main .oneThirdShadow,
.main .oneThird .postThumb{
	padding: 0 0 10px;
	background-image: url(../img/thumb-shadow-oneFourth.png);
}

/* - Image alignment - */

.alignRight{
	float: right;
	margin: 0 0 10px 20px;
}

.alignLeft{
	float: left;
	margin: 0 20px 10px 0;
}

/* - - - - - - - - - - - - - - - - - - - - */
/* 4. Message Boxes
/* - - - - - - - - - - - - - - - - - - - - */

.msgBox{
	position: relative;
	margin: 0 0 20px;
	padding: 14px 20px;
	font-size: 12px;
	line-height: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
	border-width: 1px;
	border-style: solid;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.msgBox .close{
	position: absolute;
	display: block;
	width: 9px;
	height: 10px;
	right: 12px;
	top: 16px;
	background-position: 0 0;
	background-repeat: no-repeat;
	cursor: pointer;
}

.msgBox.info{
	background-color: #dff2fa;
	color: #2e7893;
	border-color: #85cfec;
}

.msgBox.info .close{
	background-image: url(../img/msg-close-info.png);
}

.msgBox.note{
	background-color: #f8f2cb;
	color: #8f5c0b;
	border-color: #edca42;
}

.msgBox.note .close{
	background-image: url(../img/msg-close-note.png);
}

.msgBox.confirm{
	background-color: #e5f2c0;
	color: #4a630e;
	border-color: #aacf49;
}

.msgBox.confirm .close{
	background-image: url(../img/msg-close-confirm.png);
}

.msgBox.error{
	background-color: #ffd4d4;
	color: #cd0a0a;
	border-color: #d97676;
}

.msgBox.error .close{
	background-image: url(../img/msg-close-error.png);
}

/* - - - - - - - - - - - - - - - - - - - - */
/* 5. Pagination
/* - - - - - - - - - - - - - - - - - - - - */

.pagination{
	clear: both;
	margin: 30px 0 20px;
	padding: 10px 0 0;
	height: 20px;
	border-top: 1px solid #d2d2d2;
}

.pagination span.pages{
	float: left;
	font: bold 11px/20px Arial, Helvetica, sans-serif;
}

.pagination ul.pageList{
	list-style: none outside none;
	float: right;
}

.pagination ul.pageList li{
	float: left;
	margin: 0 0 0 6px;
}


/* - - - - - - - - - - - - - - - - - - - - */
/* 6. Others
/* - - - - - - - - - - - - - - - - - - - - */

.icon{
	float: left;
	margin: 0 10px 5px 0;
}

blockquote{
	margin: 40px 0 40px 30px;
	padding: 0 0 0 8px;
	font-size: 13px;
	line-height: 1.4em;
	font-style: italic;
	border-left: 2px solid #222;
}

/* ------------------------------------------------------------------------------------ */
/* 04. BLOG
/* ------------------------------------------------------------------------------------ */

/* - - - - - - - - - - - - - - - - - - - - */
/* 1. Post Layout
/* - - - - - - - - - - - - - - - - - - - - */

.blogPost{
	margin: 0 0 30px;
}

.postMeta{
	margin: 0 0 15px;
}

.oneHalf .postMeta{
	margin: 0 0 15px;
}

.postMeta h1.postTitle, .postMeta h2.postTitle{
	margin: 0 0 5px;
	font: normal 25px/1.2em "Droid Sans", sans-serif;
	color: #444;
}

.postMeta .postTitle a{
	color: #444;
	text-decoration: none;
}

.postMeta .postTitle a:hover{
	color: #00c2f3;
	text-decoration: none;
}

.blogPost .sep{
	padding: 0 4px;
	color: #999;
}

.shareButtons{
	float: right;
	padding: 10px 0 10px 10px;
	background: #ededed;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.shareButtons span{
	float: left;
	height: 20px;
}

.postFooter{
	clear: both;
	font-size: 12px;
	color: #444;
}

.postFooter .readMore{
	float: left;
	font-weight: bold;
}

.postFooter .details{
	float: right;
}

/* - - - - - - - - - - - - - - - - - - - - */
/* 2. Comments
/* - - - - - - - - - - - - - - - - - - - - */

.commentList{
	margin: 50px 0;
	padding: 0;
	list-style: none outside none;
}

.commentList li.singleComment{
	padding: 0;
	margin: 0 0 20px;
}

li.singleComment .commentMeta{
	float: left;
	width: 110px;
	font-size: 12px;
}

.commentMeta .avatar{
	display: block;
	width: 80px;
	height: 80px;
	padding: 5px;
	background: #fff;
	border-width: 1px;
	border-style: solid;
	border-color: #f9f9f9 #ececec #cdcdcd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.commentMeta .commentAuthor{
	display: block;
	padding: 8px 0 0;
}

.commentMeta .commentDate{
	display: block;
	padding: 3px 0 0;
	font-style: italic;
}

.commentContent{
	float: right;
	width: 590px;
}

.commentBubble{
	position: relative;
	padding: 18px;
	background: #fff;
	border: 1px solid #c4c4c4;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.commentArrow{
	position: absolute;
	width: 7px;
	height: 11px;
	top: 12px;
	left: -7px;
	background: url(../img/comment-arrow.png) no-repeat 0 0;
}

.commentReply{
	clear: both;
	text-align: right;
}

.commentReply a{
	text-transform: uppercase;
}

#respond{
	margin: 0 0 30px;
}

.commentForm{
	margin: 30px 0 0;
}

/* - Nested Comments - */

.commentList ul.children{
	padding: 0 0 0 40px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 5px 44px;
	list-style: none outside none;
	clear: both;
}

.children .commentContent{
	width: 550px;
}

.children .children .commentContent{
	width: 510px;
}

.children .children .children .commentContent{
	width: 470px;
}

.children .children .children .children .commentContent{
	width: 430px;
}

/* - Fullwidth Comments - */

.fullwidth .commentContent{
	width: 830px;
}

.fullwidth .children .commentContent{
	width: 790px;
}

.fullwidth .children .children .commentContent{
	width: 750px;
}

.fullwidth .children .children .children .commentContent{
	width: 710px;
}

.fullwidth .children .children .children .children .commentContent{
	width: 670px;
}

/* ------------------------------------------------------------------------------------ */
/* 05. PORTFOLIO
/* ------------------------------------------------------------------------------------ */

/* - - - - - - - - - - - - - - - - - - - - */
/* 1. Portfolio Items
/* - - - - - - - - - - - - - - - - - - - - */

.portfolioItem{
	margin: 0;
}

.portfolioPage .portfolioItem{
	margin: 0 0 30px;
}

.portfolioThumb .frame{
	padding: 9px;
	background: #fff;
	border-width: 1px;
	border-style: solid;
	border-color: #f9f9f9 #ececec #cdcdcd;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.portfolioItem .portfolioThumb a.viewDetail{
	display: block;
	padding: 0;
	margin: 0;
	text-decoration: none;
}

.portfolioThumb .thumbHolder img{
	display: block;
}

.portfolioItem h2, .portfolioItem h2 a{
	margin: 0 0 10px;
	font: normal 18px/23px "Droid Sans", sans-serif;
	color: #2a2869;
	text-decoration: none;
}

.portfolioItem h2 a:hover{
	color: #00c2f3;
}

.portfolioItem .date{
	font: normal 11px/20px "Droid Sans", sans-serif;
}

.portfolioItem .portfolioDetails{
	margin: 8px 0 0;
}

.portfolioItem .portfolioDetails h2{
	float: left;
}

.portfolioItem .portfolioDetails .date{
	float: right;	
}

.portfolioItem .portfolioDetails p{
	clear: both	
}

.portfolioItem .portfolioDetails .button{
	float: left;
	margin-right: 20px;
}

/* - - - - - - - - - - - - - - - - - - - - */
/* 2. Columns Variation
/* - - - - - - - - - - - - - - - - - - - - */

/* - -- --- 1 Column --- -- - */

.twoThird .portfolioThumb{
	padding: 0 0 15px;
	background: url(../img/thumb-shadow-twoThird.png) no-repeat center bottom;
}

.twoThird .portfolioThumb .thumbHolder{
	height: auto;
}

/* - -- --- 2 Columns --- -- - */

.oneHalf .portfolioThumb{
	padding: 0 0 15px;
	background: url(../img/thumb-shadow-oneHalf.png) no-repeat center bottom;
}

.oneHalf .portfolioThumb .thumbHolder{
	height: 220px;
}

.oneHalf .portfolioThumb.portrait .thumbHolder{
	height: 500px;
}

/* - -- --- 3 Columns --- -- - */

.oneThird .portfolioThumb{
	padding: 0 0 10px;
	background: url(../img/thumb-shadow-oneThird.png) no-repeat center bottom;
}

.oneThird .portfolioThumb .thumbHolder{
	/*height: 160px;*/
	height: 205px;
}

.oneThird .portfolioThumb.portrait .thumbHolder{
	height: 320px;
}

/* - -- --- 4 Columns --- -- - */

.oneFourth .portfolioThumb{
	padding: 0 0 10px;
	background: url(../img/thumb-shadow-oneFourth.png) no-repeat center bottom;
}

.oneFourth .portfolioThumb .thumbHolder{
	height: 160px;
}

.oneFourth .portfolioThumb.portrait .thumbHolder{
	height: 240px;
}

/* - - - - - - - - - - - - - - - - - - - - */
/* 3. Columns Variation With Sidebar
/* - - - - - - - - - - - - - - - - - - - - */

/* - -- --- 1 Column --- -- - */

.main .twoThird .portfolioThumb{
	padding: 0 0 15px;
	background: url(../img/thumb-shadow-oneHalf.png) no-repeat center bottom;
}

.main .twoThird .portfolioThumb .thumbHolder{
	height: auto;
}

/* - -- --- 2 Columns --- -- - */

.main .oneHalf .portfolioThumb{
	padding: 0 0 10px;
	background: url(../img/thumb-shadow-oneThird.png) no-repeat center bottom;
}

.main .oneHalf .portfolioThumb .thumbHolder{
	height: 180px;
}

.main .oneHalf .portfolioThumb.portrait .thumbHolder{
	height: 370px;
}

/* - -- --- 3 Columns --- -- - */

.main .oneThird .portfolioThumb{
	padding: 0 0 10px;
	background: url(../img/thumb-shadow-oneFourth.png) no-repeat center bottom;
}

.main .oneThird .portfolioThumb .thumbHolder{
	height: 160px;
}

.main .oneThird .portfolioThumb.portrait .thumbHolder{
	height: 240px;
}

/* - - - - - - - - - - - - - - - - - - - - */
/* 4. Inner Description and Gallery
/* - - - - - - - - - - - - - - - - - - - - */

.portfolioItem.innerDesc,
.portfolioItem.gallery{
	margin: 0 0 10px;
}

.portfolioItem.innerDesc .portfolioThumb a.viewDetail{
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: right bottom;
}

.portfolioItem.innerDesc .thumbHolder{
	position: relative;
}

.portfolioItem.innerDesc img.thumb{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
}

.portfolioItem.innerDesc div.description{
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 0 0 3px 4px;
	z-index: 2;
}

.portfolioItem.innerDesc .description h2{
	margin: 0 0 2px;
	font-size: 23px;
	line-height: 1.2em;
}

.portfolioItem.innerDesc .description .date{
	font-size: 14px;
	line-height: 1.2em;
	color: #00c2f3;
}

/* ------------------------------------------------------------------------------------ */
/* 06. SLIDER
/* ------------------------------------------------------------------------------------ */

/* - - - - - - - - - - - - - - - - - - - - */
/* 1. Main Slider
/* - - - - - - - - - - - - - - - - - - - - */

#mainSlider{
	/*margin: 30px 0 0;*/
}

#mainSlider .sliderHolder{
	margin: 0;
	padding: 0 0 15px;
	background: url(../img/thumb-shadow-fullwidth.png) no-repeat center bottom;
	clear: both;
}

#mainSlider .sliderFrame{
	padding: 9px;
	background: #fff;
	border-width: 1px;
	border-style: solid;
	border-color: #f9f9f9 #ececec #cdcdcd;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#mainSlider .bulletNavigationHolder{
	height: 50px;
	clear: both;
}

#mainSlider .thumbnailNavigationHolder{
	height: 100px;
	clear: both;
}

/* - - - - - - - - - - - - - - - - - - - - */
/* 2. Content Slider
/* - - - - - - - - - - - - - - - - - - - - */

.contentSlider{
	width: 940px;
	height: 335px;
	overflow: hidden;
	position: relative;
}

.contentSliderWrapper{
	position: relative;
}

.contentSlider ul.contentSliderList{
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
	padding: 0;
	width: 9999px;
	list-style: none outside none;
}

.contentSliderList li.contentSlide{
	float: left;
	width: 940px;
	height: 335px;
	margin: 0;
	padding: 0;
}

.contentSliderWrapper .csNavWrapper{
	margin: 10px 0 30px 0;
	padding: 0 15px;
	clear: both;
	position: relative;
}

/* - Arrow Navigation - */

.contentSliderWrapper a.csDirectionNav{
	display: block;
	position: absolute;
	top: 124px;
	width: 27px;
	height: 52px;
}

.contentSliderWrapper .csDirectionNav.csPrev{
	left: -60px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 0;
}

.contentSliderWrapper .csDirectionNav.csNext{
	right: -60px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 0;
}

.contentSliderWrapper a.csDirectionNav:hover{
	background-position: 0 -52px;
}

/* - Bullet Navigation - */

.contentSliderWrapper .csBulletNav{
	height: 23px;
	margin: 0 auto;
	padding: 0 5px;
	background: #222;
	list-style: none outside none;
	clear: both;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.contentSliderWrapper .csBulletNav li{
	float: left;
	width: 11px;
	height: 11px;
	margin: 6px 5px;
	padding: 0;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 -24px;
	cursor: pointer;
}

.contentSliderWrapper .csBulletNav li:hover{
	background-position: 0 -12px;
}

.contentSliderWrapper .csBulletNav li.active{
	background-position: 0 0;
}

/* - Thumbnail Navigation - */

.contentSliderWrapper .csThumbnailNav{
	margin: 0 auto;
	padding: 0;
	width: 9999px;
	height: 95px;
	background: transparent;
	list-style: none outside none;
	overflow: hidden;
}

.contentSliderWrapper .csThumbnailNav li{
	float: left;
	margin: 0 10px;
	padding: 10px 0 5px;
	background: url(../img/slider-thumb-shadow.png.png) no-repeat center bottom transparent;
	cursor: pointer;
	-webkit-transition: padding 0.1s linear;
	-moz-transition: padding 0.1s linear;
}

.contentSliderWrapper .csThumbnailNav li:hover{
	padding: 0 0 15px;
}

.contentSliderWrapper .csThumbnailNav li.active{
	padding: 0 0 15px;
}

/* - When the thumbnails don't fit - */

.contentSliderWrapper .csThumbnailNavSlider{
	height: 100px;
	overflow: hidden;
	position: relative;
}

.contentSliderWrapper .csThumbnailNavSlider .csThumbnailNav{
	position: absolute;
	top: 0;
	left: 0;
}

.contentSliderWrapper .csNavWrapper .csThumbnailNavArrowLeft{
	display: block;
	width: 15px;
	height: 29px;
	position: absolute;
	top: 36px;
	left: 0;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 0;
}

.contentSliderWrapper .csNavWrapper .csThumbnailNavArrowRight{
	display: block;
	width: 15px;
	height: 29px;
	position: absolute;
	top: 36px;
	right: 0;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 0;
}

.contentSliderWrapper .csNavWrapper .csThumbnailNavArrowLeft:hover,
.contentSliderWrapper .csNavWrapper .csThumbnailNavArrowRight:hover{
	background-position: 0 -29px;
}

.contentSlider h2{
	font-size: 25px;
	font-weight: bold;
	margin-top: 30px;
	margin-bottom: 20px;
}

.contentSlider p{
	font-size: 15px;
	margin-bottom: 20px;
}

/* - - - - - - - - - - - - - - - - - - - - */
/* 3. Nivo Slider
/* - - - - - - - - - - - - - - - - - - - - */

#mainSlider .nivoSlider{
	width: 920px;
    height: 300px;
    background: url(../img/loader.gif) no-repeat center;
}

#mainSlider .nivoSlider img{
	display: none;
}

#mainSlider .nivo-directionNav a{
	top: 124px;
	width: 27px;
	height: 52px;
}

#mainSlider .nivo-prevNav{
	left: -60px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 0;
}

#mainSlider .nivo-nextNav{
	right: -60px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 0;
}

#mainSlider .nivo-directionNav a:hover{
	background-position: 0 -52px;
}

.nivo-caption p{
	padding: 10px;
	margin: 0;
	font-size: 13px;
}

/* - Bullet Navigation - */

#mainSlider .nivo-controlNav{
	position: absolute;
	bottom: -50px;
	height: 23px;
	padding: 0 5px;
	background: #222;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#mainSlider .nivo-controlNav a{
	float: left;
	width: 11px;
	height: 11px;
	margin: 6px 5px;
	text-indent: -9999px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 -24px;
}

#mainSlider .nivo-controlNav a:hover{
	background-position: 0 -12px;
}

#mainSlider .nivo-controlNav a.active{
	background-position: 0 0;
}

/* - Thumbnail Navigation - */

#mainSlider .nivoSlider.withThumbnails .nivo-controlNav{
	position: absolute;
	bottom: -120px;
	height: 90px;
	padding: 0;
	background: transparent;
}

#mainSlider .nivoSlider.withThumbnails .nivo-controlNav a{
	float: left;
	width: 110px;
	height: 80px;
	margin: 0 10px;
	padding: 10px 0 5px;
	background: url(../img/slider-thumb-shadow.png.png) no-repeat center bottom transparent;
	-webkit-transition: padding 0.1s linear;
	-moz-transition: padding 0.1s linear;
}

#mainSlider .nivoSlider.withThumbnails .nivo-controlNav a:hover{
	padding: 0 0 15px;
}

#mainSlider .nivoSlider.withThumbnails .nivo-controlNav a.active{
	padding: 0 0 15px;
}

#mainSlider .nivoSlider.withThumbnails .nivo-controlNav img{
	display: block;
	margin: 0;
	padding: 0;
	position: relative;
}

/* - - - - - - - - - - - - - - - - - - - - */
/* 4. Static Image
/* - - - - - - - - - - - - - - - - - - - - */

#mainSlider .staticImage img,
#mainSlider .staticImage a{
	display: block;
}

/* ------------------------------------------------------------------------------------ */
/* 07. WIDGETS
/* ------------------------------------------------------------------------------------ */

/* - - - - - - - - - - - - - - - - - - - - */
/* 1. Toggle
/* - - - - - - - - - - - - - - - - - - - - */

.toggle{
	margin: 0 0 20px 0;
}

.toggle .toggleTitle{
	margin: 0;
	padding: 0 0 0 30px;
	height: 16px;
	font: bold 12px/16px Arial, Helvetica, sans-serif;
	color: #444;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 0;
	cursor: pointer;
}

.toggle.closed .toggleTitle{
	background-position: 0 -16px;
}

.toggle .toggleContent{
	padding: 20px 30px 10px;
}

/* - - - - - - - - - - - - - - - - - - - - */
/* 2. Accordion
/* - - - - - - - - - - - - - - - - - - - - */

ul.accordion{
	margin: 0 0 20px;
	padding: 0;
	list-style: none outside none;
}

ul.accordion li{
	margin: 0;
	padding: 0;
}

ul.accordion li .accordionTitle{
	margin: 0 0 3px;
	padding: 11px;
	cursor: pointer;
	border: 1px solid #cfcfcf;
	background: #eee;
    background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
    background: -moz-linear-gradient(top, #f5f5f5, #e8e8e8);
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

ul.accordion li .accordionTitle:hover{
	border-color: #c0c0c0;
}

ul.accordion li .accordionTitle h4{
	margin: 0;
	padding: 0 0 0 30px;
	height: 16px;
	font: bold 12px/16px 'Helvetica Neue',  Helvetica, Arial, sans-serif;
	color: #444;
	text-shadow: 0 1px 0 #f5f5f5;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 0;
}

ul.accordion li.closed .accordionTitle h4{
	font-weight: normal;
	color: #444;
	background-position: 0 -16px;
}

ul.accordion li .accordionContent{
	padding: 20px 30px 10px;
}

/* - - - - - - - - - - - - - - - - - - - - */
/* 3. Thumbnail List
/* - - - - - - - - - - - - - - - - - - - - */

ul.thumbList{
	margin: 0 0 10px;
	list-style: none outside none;
}

ul.thumbList li{
	margin: 0 0 10px;
}

ul.thumbList li div.thumbListDetail{
	float: left;
}

ul.thumbList li h5.thumbListTitle{
	margin: 7px 0 9px 0;
	font: normal 13px/1.2em 'Helvetica Neue',  Helvetica, Arial, sans-serif;
}

ul.thumbList li h5.thumbListTitle a{
	color: #444;
	text-decoration: none;
}

ul.thumbList li h5.thumbListTitle a:hover{
	color: #222;
	text-decoration: none;
}

ul.thumbList li div.thumbListMeta{
	font: italic 11px/1em Arial, Helvetica, sans-serif;
	color: #444;
}

ul.thumbList li div.thumbListMeta .sep{
	padding: 0 6px;
}

/* - - - - - - - - - - - - - - - - - - - - */
/* 4. Twitter
/* - - - - - - - - - - - - - - - - - - - - */

.twitterWidget{
	margin: 0 0 20px;
}

.twitterWidget .twitterContent{
	display: block;
}

.twitterWidget .twitterUser{
	font-size: 14px;
	font-style: italic;
	line-height: 16px;
}

.twitterWidget .twitterList{
	margin: 5px 0 0;
	padding: 0;
	min-height: 40px;
	list-style: none outside none;
	position: relative;
}

.twitterWidget .twitterList li{
	margin: 0;
	padding: 0;
	height: 100%;
	font-size: 12px;
	color: #444;
	line-height: 1.3em;
	position: absolute;
	z-index: 1;
	opacity: 0;
	filter: alpha(opacity = 0);
}

.twitterWidget .twitterList li.current{
	z-index: 2;
	opacity: 1;
}

.twitterWidget .twitterArrows{
	float: right;
	width: 56px;
	height: 16px;
}

.twitterArrows span{
	float: left;
	width: 30px;
	height: 16px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 -16px;
	cursor: pointer;
}

.twitterArrows span.twitterArrowUp{
	margin: 0 -2px 0 0;
}

.twitterArrows span.twitterArrowDown{
	margin: 0 0 0 -2px;
}

.twitterArrows span.inactive, 
.twitterArrows span.inactive:hover{
	background-position: 0 0;
}

.twitterArrows span:hover{
	background-position: 0 -32px;
}

/* - Large Layout - */

.twitterWidget.large .twitterContent{
	float: left;
}

.twitterWidget.large .twitterUser{
	font-size: 15px;   
}

.twitterWidget.large .twitterList li{
	font-size: 15px;
}

.twitterWidget.large .twitterArrows{
	width: 88px;
	height: 52px;
	background: url(../img/twitter-arrow-bg.png) no-repeat 0 0;
}

.twitterWidget.large .twitterArrows span{
	float: none;
	display: block;
	width: 42px;
	height: 24px;
	background-position: 0 -24px;
}

.twitterWidget.large .twitterArrows span.twitterArrowUp{
	margin: 0 46px 4px 0;
}

.twitterWidget.large .twitterArrows span.twitterArrowDown{
	margin: 0 46px 0;
}

.twitterWidget.large .twitterArrows span:hover{
	background-position: 0 -48px;
}

.twitterArrows span.twitterArrowUp.inactive, 
.twitterArrows span.twitterArrowUp.inactive:hover,
.twitterArrows span.twitterArrowDown.inactive, 
.twitterArrows span.twitterArrowDown.inactive:hover{
	background-position: 0 0;
}

/* - Columns Width Variations - */

.sidebar .twitterWidget{
	margin: 0;
}

.twitterWidget.large .twitterContent{
	width: 850px;
}

.main .twitterWidget.large .twitterContent{
	width: 610px;
}

.twoThird .twitterWidget.large .twitterContent{
	width: 520px;
}

.oneHalf .twitterWidget.large .twitterContent,
.main .twoThird .twitterWidget.large .twitterContent{
	width: 370px;
}

.main .oneHalf .twitterWidget.large .twitterContent{
	width: 250px;
}

/* - - - - - - - - - - - - - - - - - - - - */
/* 5. Testimonial
/* - - - - - - - - - - - - - - - - - - - - */
.just a:hover
{color:red;}
.testimonialWidget{
	margin: 0 0 20px;
	background: #fff;
	border-width: 0 1px 1px;
	border-style: solid;
	border-color: #dfdfdf #f0f0f0; 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.testimonialWidget ul.testimonialList{
	margin: 0;
	padding: 18px 6px 6px 34px;
	min-height: 40px;
	background-color: #222;
	background-repeat: no-repeat;
	background-position: 6px 6px;
	list-style: none outside none;
	overflow: hidden;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

ul.testimonialList li{
	top: 18px;
	left: 34px;
	margin: 0;
	padding: 0 28px 12px 0;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: right bottom;
	display: none;
}

ul.testimonialList li.current{
	display: block;
}

ul.testimonialList blockquote{
	margin: 0;
	padding: 0;
	font: italic normal 12px/1.4em Arial, Helvetica, sans-serif;
	color: #fff;
	background: transparent;
	border: none;
}

ul.testimonialList cite{
	display: none;
}

.testimonialWidget .testimonialDetail{
	padding: 10px 10px 10px 30px;
	height: 18px;
}

.testimonialDetail .testimonialAuthor{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
}

.testimonialDetail .testimonialArrows{
	float: right;
}

.testimonialDetail .testimonialArrows span{
	float: left;
	margin: 0 0 0 5px;
	width: 18px;
	height: 18px;
	background-repeat: no-repeat;
	cursor: pointer;
}

.testimonialDetail .testimonialArrows span.arrowLeft{
	background-position: 0 -18px;
}

.testimonialDetail .testimonialArrows span.arrowLeft:hover{
	background-position: 0 0;
}

.testimonialDetail .testimonialArrows span.arrowLeft.inactive{
	background-position: 0 -36px;
}

.testimonialDetail .testimonialArrows span.arrowRight{
	background-position: -18px -18px;
}

.testimonialDetail .testimonialArrows span.arrowRight:hover{
	background-position: -18px 0;
}

.testimonialDetail .testimonialArrows span.arrowRight.inactive{
	background-position: -18px -36px;
}

/* - - - - - - - - - - - - - - - - - - - - */
/* 6. Archive & Lateral Menu
/* - - - - - - - - - - - - - - - - - - - - */

.widgetArchive h4,
.widgetMenu h4{
	height: 28px;
	padding: 0 10px;
	margin: 0;
	font: bold 12px/28px 'Helvetica Neue',  Helvetica, Arial, sans-serif;
	color: #fff;
	background: #222;
	border-bottom: 3px solid #00c2f3;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.widgetArchive ul,
.widgetMenu ul{
	margin: 0;
	padding: 14px 5px 5px;
	list-style: none outside none;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: 15px 0;
	border-width: 0 1px 1px;
	border-style: solid;
	border-color: #cdcdcd #ececec;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

.widgetArchive ul li,
.widgetMenu ul li{
	margin: 0;
	padding: 0;
	position: relative;
}


.widgetMenu ul li ul li{
	background: transparent;
}

/* - - - - - - - - - - - - - - - - - - - - */
/* 7. Others
/* - - - - - - - - - - - - - - - - - - - - */

/* - -- --- ---- Tags ---- --- -- - */

ul.tagsList{
	padding: 0;
	margin: 0;
	list-style: none outside none;
}

ul.tagsList li{
	float: left;
	margin: 0 5px 5px 0;
	padding: 0;
}
	

/* - -- --- ---- Social List ---- --- -- - */

ul.socialList{
	margin: 0 0 12px;
	list-style: none outside none;
}

ul.socialList li{
	float: left;
	margin: 0 8px 6px 0;
	width: 28px;
	height: 28px;
}

/* - -- --- ---- Google Map ---- --- -- - */

.googleMap{
	height: 400px;
}

#topPanel .googleMap{
	height: 350px;
}

.googleMap .mapDetails{
	display: none;
}

/* - -- --- ---- Back To Top Button ---- --- -- - */

a#backToTop{
	position: fixed;
	bottom: 50px;
	padding: 0 0 0 30px;
	height: 21px;
	width: 100px;
	font: normal 12px/21px Arial, Helvetica, sans-serif;
	color: #00c2f3;
	background: url(../img/back-to-top.png) no-repeat left center;
	overflow: hidden;
	display: none;
}

a#backToTop:hover{
	text-decoration: none;
}

/* ------------------------------------------------------------------------------------ */
/* 08. EXTRA PAGES
/* ------------------------------------------------------------------------------------ */

/* - - - - - - - - - - - - - - - - - - - - */
/* 1. 404 Page
/* - - - - - - - - - - - - - - - - - - - - */

h1.notFound{
	font: bold 100px/1.2em "Droid Sans", sans-serif;
	color: #444;
}

h1.notFound strong{
	color: #00c2f3
}

.accountHolders{}
.needACar{ margin-top: 20px;}
.ADfiveStarGrade{}
.makeBookingOnline{ margin-top:20px;}
.openAnAccount{ margin-top:20px;}
.headingTextMain{ font-size:20px; color:#2A2867; padding: 0 0 15px;}
.headingZ{ margin: 0 0 2px; font: normal 23px "Droid Sans", sans-serif; color: #2a2869; }
.contactDetailZ{ margin: 0 0 2px; font: normal 23px "Droid Sans", sans-serif; color: #fff; }



/********* contact us and other pages forms css start here ********/

.signup{
	float:left;
	width: 360px;
}
.signup  input.name{
	background-color:#F8F9FE;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	width: 100px;
	/* [disabled]float: left; */
	/* [disabled]background-color: transparent; */
	color: #867c7c;
	height:20px;
	font-size:12px;
	border: 1px solid #CCCCCC;
	padding: 2px 5px;
	margin: 5px 0;
}
.signup input.text{
	background-color:#fbfbfb;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	width: 330px;
	float: left;
/* [disabled]background-color: transparent; */
	color: #867c7c;
	height:20px;
	font-size:12px;
	border: 1px solid #CCCCCC;
	padding: 2px 5px;
	margin: 5px 0;
}
.signup  input.email{
	background-color:#fbfbfb;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
	width: 330px;
	float: left;
	/* [disabled]background-color: transparent; */
	color: #867c7c;
	height:20px;
	font-size:12px;
	border: 1px solid #CCCCCC;
	padding: 2px 5px;
	margin: 5px 0;
}
.signup input.gobtn{
	width: 64px;
	height: 27px;
	margin: 15px 0 0;
}
.signup input.subtn{
	width: 64px;
	height: 27px;
	margin: 15px 0 0;
    background:url(../img/submit-buton.jpg) no-repeat;
}
.signup input.bookingbtn{
	width: 180px;
	height: 27px;
	margin: 15px 0 0;
}

#alert {
	/* [disabled]float: left; */
	float: left;
	padding: 0 20px;
	clear: left;
}
#alert #required2 {
	color: #F00;
	font-weight: bold;
}
#alert  #bademail2  {
	color: #F00;
	font-weight: bold;
}
#alert #badserver2 {
	color: #F00;
}
#alert #success2 {
	color: #FFFFFF;
	font-weight: bold;
}


input.text2{
	background-color:#fbfbfb;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	width: 60px;
/*	float: left;*/
/* [disabled]background-color: transparent; */
	color: #867c7c;
	height:18px;
	font-size:12px;
	border: 1px solid #CCCCCC;
	padding: 2px 5px;
	margin: 5px 15px 0 0;
}

input.textZ{
	background-color:#fbfbfb;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	color: #867c7c;
	height:15px;
	font-size:12px;
	border: 1px solid #CCCCCC;
	padding: 5px 5px;
	margin: 5px 15px 0 0;
}

/********* contact us and other pages forms css ends here ********/


/*-------------
SEARCH
-------------*/
#searchForm fieldset {
    position:relative;
    display:block;
	border:none;
	width:210px;
	float: right;
	margin: 0;
	padding: 0 0 0 25px;
}
div.input {
    width:120px;
    padding:0 15px 0 15px;
    border-radius:3px;
    border-top:1px solid #b4c1cb;
    box-shadow:inset 0 1px 2px rgba(0,0,0,0.08);
    float:right;
    background:#e8edf1;
}
div.input.focus {
	border:1px solid #9ecbe2;
	box-shadow:0 0 6px #abdcff, inset 0 1px 2px rgba(0,0,0,0.08);
}