/* Add Google WebFonts */
/*@import url(http://fonts.googleapis.com/css?family=Open+Sans:600);*/

/* copyright mars web solution */

/*--
	Theme Name: Jayry's Cue
	Version: 1
--*/

article, aside,  
footer, header, menu
hgroup, nav, section, 
{
	display:block;
}

* {
	margin:0px;
	padding:0px;
}
img {
	border:0px;
  	display:inline-block;
  	vertical-align:text-bottom;
}
img a{
	border:0px;
}
a {
	color:#333;
	text-decoration:none;
}
a:hover {
	color:#F30;
	text-decoration:none;
}
ul, li {
	list-style:none;
}
p {
	margin-bottom:15px; text-align:left; font-size:13px; line-height:22px; color:#666;
}
#header .menu li .current {
	text-decoration:none;
	-ms-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;	
	transition:all 0.3s ease;
}

::-moz-selection{ background:#C90; color:#fff; text-shadow:none; }
::selection { background:#C90; color:#fff; text-shadow:none; } 

/* Global properties ======================================================== */
body {
	font:13px/18px Arial, Helvetica, sans-serif ;
	color:#333;
	font-weight:normal;
	min-width:985px;
	background: url(../images/body-bg.jpg) 0 0 repeat-x;
}
.innerpage-bg{
	font:13px/18px Arial, Helvetica, sans-serif ;
	color:#333;
	font-weight:normal;
	min-width:985px;
	background: url(../images/body-bg.jpg) 0 0 repeat-x;
}
html, 
body { 
	height:100%;
	width:100%;
}
h1,h2,h3,h4,h5,h6 {
	font-family: 'Pathway Gothic One', sans-serif; font-weight:normal;
}
h1 { font-size:24px; text-transform:uppercase; color:#3838C7;}
h2 { font-size:16px; color:#666; text-transform:none; margin-bottom:10px;}
h3 { color:#333; font-family:arial;}
h4 {}
h5 {}
.clear {
	clear:both;
}
.clearfix {
	clear:both; height:20px;
}
/* Global Structure ============================================================= */

#header_links {
	width:100%;
	background:#333; 
	color:#FFF;
	height:35px
	float:left;
}
.divider {
	margin:0 10px;
	color:#CCC;
}
#header_links_content {
	margin:0 auto;
	width:1018px;
	line-height:35px;
	height:35px;
	font-family:arial;
	font-size:12px;
	color:#FFF;
	text-align:left;
}
#header_links_content a{
	color:#7cdaff;
}
#header_links_content a:hover{
	color:#FFF;
}
#float_right {
	float:right;
}
.wrapper { width:1020px; margin:0 auto}
#header {width:1020px; float:left; display:block; height:191px;}
.logo{
	float:left; 
	text-decoration:none !important; 
	display:block;
}
.logo strong { 
	position:absolute; 
	top:-999em; 
	left:-999em; 
	width:0; 
	height:0; 
	font-size:0; 
	line-height:0; 
	text-indent:-999em; 
	overflow:hidden; 
}
h1.logo { 
	margin:0px 0 5px 0; 
	padding:0;
}

#search { float:right; padding:4px 15px 0 15px; color:#FFF;} .search_box { color:#FFF;}
#search input { padding:6px 15px 6px 10px; width:180px; border:1px #CCC solid; background:#4C5EAA; border-radius:3px; color:#FFF; outline:none; font-size:12px; float:left; }
.butt-submit { background:url(../images/search.png) 0 0 ; width:32px; height:32px; padding:0px; border:none; margin:-1px 0 0 0px; cursor:pointer; float:left;}

#header .menu { padding-left:20px; font-family: 'Pathway Gothic One', sans-serif; margin:10px 0 20px 0;}

#main-cont { background:#FFF; display:block; width:980px; padding:20px; margin-top:-10px;}


.left {
	width:300px; height:286px; display:block;
	float:left;
}

.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
div.nivo-controlNav {
	position:absolute;
	right:11px;
	bottom:10px;
	z-index:100;
}
div.nivo-controlNav a.nivo-control {
	width:22px;
	height:22px;
	display:block;
	float:left;
	margin:0 0 0 2px;
	background:url(../images/slider_item.png) 0 0 no-repeat;
	font:13px/21px "calibri";
	color:#fff;
	text-decoration:none;
	text-align:center;
	cursor:pointer;
	text-indent:-500em;
}
div.nivo-controlNav a.nivo-control:first-child {
	margin:0;}
