html { padding:0px; margin:0px; background:url(../images/bg.png) repeat-x top; }
body { padding:0px; margin:0px; font:normal 12px Arial, Helvetica, sans-serif; color:#000; }

* { font-family:Arial, Helvetica, sans-serif !important}

a { color:#000; font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none; outline:none; }
a:hover { text-decoration:none; outline:none;}
img { border:0; }
ul { list-style:none; padding:0px; margin:0px;}
ul li { padding:0px; margin:0px;}


.cl { clear:both; }
.fl { float:left; }
.fr { float:right; }
.fn { float:none;}
.vm { vertical-align:middle;}
.tec {text-align:center;}
.tel {text-align:left;}
.bgnone { background:none !important;}
.bonone { border:none !important;}
.mar { margin:0px 6px;}
.ma-right { margin-right:5px;}
/* ================ Home Page =============== */


#main { margin:0 auto; width:1000px;}
#header { padding-top:17px; background:url(../images/home-v8-1.jpg) no-repeat left top; height:163px; }
.logo { display: block;  float: right; height: 150px; margin: 0px 50px 0 0;  text-indent: -9999px;  width: 220px; }
#contant { background:#FFF; padding-bottom:10px; }

#nav { height:40px; background:url(../images/menubg.png) repeat-x bottom; }
ul#nav_14623 {}
ul#nav_14623 li { float:left; width:auto !important; height:40px !important; padding-right:2px; background:url(../images/divider.jpg) no-repeat right bottom;}
ul#nav_14623 li a { float:left; font:bold 15px Arial; color:#4D6793; padding:12px 30px;}
ul#nav_14623 li a:hover { background:url(../images/menuhover.gif) repeat-x top; }
ul#nav_14623 .selected a { background:url(../images/menuhover.gif) repeat-x top; }
ul#nav_14623 .selected a:hover { color:#666; }


#nav form { float:right; padding:0px; margin:0px; width:185px; height:32px; background:url(../images/searchbox.jpg) no-repeat; margin:4px 4px 0px 0px; }
#nav form .search-box { padding:0px !important;}
.search-box, .container-inline { display:none}
#nav form .cat_textbox_small { float:left; width:145px !important; padding:5px 5px 2px 5px; margin:3px 0px 0px 2px; border:0px; }
#nav form .cat_button { float:left; width:22px; height:21px; margin-top:5px; text-indent:-9999px; cursor:pointer; border:0px;  background:url(../images/icn-_search.jpg) no-repeat; }


.subnavigation {}
.subnavigation img { vertical-align:middle; padding:5px 10px 5px 3px;}
.subnavigation a { font:bold 12px Arial; color:#78AEE6; padding:0px 15px 0px 10px;}
.subnavigation a:hover { color:#000; }

.contantwraper { float:left; width:980px; padding:10px 10px 0px 10px;}
.contantwraper1 { float:left; width:980px;}
.contantleft { float:left; width:648px; padding-right:5px;}
.contantleft1 { float:left; width:1000px; padding-right:0px;}
.contantright { float:left; width:324px;}


.videocovermain { padding:10px 8px 1px 8px; }
.boxmain { margin-bottom:5px; background:url(../images/shadowboxbg.gif) no-repeat left top;}
.boxtop { padding-left:5px; background:url(../images/shadowboxbg.gif) no-repeat left top;}
.boxcontant { padding:5px 10px 5px 5px; background:url(../images/shadowboxbg.gif) no-repeat right top; overflow:hidden}
.boxcontant h1 { font:bold 19px Helvetica, sans-serif, Arial; color:#626262; padding:5px 0px; margin:0px; 
text-transform:capitalize;}
.boxcontant h1 a.AskS  { font:bold 19px Helvetica, sans-serif, Arial; color:#626262; padding:5px 0px; margin:0px; 
text-transform:none;}
#Contactinner .boxcontant h1  { font:bold 19px Helvetica, sans-serif, Arial; color:#626262; padding:5px 0px; margin:0px; 
text-transform:none;}
#Contactinner .boxcontant h1.title1 {text-transform:capitalize} 
.YLUstore { height:285px;}
.YLUstore img { height:200px;}
#Contactinner .boxcontant .YLUstore h1 a  { -x-system-font:none; color:#626262; font-family:Helvetica,sans-serif,Arial; font-size:19px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:bold; line-height:normal; margin:0; padding:5px 0; text-transform:none; }
.boxcontant p { color:#626262; margin:5px 0px; }
.boxbottom { padding-left:5px; background:url(../images/shadowboxbg.gif) no-repeat left bottom;}
.boxbottomin { height:11px; background:url(../images/shadowboxbg.gif) no-repeat right bottom;}


#footer { float:left; padding-top:20px; width:1000px; }
ul#menu_footer { float:left; width:800px;}
ul#menu_footer li { float:left; padding-right:2px; }
ul#menu_footer li a { float:left; font:bold 15px Arial; color:#4D6793; padding:8px 10px;}
ul#menu_footer li a:hover { color:#000;}
ul#submenu_footer { float:left; width:800px;}
ul#submenu_footer li { float:left; padding-right:2px; font:bold 12px Arial; color:#a7a7a7; padding:9px 10px;}
ul#submenu_footer li a { float:left; font:bold 12px Arial; color:#4D6793; }
ul#submenu_footer li a.resource { float:none; margin-left:3px; color:#A7A7A7}
ul#submenu_footer li a:hover { color:#000; }

/* ===================================*/
.slider-carousel {
	position:relative;
	height:250px;
}
.slider-carousel .controls {
	position:absolute;
	width:185px;
	height:250px;
	z-index:1;
}
.slider-carousel .control .tab {
	height:40px;
	background:url(../images/sprite.png) no-repeat 0 -279px;
	cursor:pointer;
}
.slider-carousel .control .tab:hover {
	background:url(../images/sprite.png) no-repeat 0 -319px;
}
.slider-carousel .active-control .tab {
	display:none;
}
.slider-carousel .control .tab .inner {
	padding:10px;
}
.slider-carousel .control .tab span {
	font-size:15px;
	font-weight:normal;
	color:#fff;
}
.slider-carousel .control .summary {
	height:90px;
	position:relative;
	display:none;
	background:url(../images/sprite.png) no-repeat 0 -711px;
}
.slider-carousel .active-control .summary {
	display:block;
}
.slider-carousel .control .summary .inner {
	padding:10px;
	font-size:13px;
}
.slider-carousel .control .last {
	height:138px;
}
.slider-carousel .control .summary h3 {
	font-size:15px;
	line-height:15px;
	font-weight:normal;
}
.slider-carousel .control .summary h3 {
	color:#4d6793;
}
.slider-carousel .pointer {
	position:absolute;
	top:35px;
	right:-10px;
	width:10px;
	height:20px;
	background:url(../images/sprite.png) no-repeat -242px 0;
}
.slider-carousel .images {
	position:absolute;
	right:0;
	width:445px;
	height:250px;
	overflow:hidden;
	background:url(../images/loader.gif) no-repeat;
}
.slider-carousel .images a {
	color:#000 !important;
}
.slider-carousel .video-gigya {
	bottom:0;
	right:0;
}
/* ===================================*/

.videobox { float:left; width:643px;}
.imgbox { float:left; width:324px; }
.imgbox table { text-align:center; width:100%}
.imgbox table td { padding:10px 0px; }

.presents { float:left; width:321px; }

ul.liststyle { margin:0px; padding:0px; }
ul.liststyle li { padding:4px 0px 4px 20px; background:url(../images/bullet_aerrow.gif) no-repeat 0px 6px; }
ul.liststyle li a { color:#4D6793;}
ul.liststyle li a:hover { color:#000;}

a.more { padding:0px 10px 0px 0px; font:bold 12px Arial; color:#4d6793; background:url(../images/bullet_blueaerrow.jpg) no-repeat 100% center; display:none}
a.more:hover { color:#000;}
.spacebox { height:3px; }
.homeblogdiv { float:left; width:324px; }

.blogtextbox {  padding-bottom:5px;}
.blogtextbox .imgdiv { float:left; width:90px; padding:7px 0px 7px 6px;  background:url(../images/blogimgbg.png) no-repeat left top;}
.blogtextbox .blogmetter {  padding:5px 0;  text-align:justify; }
.blogtextbox .blogmetter h1 { padding:0px 0px 3px 0px; margin:0px; background:none}
.blogtextbox .blogmetter h1 a { font: bold 12px Arial; color:#4D6793;}
.blogtextbox .blogmetter h1 a:hover { color:#000;}
.blogtextbox .blogmetter p { padding:0px; margin:0px; color:#747578;clear:both}


.ylustore { float:left; width:154px; text-align:center;}
.events { float:left; width:494px;  }



/**************************** SCROLLER CSS ********************************/

/***************************** PROJECT LISTING ********************************/
.project { width:445px;	height:255px; position:relative; }
.project-image-wrap{ padding:0px; position:relative;	margin-bottom:15px;}
.project-image-wrap img { width:445px; height:250px; }
.project-image-wrap .overlay { position:absolute; top:0; left:0; width:445px; height:250px; background: url(../../images/overlay-image.png) no-repeat top left;}

#project-type-nav { float:left; width:175px;}
#project-type-nav a { float:left; width:170px; height:32px; padding:8px 0px 0px 15px; font:normal 15px Verdana, Geneva, sans-serif; color:#FFF; background:url(../images/videomenubg.jpg) 0px 0px; }
#project-type-nav a:hover { color:#FFF; background:url(../images/videomenubg.jpg) 0px 40px; }

/**************************** SCROLLER STUFF ********************************/

#scroller-window, #scroller-web-window,#scroller-iphone-window, #scroller-desk-window, 
#scroller-video-window {	height:250px; }
#scroller-window { position:relative; overflow:hidden; width: 446px; float:left;}
#scroller-fade-left, #scroller-fade-right { position:absolute; width:10px; height:100%; top:0px;	}
#scroller-fade-left { left:0px; background: url(../../images/scroller-fade.png) repeat-y top right;}
#scroller-fade-right { right:0px; background: url(../../images/scroller-fade.png) repeat-y top left; }

#scroller-web-window, #scroller-iphone-window, #scroller-desk-window,
#scroller-video-window  { overflow:hidden; width: 600px; }

#scroller-web-wrap, #scroller-iphone-wrap, #scroller-desk-wrap, 
#scroller-video-window  { width:10000em; position:absolute;}
#scroller-window .project {float:left;}
#scroller-vertical { position:absolute; top:0; left:0; height:250px; width:600px;}

/**************************** END OF SCROLLER CSS ********************************/


.innerpageleftcontent { color:#58575d; text-align:justify;}
.innerpageleftcontent h1 { padding:10px 10px 10px 0px; margin-bottom:13px; background:url(../images/border_dotgray.gif) repeat-x bottom;}
.innerpageleftcontent ul, ol { float:left; padding:5px 0px 5px 5px; margin:0px 10px 0 0px;}
.innerpageleftcontent ul li { padding:0px 0px 5px 10px; background:url(../images/bulet_circle.jpg) no-repeat 0px 6px;}
.innerpageleftcontent .details li { background:none}
.innerpageleftcontent .shop-product-small li { background:none}
.innerpageleftcontent ol { float:left; padding:5px 0px 5px 30px; margin:0px;}
.innerpageleftcontent ol li { padding-bottom:10px; }
.innerpageleftcontent p { clear:both; padding:5px;} 
.innerpageleftcontent .contactform p { clear:none; padding:5px;} 
.innerpageleftcontent b { color:#000;}
.innerpageleftcontent ul.order { display:block; clear:both; margin:0 0 0 0; text-align:center; float:none}
.innerpageleftcontent ul.order li.orderlink h6 a {background:url(../images/btn_order.jpg) no-repeat; width:77px; height:1px; overflow:hidden; padding-top:33px; display:block; margin-left:35px}
.f14 { font-size:14px;}
.f11 { font-size:11px;}
.bluetext { color:#6582ae !important;}
.speakinglisting { float:left; width:648px; padding-bottom:10px;}
.speakinglisting .imgdiv { float:left; width:137px; padding:0px 5px;}
.speakinglisting .speakingtext { float:left; width:477px;}
.speakinglisting .speakingtext span { font-size:15px; font-weight:bold; color:#5c8bd0;}


.newsletter-form input { border:#CCC solid 1px;}
.newsletter-form .submit { font:bold 13px Arial; color:#596d8e; padding:5px 10px; border:#c8c6d1 solid 1px; cursor:pointer; background:url(../images/menubg.png) repeat-x bottom;}
.newsletter-form .submit:hover { background:url(../images/menuhover.gif) repeat-x top; }

.contentimg { float:left; padding:0px 8px 8px 0px; }
.contentimgr { float:right; padding:8px 0px 8px 8px; }
.dotbg { background:url(../images/border_dotgray.gif) repeat-x center;}
.dotbgv { background:url(../images/border_dotgray.gif) repeat-y left;}
.pad { padding:10px 0px;}

.clientslogo {  border-right:#CCC solid 1px; border-top:#CCC solid 1px;}
.clientslogo td { padding:10px 0px; border-left:#CCC solid 1px; border-bottom:#CCC solid 1px;}
.Events { float:left; margin:5px; display:block; width:143px}
.Events li { clear:both; display:block;}
.Events li.Image { text-align:center}
.Events li.Image img { width:130px; height:87px; border:#ddd solid 1px; padding:3px; background:#fff}
.Events li.Title a { color:#78AEE6; font-weight:bold;font-weight:bold}
.Events li.Title { color:#78AEE6; font-weight:bold;font-weight:bold}
.Events li.Comments {height:100px; overflow:hidden}
.linkscolor { color:#78AEE6; font-weight:bold}
.imgbox .facebookbox { margin-top:15px; margin-bottom:5px}
.imgbox .facebookbox table td span { font-size:12px; font-weight:bold; color:#626262}
.imgbox .facebookbox table td { padding:2px; text-align:left; font-size:12px;color:#626262}
.imgbox .facebookbox table td a { font-size:12px;color:#626262}
.imgbox .facebookbox table td.bluelinks a { color:#5C8BD0; font-size:12px}
.searchbox { display:none}
a.Registerbtn { background:#ddd; border:#ccc solid 1px; padding:5px; float:right; font-weight:bold}
.FAQList {height:75px; overflow:hidden}
.Faqlist li { display:block; clear:both;width:610px}
.answer img { float:right;padding:2px; border:1px solid #ddd; margin:0 0 10px 10px}
.cartoon { display:block; text-align:right; margin-top:10px; clear:both}
.facebookbox .at300bs.at15t_expanded, .at300bs.at15t_compact { background:none; padding:0; margin:0;border:0}
.facebookbox .FBConnectButton_Small, .FBConnectButton_RTL_Small { background:none}
.twtr-widget h3  { display:none}
.Captcha img { height:25px; float:left;margin-right:26px}

.blogsitesummary a { font-weight:bold}
.blogsitesummary li { display:block; margin-bottom:8px}
.blogsitesummary li span {font-weight:normal; color:#000;font-size:11px}
.blogsitesummary a:hover {color:#78AEE6}
.innerpageleftcontent .blog-post .post-body ul, .innerpageleftcontent .blog-post .post-body ol { float:none; display:block}