@font-face{
	font-family:"Droid Sans";
	src:url(fonts/HelveticaNeueW23-Reg.eot);
	src:url(fonts/HelveticaNeueW23-Reg.woff) format("woff"), 	
	url(fonts/HelveticaNeueW23-Reg.ttf) format("truetype"), 
	url(fonts/HelveticaNeueW23-Reg.html#HelveticaNeueLTArabic55Roman) format("svg");
	font-weight:normal;
	font-style:normal
}

body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, input, textarea, img, blockquote, iframe, code, pre{
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}



/* - - - - - - - - - - - - - - - - - - - - */
/* 2. Common Elements
/* - - - - - - - - - - - - - - - - - - - - */
	
body{
	font: 12px 'Helvetica Neue',  Segoe UI, Arial, sans-serif;
	color: #444;
	background: #fcfcfc url('img/pageBg.html') no-repeat center top;
}

.clear{
	clear: both;
}

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;
}

#pageContent{
	clear: both;
	margin: 30px 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:link,a:visited{
	text-decoration: none;
	color: #0072bc;
}

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 20px;
	font: normal 35px/1em "Droid Sans", sans-serif;
	color: #00c2f3;
}

h1 strong{
	font-weight: bold;
	color: #444;
}

h2{
	margin: 0 0 10px;
	font: normal 23px/1.2em "Droid Sans", sans-serif;
	color: #444;
}

h3{
	margin: 0 0 10px;
	font: normal 18px/1.2em "Droid Sans", sans-serif;
	color: #444;
}

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

h4{
	margin: 0 0 10px;
	font: normal 14px/1.2em "Droid Sans", sans-serif;
	color: #444;
}

h5{
	margin: 0 0 10px;
	font: bold 12px/1.2em "Droid Sans", sans-serif;
	color: #444;
}

h6{
	margin: 0 0 10px;
	font: normal 9px/1.2em "Droid Sans", sans-serif;
	color: #444;
}

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 span{
	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 'Helvetica Neue',  Helvetica, Arial, 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: 90px;
}

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 0;
}

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: #fff;
	background: #555;
	border: none;
}


/* - Contact Form - */

.contactForm{
	padding: 10px 0;
}

.contactForm .redColored {
	color:red;
	width:8px;
	margin:0 5px 0 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 #d2d2d2;
}

#logoContainer{
	float: left;
}



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

#topPanel{
	background: #222;
	display: none;
}

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

#topPanelHandle{
	
	bottom: -20px;
	right: 0;
	float: right;
	padding: 4px 7px 2px 10px;
	background: #222;
	-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: 14px;
	text-transform: uppercase;
	background: url('img/top-panel-arrow.png') no-repeat right top;
	overflow: hidden;
}

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

#topPanel h3{
	color: #fff;
}



#topPanel .last {
	width:250px;
}
#topPanel .last p {
	text-align:left !important;
}

#topPanel .last span.num{
	direction:ltr !important;
	text-align:left !important;
	float:left;
	margin-left:5px;
}


#topPanel .last span.label{
	float:left;
	color:#F80F12;
}


/* Language Button */
.langButton{
	margin-right:7px;
	bottom: -20px;
	right: 65px;
	float: right;
	padding: 4px 10px 2px 10px;
	background: #222;
	-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;
}

a.langButton{
	color:#FFF !important;
}

a.langButton:hover{
	color:#e90505 !important;
	text-decoration:none !important;
}


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

#menuContainer{
	float: left;
	
}

ul#navMenu{
	margin: 25px 0 0;
	list-style: none outside none;
}

ul#navMenu li{
	float: left;
	margin: 0 0 0 5px;
	position: relative;
	z-index: 999;
}

ul#navMenu li a{
	display: block;
	padding: 5px 5px;
	font-weight: bold;
	font-size: 12px;
	line-height: 12px;
	background: transparent;
	color: #444;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: background-color 0.1s linear, color 0.1s linear;
	-moz-transition: background-color 0.1s linear, color 0.1s linear;
}

ul#navMenu li.parent a{
	padding-right: 24px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: right top;
}

ul#navMenu li a:hover, ul#navMenu li.current a{
	color: #fff;
	text-decoration: none;
	background-color: #222;
}

ul#navMenu li.parent a:hover, ul#navMenu li.current.parent a{
	background-position: right bottom;
}


/* - -- --- ---- Sub-Menu ---- --- -- - */