div.nivo-controlNav a.active {
	background:url(../images/slider_item_active.png) 0 0 no-repeat;color:#FFF;}

#aside { margin-top:20px;}
#aside .categories { width:176px; float:left; box-shadow: 0 0 2px 2px #DDD; min-height:200px}



#columns {
	margin:20px 0 0px 0;
	display:block;
	width:960px;
	padding:10px;
	border:1px #EEE solid; background:#fbfbfb;
	
}
.grid_1, .grid_2 {width:180px; float:left; margin:0 15px 0 0px ; display:block;}
.grid_2 { margin:0px;}
.grid_1 p {
	line-height:23px;}

.box1{float:left;}
.box1:hover .title{ color:#2B419E}
.box1:hover img{opacity:1;}
.box1 .title{line-height: 24px; color: #4C5EAA;margin-bottom:16px;font:21px/19px 'Open Sans Condensed', sans-serif; text-align:center; font-weight:bold; }
.box1 .text{ background:#FFF; padding-bottom:23px; border:1px solid #dfdfdf;text-align:center;padding: 5px 0 10px; width:180px;  min-height:110px }
.box1 .text:hover{border:1px solid #CCC;background: #FFF; box-shadow:inset 0 0 2px 2px #EEE; color:#666;}

.columns {}
.columns .col-1 { width:290px; float:left;} .columns .col-1 h2 { color:#666; margin-bottom:10px; padding:10px 10px 10px 0; float:left;} .columns .col-1 p { font-size:12px; color:#333;} .columns .col-1 .a { text-decoration:underline; color:#c70404;}
.columns .col-1 ul { margin-bottom:17px;}
.columns .col-1 li a { background: url(../images/marker.gif) 0 6px no-repeat; margin: 0; padding-left: 13px; font-size:13px; line-height:20px; color:#c70404;}
.columns .col-1 li a:hover { color:#333;}
.width {width:550px;}

.columns .col-2 { width:290px; float:right; display:block} .columns .col-2 h2, .columns .col-3 h2 { color:#666; margin-bottom:10px;  padding:10px 10px 10px 0; float:left;} .columns .col-2 p { font-size:12px; color:#7a7a7a;} .columns .col-2 .a { text-decoration:underline; font-weight:bold; color:#c70404; padding:10px 0; display:block;}
.abt-cont { width:980px; float:left; }
.support { width:780px; float:right } .support h3 { color:#339; text-transform:uppercase; text-decoration:none;}
.support-nav { width:150px;  border:1px #CCC solid; padding:15px; position:fixed} .support-nav h2 { margin-bottom:10px; padding-bottom:10px; border-bottom:1px #CCC solid;} 
.support-nav li a { padding:5px; display:block; border-bottom:1px #CCC dashed} .support-nav li a:hover { color:#4C5EAA}
.support-desc { width:750px; padding:15px; box-shadow:0 0 2px 2px #DDD;} .support-desc img { float:left; margin-right:10px;}.support-desc p{font-size:11px; line-height:14px}
.support-desc h3 { font-size:18px; margin-bottom:10px;}.support-desc h4 { background:#339; padding:5px 10px; color:#FFF; text-transform:uppercase; float:left; border-radius:5px 0 5px 0;}
.support-desc .bullets { float:right; font-size:11px; width:363px; margin-top:10px} .support-desc .bullets li{ list-style:square inside} .support-desc .bullets li li { margin-left:10px;}

.verticals { width:274px; float:left; border:1px #EEE solid; padding:15px; margin:0 20px 20px 0; min-height:170px}
.verticals li { list-style:disc inside;} .verticals h3 { color:#069}

.columns .col-3 { width:950px; float:left; display:block} .columns .col-3 h3 {margin:0px 0 5px; } .columns .col-3 p, .columns .abt-cont p, .columns .verticals { line-height:20px; color:#666; font-size:13px}

.margin-bot { margin-bottom:10px}.margin-bot1 { margin-bottom:20px}


#main-content { width:980px; display:block;} #main-content h1, #main-cont h1, .support h1 { color:#333; margin-bottom:15px;}  #main-content .p { color:#333; margin-bottom:20px}
#main-content .col-1 { width:320px; border-radius:10px; box-shadow:0 0 1px 1px #F7F7F7; border:1px #EEE solid; margin:0px 0px 20px 0; padding:10px}
#main-content .col-1 img { float:left; margin-right:10px} #main-content .col-1 p { font-size:12px; margin-bottom:2px; text-align:left;} 

#main-content .col-1 h2 { text-align:left; color:#333;  font-family: 'Merienda', sans-serif; font-size:15px; text-transform:capitalize; margin-bottom:5px}
#main-content .col-1 h2 a:hover { color:#FFF;}
#main-content .col-1:hover { background:#4C5AB2; box-shadow:0 0 3px 3px #EEE;} #main-content .col-1:hover h2, #main-content .col-1:hover p { color:#FFF}
#main-content .col-1 h2 a { color:#4C5EAA;} #main-content .col-1:hover h2 a { color:#B0BFFF} 

.grid_3 {
	width:200px;
	padding:10px;
	border:1px #DDD solid;
}
.list-1 li {
	border-bottom:1px #CCC dashed;
	display:block;
	font-size:16px; font-weight:bold;
}
.list-1 li a{
	font-family: arial;
	display:block;
	padding:10px 10px;  
}
.list-1 li a:hover, .list-1 li .list-selected {
	color:#4C5AB2;
}
.list-1 li:last-child{ border:none;}
.list-1 li ul { margin:-10px 0 0 0px;}
.list-1 li ul li{
	border-bottom:none;
	display:block;
	font-size:14px; text-shadow:none; font-weight:normal;
}
.list-1 li ul li a{
	padding:5px 15px;
	color:#666;
}
.list-1 li ul li a:hover, .selected2{
	color:#666;
	background:#DDD;
}
#grid_4 { width:725px; display:block;} #grid_4 h2 { color:#4C5AB2; margin-bottom:15px}
.grid_4 { width:650px; display:block;} .grid_4 img { float:left; padding:5px; border:1px #CCC solid; margin-right:20px;}
.grid_4 p { margin-bottom:10px; color:#333;}

.table-desc { font-size:16px; color:#333;} .table-desc td { padding:5px;}
.grid_5 { width:950px; display:block; padding:15px; border:1px #DDD solid; margin-bottom:20px;}
.grid_5 h3 { margin-bottom:10px; } .grid_5 iframe { margin-left:170px;}
.list-2 li { list-style:disc inside;}

#testimonial { width:280px; float:left; margin-right:20px; display:block; padding:15px; box-shadow:inset 0 0 3px 3px #CCC; background:#F7F7F7} #testimonial p { font-size:12px;} #testimonial h5 { font-family:Arial}


#enquiry_form {	width:550px;text-align:left;} #enquiry_form p { font-size:11px} #enquiry_form p strong {font-size:13px}
#enquiry_form .field,
	#enquiry_form .field1, 
		#enquiry_form select {padding:2px; border:1px #CCC solid; width:250px; height:25px; color:#666; box-shadow:inset 0 0 3px #CCC; background:#F7F7F7} 
#enquiry_form select { width:50px; height:32px}
#enquiry_form textarea { padding:2px; width:420px; border:1px #CCC solid; color:#666; box-shadow:inset 0 0 3px #CCC; background:#F7F7F7} #enquiry_form checkbox { width:25px}
#enquiry_form button { cursor:pointer;}

.margin-ryt { margin-right:25px;} .margin-ryt1 { margin-right:45px;} .margin-top { margin-top:20px;} .margin-bot { margin-bottom:20px}

#footer { background:#99add0; border-top:10px #7f98c4 solid; display:block; height:41px; padding-top:13px}
#footer .logo { padding-top:5px; font:18px 'Arial'; text-transform:capitalize; font-weight:bold; color:#FFF} .logo span { color:#FFF;}
#footer .nav { color:#666; font-size:12px} #footer .nav p { text-align:right; font-weight:bold;} #footer .nav li { float:left;} #footer .nav li a { color:#666; padding:0 5px} #footer .nav li a:hover { color:#999;}
#footer .nav li:last-child a { padding:0 0 0 5px}
#web_designed {width:146px; float:right; font-size:13px; color:#FFF; } #web_designed img { float:right; margin:5px 0 0 0}

/* =========back-top =========== */
#back-top {position: fixed;bottom:40px;z-index:99;left:50%;margin-left:550px; display:none; width:52px;height:52px;}
#back-top span {width:52px;height:52px; display: block;margin-bottom:41px;background:url(../images/up-arrow.png) no-repeat left 0px;}
#back-top a:hover span { background-position:right 0;}
.ie-8 #back-top span {background-color:#F3F3F3;}

.color_grey {
	color:#125d74;
}
aside {
	float:left;
}
.content ul { 
	margin:0; 
	padding:0px;
}
.content li { 
	background:url(../images/bg-li-categories.gif) bottom repeat-x;
}
.content li a { 
	color:#666;
	font-size:12px; 
	text-decoration:none; 
	-webkit-transition:all .3s ease; 
	-moz-transition:all .3s ease; 
	padding:8px 0px 8px 9px; 
	display:block;
	box-shadow:1px 1px 0px #e2e2e2;
	margin:0 0 7px 0;
}
.content li a:hover { 
	background:url(../images/hmenubg.png) bottom; 
	color:#fff;
}

.content li a:selected { 
	background:url(../images/hmenubg.png) bottom; 
	color:#fff;
}
.content li a span { 
	display:inline-block; 
	width:14px; height:13px; 
	background:url(../images/a-categories.png) no-repeat 0 0 ; 
	-webkit-transition:all .6s ease; 
	-moz-transition:all .6s ease; 
	vertical-align:middle; 
	margin-right:10px;
}
.content li a:hover span { 
	-moz-transform:rotate(360deg); 
	-webkit-transform:rotate(360deg); 
	transform:rotate(360deg); 
	background:url(../images/a-categories.png) no-repeat 0 0;
}

#all-content {
	float:left;
	margin:0 0 0 25px;
	padding:0 0px 0 25px;
	width:670px;
	border-left:1px solid #e2e2e2;
}


ul li { list-style:disc; list-style-type:none;}


#all-content1 {
	float:left;
	margin:0 0 0 0px;
	padding:15px 0px 0 20px;
	width:940px;
}
#clients { margin:0px; padding:0px; width:920px; display:block;}
#clients li {
	float:left;
	margin:20px 25px 15px 0;
	display:block;
}

#clients li img{
	display:block;
	padding:5px;
	box-shadow:0 0 2px 2px #EEE;
}
.fright {
	float:right;}
		
.list-2 li {
	list-style:none;
}
.list-2 li a{
	background:#EEE url(../images/pdf.png) 7px no-repeat;
	border-radius:5px;
	box-shadow:2px 2px 2px #CCC;
	list-style:none;
	border:1px #AAA solid;
	display:block;
	margin-bottom:10px;
	padding:15px 30px 5px 40px;
	-webkit-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	transition:all 0.3s ease;
	width:200px;
}
.list-2 li a:hover{
	background:#333 url(../images/pdf.png) 200px no-repeat;;
	color:#FFF;
	padding-left:5px;
	width:200px;
}
.section-3 {background:url(../images/slider_glow.png) center 0 no-repeat #e9e8e8;}
.region-header {width:980px; margin:0 auto; padding-top:0px;}	

.header-wrapper {width:980px; margin:0 auto;}
/**********************/

/*** MAIN ***/
#main-wrapper {width:980px; margin:0 auto; background:#fff;}
.front #main-wrapper {background:url(../images/main_bg.gif) 0 0 repeat-x #fff;}
#main-wrapper #main {overflow:hidden; padding:31px 30px 30px;}
.section .region { width:100%;}

#sidebar-first { width:240px; float:left;}
#sidebar-first .section { padding:0px 20px 0px 0px;}

#content {overflow:hidden; }
#content .section { width:100%;}

#sidebar-second { float:right; width:240px; }
#sidebar-second .section { padding:0px 0px 0px 20px;}

.region-content { overflow:hidden;}



/*******Slider********/
.view-slider {}
.view-slider .views_jqfx_cycle_pause { display:none;}
.view-slider .views-field-field-slide-image { height:289px; background:#000;}
#views_jqfx_cycle_teaser_section_slider-block {position:relative;}
#views_jqfx_cycle_teaser_section_slider-block .views_jqfx_cycle_slide .views-row {position:relative; overflow:hidden;}
#views_jqfx_cycle_teaser_section_slider-block .views-row .views-field-body-1 {
	position:absolute;
	top:349px;
	left:221px;
	padding-top:9px;
	background:url(../images/caption.png) 4px 0 no-repeat;
	z-index:99;
	font-family:"Open sans", sans-serif;
	font-weight:400;
	color:#fff;
	font-size:15px;
	line-height:18px;
	text-transform:uppercase;
	display:none;
	}
#views_jqfx_cycle_teaser_section_slider-block .views-row .views-field-body-1 .field-content {
	background:url(../images/bg2.png) 0 0 repeat;
	min-height:45px;
	}
#views_jqfx_cycle_teaser_section_slider-block .views-row .views-field-body-1 .field-content .inner {
	padding:13px 10px 11px 16px;
	}	
.view-slider .skin-default .views-jqfx-controls-bottom {
	background:url(../images/pager_bg.png) 0 0 repeat;
	padding:11px 20px 52px;
	}
.view-slider .skin-default .views-jqfx-controls-bottom .pager-item {padding:10px 10px 0 0; float:left; display:block; position:relative;} 
.view-slider .skin-default .views-jqfx-controls-bottom .pager-item img {
	width:145px;
	height:69px;
	} 
.view-slider .skin-default .views-jqfx-controls-bottom .pager-item a {display:block; position:relative; -moz-transition:all ease .2s; -webkit-transition:all ease .2s;}	
.view-slider .skin-default .views-jqfx-controls-bottom .pager-item a span {
	display:block;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background:url(../images/pager_hover.png) 0 0 repeat;
	-moz-transition:all ease .2s; 
	-webkit-transition:all ease .2s;
	}	
.view-slider .skin-default .views-jqfx-controls-bottom .pager-item a:hover span, .view-slider .skin-default .views-jqfx-controls-bottom .pager-item.active-slide a span {display:none;}
.view-slider .skin-default .views-jqfx-controls-bottom .pager-item a:hover, .view-slider .skin-default .views-jqfx-controls-bottom .pager-item.active-slide a {position:relative; margin-top:-10px; padding-bottom:10px;}	
/********************/

#welcome-content {
	float:left;
	margin:0 5px;
	padding:0 0px 0 27px;;
	width:480px;
	border-left:1px solid #e2e2e2;
}
 #welcome-content p { text-align:justify}
.content1 { padding:0; display:block; width:455px; } .content2 { padding:0; display:block; width:250px; margin-left:15px }
#main-content { width:980px; display:block;} #main-content h1, #main-cont h1, .support h1 { color:#6666CC; margin-bottom:15px;}  #main-content .p { color:#333; margin-bottom:20px}
#main-content .col-1 { width:320px; border-radius:10px; box-shadow:0 0 1px 1px #F7F7F7; border:1px #EEE solid; margin:0px 0px 20px 0; padding:10px}
#main-content .col-1 img { float:left; margin-right:10px} #main-content .col-1 p { font-size:12px; margin-bottom:2px; text-align:left;} 

.fleft {
	float:left;
}

.fright {
	float:right;
}.clear {
	clear:both;
}
.clearfix {
	clear:both; height:20px;
}
.button, .button2 { background:#333; color:#FFF; padding:5px 10px; text-decoration:none;} .button:hover { background:#333; color:#FFF;}
.button1 { font-weight:bold; float:right; font-size:12px; text-transform:uppercase;}
.button2 { background:#6666CC}

p img{
	float:left;
	margin:2px 15px 0 0;
	border:1px solid #e2e2e2;
	text-align:center;
	box-shadow:2px 2px 0px #e2e2e2;
	border-radius:10px;
}
aside {
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
	width:235px;
}

.aside1 {
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
	width:455px;
}
.about h4 { font-size:18px; font-weight:bold; font-family:Oswald; margin:0px; clear:both; padding:0px; color:#666;}