ul#navMenu li.parent ul{
	display: none;
	position: absolute;
	top: 22px;
	left: 0;
	width: 170px;
	margin: 0;
	padding: 10px 0 0;
	list-style: none outside none;
	background: url('img/drop-down-arrrow.png') no-repeat 18px 0;
	overflow: visible;
	z-index: 99;
}

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

ul#navMenu li.parent ul li{
	float: none;
	margin: 0;
	padding: 0;
}

ul#navMenu li.parent ul li a{
	display: block;
	padding: 9px 10px;
	color: #444;
	background: #fff;
	border-right: 1px solid #eee;
	border-left: 1px solid #eee;
	border-bottom: 1px solid #E6E6E6;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

ul#navMenu li.parent ul li:first-child a{	
	-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#navMenu li.parent ul li:last-child a{	
	-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;
	box-shadow: 0 1px 0 rgba(0,0,0,0.05);
}

ul#navMenu li.parent ul li a:hover{
	color: #00c2f3;
	background: #fefefe;
}


/* - -- --- ---- Second Level Sub-Menu ---- --- -- - */

ul#navMenu li.parent ul li ul{
	display: none;
	position: absolute;
	top: -1px;
	left: 158px;
	width: 160px;
	margin: 0;
	padding: 0 0 0 10px;
}

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
/* - - - - - - - - - - - - - - - - - - - - */

#pageTitle{
	margin: 0 0 50px;
	padding: 15px 0;
	border-bottom: 1px solid #d2d2d2;
}

#pageTitle h1, #pageTitle h2, #pageTitle h3{
	float: left;
	padding: 0;
	margin: 0 0 -20px ;
	font: normal 27px "Droid Sans", sans-serif;
	color: #444;
}


/* - -- --- ---- Breadcrumb ---- --- -- - */

span.breadCrumb{
	float: right;
	margin: 5px 0;
	list-style: none outside none;
}

span.breadCrumb a {
	color: #b10069;
	text-decoration: none;
}
span.breadCrumb a:hover {
	color: #333;
	text-decoration: none;
}



/* - -- --- ---- Seacrh ---- --- -- - */

#pageTitle .searchForm{
	float: right;
	margin: 0;
	padding: 0 0 0 25px;
	width: 210px;
}

.homeSearch {
	float:right !important;
}

#pageTitle .searchField{
	float: right;
	margin: 0;
	padding: 8px 10px 6px;
	width: 150px;
	font: normal 11px/11px 'Helvetica Neue',  Helvetica, Arial, sans-serif;
	color: #777;
	background: #fff;
	border-width: 1px;
	border-style: solid;
	border-color: #A2A2A2 #D0D0D0 #F0F0F0;
	box-shadow: inset 0 1px 3px #ddd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.searchBtn{
	display: none;
}



/* - - - - - - - - - - - - - - - - - - - - */
/* 5. Footer
/* - - - - - - - - - - - - - - - - - - - - */

#footer{
	margin: 20px 0 0;
	color: #fff;
	background: #222;
	border-top: 4px solid #00C2F3;
	min-width:940px;
}

#footerArea{
	padding: 18px 0 8px;
}

#footer a{
	color: #00c2f3;
}

#footer h3{
	color: #fff;
}

#footer ul.arrowList li{
	background-image: url('img/footer-list-arrow.png');
}

#footer ul.arrowList li a{
	color: #fff;
}

#footer ul.arrowList li a:hover{
	color: #00c2f3;
	text-decoration: none;
}



/* - - - - - - - - - - - - - - - - - - - - */
/* 6. Sub Footer
/* - - - - - - - - - - - - - - - - - - - - */

#subFooter{
	padding: 25px 0;
	font: normal 11px/1em 'Helvetica Neue',  Helvetica, Arial, sans-serif;
	border-top: 1px solid #3F3F3F;
}

#footer .copyright{
	float: left;
	color: #666;
}

ul#footerNavigation{
	float: right;
	margin: 0;
	list-style: none outside none;
}

ul#footerNavigation li{
	float: left;
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
	border-left: 1px solid #444;
}

ul#footerNavigation li:first-child{
	margin: 0;
	padding: 0;
	border-left: none;
}

ul#footerNavigation li a{
	color: #fff;
}

ul#footerNavigation li a:hover{
	text-decoration: underline;
}



/* - - - - - - - - - - - - - - - - - - - - */
/* 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 ---- --- -- - */

.oneThird{ width: 300px; }

.main .oneThird{ width: 220px; max-height:250px; }

.twoThird{ width: 620px; }

.main .twoThird{ width: 460px; }

.oneThird,
.twoThird{
	float: left;
	margin:6px;
}

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


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

.oneFourth{ width: 220px; }

.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; }

.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 'Helvetica Neue',  Helvetica, Arial, sans-serif;
	color: #fff !important;
	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;
	border:0px;
}

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

.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;
}

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; }



/* - - - - - - - - - - - - - - - - - - - - */
/* 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;
	margin:auto;
}

.imgFrame{
	width:200px;
	height:250px;
	padding: 10px;
	background: #fff;
	border-width: 1px;
	border-style: solid;
	border-color: #f9f9f9 #ececec #cdcdcd;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.oneThirdShadow {
	background-repeat:repeat-x;
	background-position:bottom;
}


img.fixedImage,.fixedImage {
	width:128px;
}


.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: 'Helvetica Neue',  Helvetica, Arial, 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 'Helvetica Neue',  Helvetica, Arial, sans-serif;
}

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

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

.pagination ul.pageList li a,
.pagination ul.pageList li span{
	display: block;
	padding: 5px 7px;
	font: bold 11px/1em 'Helvetica Neue',  Helvetica, Arial, sans-serif;
	color: #fff;
	background: #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.pagination ul.pageList li.prevPage a{
	width: 21px;
	height: 21px;
	padding: 0;
	background: #222 url('img/arrow-prev-page.png') no-repeat center;
}

.pagination ul.pageList li.nextPage a{
	width: 21px;
	height: 21px;
	padding: 0;
	background: #222 url('img/arrow-next-page.png') no-repeat center;
}

.pagination ul.pageList li.mainPage a{
	width: 21px;
	height: 21px;
	padding: 0;
	background: #999 url('img/pagination-main.png') no-repeat center;
}

.pagination ul.pageList li a:hover{
	color: #fff;
	text-decoration: none;
	background-color: #00c2f3;
}

.pagination ul.pageList li span.current{
	background-color: #00c2f3;
}



/* Vertical Slider Ticker */
#vertical-ticker li img {
max-height: 100px;
}

#vertical-ticker {
	height: 190px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
#vertical-ticker li {
	padding-bottom: 5px;
	height:100px !important;
	display: block;
	text-align: center;
}






/* - - - - - - - - - - - - - - - - - - - - */
/* 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/20px "Droid Sans", sans-serif;
	color: #444;
	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;
}

.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 5px;
	font-size: 20px;
	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;
	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;
}

.contentSliderWrapper .csThumbnailNav li a{
	display: block;
	width: 110px;
	height: 80px;
	background-position: center top;
	background-repeat: no-repeat;
	background-color: transparent;
	-webkit-transition: padding 0.1s linear;
	-moz-transition: padding 0.1s linear;
}

/* - 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;
	-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 'Helvetica Neue',  Helvetica, Arial, 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 a.thumbLink{
	float: left;
	margin: 0 10px 0 0;
	padding: 2px;
	background: #FAFAFA;
	border: 1px solid #E3E3E3;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

ul.thumbList li a.thumbLink img{
	display: block;
}

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 'Helvetica Neue',  Helvetica, Arial, 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
/* - - - - - - - - - - - - - - - - - - - - */

.testimonialWidget{
	margin: 0 0 20px;
	background: #fff;
	border-width: 1px;
	border-style: solid;
	border-color: #dfdfdf; 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.testimonialWidget ul.testimonialList{
	margin: 0;
	min-height: 40px;
	background-color: #E8E8E8;
	background-repeat: no-repeat;
	background-position: 6px 6px;
	list-style: none outside none;
	-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{
	margin: 0;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 99% bottom;
	padding: 18px 34px 18px 0;
	margin: 18px 0 0px 34px;
}

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

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

ul.testimonialList cite{
	display: none;
}

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

.testimonialDetail .testimonialAuthor{
	font-family: 'Helvetica Neue',  Helvetica, Arial, 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;
	margin-top:3px;
}

.widgetArchive ul li a,
.widgetMenu ul li a{
	display: block;
	height: 14px;
	padding: 5px 0 5px 30px;
	font: bold 12px/14px 'Helvetica Neue',  Helvetica, Arial, sans-serif;
	color: #444;
	text-decoration: none;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 10px 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: background-color 0.1s linear, background-position-x 0.1s linear;
	-moz-transition: background-color 0.1s linear, background-position-x 1s linear;
}

.widgetArchive ul li a:hover,
.widgetMenu ul li a:hover{
	padding-left: 40px;
	color: #444;
	text-decoration: none;
	background-position: 20px -24px;
	background-color: #e8e8e8;
}

.widgetArchive ul li.current a,
.widgetMenu ul li.current a{
	color: #444;
	text-decoration: none;
	background-position: 10px -24px;
	background-color: #e8e8e8;
}


/* - Second level list - */

.widgetMenu ul li ul{
	margin: 0 0 0 20px;
	padding: 0;
	background: transparent;
	border: none;
}

.widgetMenu ul li ul li{
	background: transparent;
}
.widgetArchive ul li a.PDFs {
	background-image:url('img/file_pdf.png');
	background-repeat:no-repeat;
	background-position:left;
	height:32px;
	margin:5px 0;
	padding-left:35px;
}

.widgetArchive ul li a.VID {
	background-image:url('img/file_vid.png');
	background-repeat:no-repeat;
	background-position:left;
	height:32px;
	margin:5px 0;
	padding-left:35px;
}

.widgetArchive ul li a.wordFiles{
	background-image:url('img/file_word.png');
	background-repeat:no-repeat;
	background-position:left;
	height:32px;
	margin:5px 0;
	padding-left:35px;
}

.flvPlayer {
	display:block;width:567px;height:367px;
}


/* - - - - - - - - - - - - - - - - - - - - */
/* 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;
}

ul.tagsList li a{
	display: block;
	height: 14px;
	padding: 2px 10px;
	font-size: 12px;
	line-height: 14px;
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(255,255,255,0.7);
	border-width: 1px;
	border-style: solid;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
}

ul.tagsList li a:hover{
	color: #fff;
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(0,0,0,0.3);
}


/* - -- --- ---- 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;
	position:relative;
}

.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 'Helvetica Neue',  Helvetica, Arial, sans-serif;
	color: #444;
	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
}

/* - - - - - - - - - - - - - - - - - - - - */
/* 5. Clints
/* - - - - - - - - - - - - - - - - - - - - */

.clientWidget{
	margin: 0 0 20px;
	background: #fff;
	border-width: 1px;
	border-style: solid;
	border-color: #dfdfdf; 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.clientWidget ul.clientList{
	margin: 0;
	background-color: #E8E8E8;
	list-style: none inside 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;
	height:160px;
	border-bottom:1px #E8E8E8 solid;
}

ul.clientList li{
	margin: 0;
}
ul.clientList li .clientLogo{
	height:100%;
	background-color:#fff;
	width:200px;
	float:left;
}
ul.clientList li h3{
	padding:10px 0 0 15px;
	float:left;
	margin:0;
	color:#0072bc;
}
ul.clientList li p{
	padding:0 0 0 15px;
	float:left;
	width:470px;
	height:120px;
	overflow:hidden;
	margin:0px
}
ul.clientList li.current{
	display: block;
}
.clientWidget .clientDetail{
	padding: 5px 10px;
	
}
.clientDetail a{
	display: block;
	height: 14px;
	padding: 10px 8px 8px 25px;
	font: bold 12px/14px 'Helvetica Neue',  Helvetica, Arial, sans-serif;
	color: #444;
	text-decoration: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	float:left;
	margin:8px;
	background-repeat:no-repeat;
	background-position:3px 5px;
}

.clientDetail a:hover{
	color: #444;
	text-decoration: none;
	background-color: #e8e8e8;
}


.clientDetail a.smallPDF{
	background-image:url('img/pdf_small.png');
}

.clientDetail a.smallVideo{
	background-image:url('img/video_small.png');
}

.clientDetail a.smallDocs{
	background-image:url('img/docs_small.png');
}/* - - - - - - - - - - - - - - - - - - - - */
/* 5. News
/* - - - - - - - - - - - - - - - - - - - - */

.newsWidget{
	margin: 0 0 20px;
	background: #fff;
	border-width: 1px;
	border-style: solid;
	border-color: #dfdfdf; 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.newsWidget ul.newsList{
	margin: 0;
	background-color: #E8E8E8;
	list-style: none inside 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;
	height:160px;
	border-bottom:1px #E8E8E8 solid;
}

ul.newsList li{
	margin: 0;
}
ul.newsList li .newsLogo{
	height:100%;
	background-color:#fff;
	width:200px;
	float:left;
}
ul.newsList li a>h3{
	padding:10px 0 0 15px;
	float:left;
	margin:0;
	color:#F80F12;
}
ul.newsList li a:hover>h3{
	text-decoration:underline;
}
ul.newsList li p{
	padding:5px 0 0 15px;
	float:left;
	width:685px;
	height:120px;
	overflow:hidden;
	margin:0px;
	float:left;
}
ul.newsList li.current{
	display: block;
}
.newsWidget .newsDetail{
	padding: 5px 10px;
	
}
.newsDetail a.more{
	display: block;
	height: 14px;
	padding: 10px 8px 8px 8px;
	font: bold 12px/14px 'Helvetica Neue',  Helvetica, Arial, sans-serif;
	color: #F80F12;
	text-decoration: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	float:right;
	margin:0px;
	background-repeat:no-repeat;
	background-position:3px 5px;
}

.newsDetail a.more:hover{
	text-decoration: none;
	background-color: #e8e8e8;
}
.newsDetail span.date{
	float:left;
	font: 12px/14px 'Helvetica Neue',  Helvetica, Arial, sans-serif;
	font-style:italic;
	margin:10px 20px;
}
/* - - - - - - - - - - - - - - - - - - - - */
/* 5. News
/* - - - - - - - - - - - - - - - - - - - - */
.article h2{
	color:#F80F12;
	width:100%;
	margin-bottom:0;
	padding-bottom:0;
}
.article span.date{
	float:left;
	font: 10px 'Helvetica Neue',  Helvetica, Arial, sans-serif;
	font-style:italic;
	margin:5px 0 10px;
	color:#999;
}
.article .image, .article .video{
	width:900px;
	margin:5px auto;
	border:1px #d2d2d2 solid;
	padding:5px;
	background-color:#fff;
	max-height:400px;
	overflow:hidden;
}
.article p.description{
	padding:5px;
}


span.stLarge{
	background-image:url("img/social/sharethis_32.png") !important;
	background-repeat:no-repeat !important;
}

span.stLarge:hover{
	background-position:0 0 !important;
}


br{
	
	clear:both;
}
.selectedLi > a{
	color: #fff !important;
	background: #f2060d url(img/colors/red/menu-arrow.png) no-repeat 99% 0 !important;	
}
.plan{
	width:210px;
	float:left;
	margin:10px;
	overflow:hidden;
	position:relative;
	background:url('img/HostingPackageBG.png') no-repeat 0 0
}
.boxhead{
	padding:20px 0 0;
	color:#FFF;
	text-align:center;
	font: normal 20px "Droid Sans", sans-serif;
}
.planBox{
	position:relative;
	padding:25px 25px 0;
	height:295px;
	color:#fff
}
.pricearea{
	display:none;
	position:absolute;
	bottom:20px;
	left:24px;
	font: normal 20px "Droid Sans", sans-serif;
}

.enDetailsAnchor{
	position:absolute;
	bottom: 30px;
	right: 15px;
	display:block;
	height:30px;
	width: 30px;
	cursor:pointer;
}
.enDetailsAnchor a{
	display:block;
	width:30px;
	height:30px;
}

/* HostingDataTable */
table.detailsTable td,th {
    padding: 8px 5px;
    border: 1px solid #FFFFFF;
}
table.detailsTable tr:nth-child(odd)    { background-color:#eee; }
table.detailsTable tr:nth-child(even)    { background-color: #E4E4E4; }


table.detailsTable{
	margin: 0 auto;
	clear: both;
	width: 100%;
	border: 1px solid #C5C5C5;
}

table.detailsTable thead tr{
	background:#DADADA url(img/block-header-bg.png) repeat-x top !important;
}
table.detailsTable tbody tr:hover{
	background:#f1d2d2;
}


.contactInfo {
    padding: 10px 25px 10px 100px;
    font-family: tahoma;
    background: url(img/suppCall.png) no-repeat 1.5% center;
    min-height:45px;
    line-height:18px;
    }
    
    
    
.redColored a{
	color:red !important;
	background: #eee;
	padding: 4px 8px 5px 8px;
	font-size: 14px;
	transition:all 0.12s;
	-webkit-transition:all 0.12s;
	-moz-transition:all 0.12s;
	border-radius:2px;
	-moz-border-radius:2px;
}
.redColored a:hover{
    background: rgb(231, 231, 231);}
    
.CaseList {
	padding: 10px;
margin: 0;
background-color: #E8E8E8;
overflow: hidden;
min-height: 30px;
border-bottom: 1px #E8E8E8 solid;
border-radius: 3px;
margin-bottom:10px;
}

.CaseList h3 {
	padding: 10px 15px 0 0;
margin: 0;
color: #0072bc;
font-size: 15px;
}

.CaseList p {
padding: 0 15px 0 0;
width: 100%;
min-height: 30px;
overflow: hidden;
margin: 10px 0;
font-size: 12px !important;
text-align: justify;}