/* CSS Document Build for ADS Graphics Firm*/
/*______________________________________Globals*/
/*________________________
blue #15ADFF
gray #282b2e
charcoal #33373b

*/

body{margin:0;padding:0;font-size:100%;font-family:Arial, Helvetica, sans-serif;color:#303236;}
a{color:#86878B;}
a:hover{color:#15ADFF;}

a, a img{outline:none;border:none;}

p{padding:5px 10px;}
p label{font-weight:bold;}
h1{margin:10px; font-family:tahoma, Verdana;font-size:28px;color:#15ADFF;}
h2{margin:10px;margin-left:0; font-family:tahoma, Verdana;font-size:24px;color:#bcbcbc}
h3{}
hr{height:1px;background:none;border:none;border-top:1px solid #c4c4c4;font-size:.1em;}
/*__________STANDARDS__________*/
.italic{font-style:italic;}
.bold{font-weight:bold;}
strong{color:#15ADFF;}
.clear{clear:both;}
.heading{font-size:2em;margin-top:20px;color:#15adff;font-weight:bold;}
.hot{color:#f00;font-weight:bold;padding:5px;}
.green{color:#093;font-weight:bold;}
.small{font-size:.8em;}
.link{color:#15ADFF;text-decoration:none;}	
.hidden{display:none;}

/* =======Content =======*/
#page{width:900px;margin:0px auto;font-size:12.9px;line-height:1.8em;}
	#header{padding:10px 0 20px 0;border-bottom:1px solid #c4c4c4;margin-top:0px;background:#fff;}
		#logo{width:250px;height:70px;background:url(../images/logo.jpg) no-repeat;display:block;float:left;margin-right:10px;cursor:pointer;position:relative;z-index:9999;}
		#nav{float:left;width:640px;font-size:17px;padding-top:30px;}
			.navItem{width:91px;float:left;text-align:center;}
			#nav a{text-decoration:none;font-size:14px;letter-spacing:1px;}	
	#content{background:#fff;min-height:615px;}
		#flash{height:100px;border:1px solid #aaa;border-top:0;text-align:center;display:none;}
			#flash img{margin-top:20px;}
		
		.clientName{color:#15ADFF;}
		
		#banner{height:250px;border:1px solid #aaa;border-top:0;}
		#banner2{text-align:center;}
		
		.blockRow{}
		.blocks{width:200px;height:122px;background:#ececec;float:left;margin:10px 15px 20px 10px;}
		
		
		.cont{width:220px;float:left;border-right:1px dotted #c3c3c3;margin:15px 0;}
		.cont p{line-height:1.5em;margin-top:0;padding:5px 10px;}
		.blocks2{width:200px;height:122px;background:#ececec;margin:10px 10px 5px 10px;}
	
		
		.w{width:60%;float:left;margin-left:3%;}
		
		.q{width:21%;float:left;margin-left:2%;border-right:1px dotted #c3c3c3;padding-right:1%;margin-top:20px;}
		
			.q h1{font-size:15px;margin-left:-10px;}
			.q a{-moz-border-radius: 2px 2px 2px 2px;
background: none repeat scroll 0 0 #C1C1C1;
color: #FFFFFF;
display: block;
font-size: 12px;
font-weight: bold;
margin: 5px auto;
padding: 1px 5px 0 3px;
text-decoration: none;}

.q a:hover{background:#15ADFF;;}
		
			
			/* Home Page */
			.wrap{background:#f2f2f2;border:1px solid #ccc;margin:20px 0;}
			
		
			/* About Page */
			.partner{width:21%;float:left;margin:0 auto 20px auto;margin-left:2%;border:1px dotted #aaa;height:60px;padding-right:1%;font-size:1.2em;color:#c5c5c5;text-align:center;padding-top:40px;}	
			
			
		.r{width:31%;float:right;margin-left:3%;border-top:1px solid #c3c3c3;}
		.t{width:30%;float:left;margin-left:3%;}/* Third */
			
		.half, .h{width:47%;float:left;margin-right:2%;min-height:250px;position:relative;}/* Half */	
			.blink{position:absolute;bottom:0;} 
		
		#left{width:200px;margin-right:5px;float:left;}
		
		#tagCloud{width:auto;margin-right:5px;float:left;display:none;}
			
		
		
		#myContent1{cursor:pointer;}
			.list{list-style:none;line-height:2em;padding-left:10px;}
				.list a{text-decoration:none;}
				.list a:visited{}
		
		#right{width:650px;margin-right:5px;float:left;}
	
	
		.imgLeft{width:auto;float:left;margin:0px 10px 10px 0;border:1px solid #c3c3c3;}
		
		.outline{border:1px solid #c3c3c3;padding:3px;}
		


	#footer{padding:10px 0px 10px 0px;border-top:1px solid #c4c4c4;width:100%;} 
		#footer td{vertical-align:top;}
		#footer a{text-decoration:none;margin:10px;}
		.copyright{font-size:11px;}




/*__________Forms Attributes__________*/	
.row       {margin-top:10px;font-size:.9em;;}
.row label {display:block;float:left;width:75px;text-align:right;padding-top:10px;padding-right:5px;}
.boldLabel {font-weight:bold;color:#15ADFF;}
.formField {width:170px;margin-top:10px;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;border:1px solid #aaa;}
button     {margin:0px 2px 0px 0px;border:1px solid #c3c3c3;background:#fff;color:#15adff;font-weight:bold;}
button:hover{background:#15adff;color:#fff;cursor:pointer;}
textarea   {height:100px;}
.ff{margin-top:15px;}

#moreInfo{}
#lessbtn{display:none;}

#AboutForm{display:none;}
#AboutForm .row{clear:both;}
#AboutForm .row label{}
#AboutForm .formField{float:left;}
#AboutForm .textarea {width:462px;}
.myButton{margin-left:80px;margin-bottom:10px;}
	
/* tool tip */
#easyTooltip{padding:5px 10px;border:1px solid #195fa4;background: url(../images/bg.gif) #195fa4 repeat-x;color:#fff;}
	



/* Solution Icons */
#solutionIcons {padding-top:5px;}
#solutionIcons img{margin-right:5px;}

/* Soocial Icons */
#socialIcons{}
#socialIcons a {display: block;width:47px;height:46px;text-indent:-9999px;margin:5px;overflow:hidden;float: right;background: url(../images/social-networking-sprite-adsgraphicsfirm.png);}
#socialIcons label{}
#socialIcons a#social-facebook{background-position:-47px -47px;}
#socialIcons a#social-facebook:hover{background-position:-47px -1px;}

#socialIcons a#social-twitter{background-position:0 -47px;}
#socialIcons a#social-twitter:hover{background-position:0 -1px;}

#socialIcons a#social-myspace{background-position:-96px -47px;}
#socialIcons a#social-myspace:hover{background-position:-96px -1px;}

#socialIcons a#social-googletalk{background-position:-143px -47px;}
#socialIcons a#social-googletalk:hover{background-position:-143px -1px;}



.clear {clear:both;height:0;line-height:0;}
.clearfix:after {content:".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display:inline-block;}
* html .clearfix {height:1%;}
.clearfix {display:block;}
.clearfix {height:1%;}
.clearfix {display:block;}
.tab {background:url(../images/tab_b.png) repeat-x 0 0;height:42px;position:relative;top:0;z-index:999;}
.tab ul.login {display:block;position:relative;float:right;clear:right;height:42px;width:auto;font-weight:bold;line-height:42px;margin:0;right:150px;color:white;font-size:70%;text-align:center;}
.tab ul.login li.left {background:url(../images/tab_l.png) no-repeat left 0;height:42px;width:30px;padding:0;margin:0;display:block;float:left;}
.tab ul.login li.right {background:url(../images/tab_r.png) no-repeat left 0;height:42px;width:30px;padding:0;margin:0;display:block;float:left;}
.tab ul.login li {text-align:left;padding:0 6px;display:block;float:left;height:42px;background:url(../images/tab_m.png) repeat-x 0 0;}
.tab ul.login li a {color:#15ADFF;text-decoration:none;}
.tab ul.login li a:hover {color:white;}
.tab .sep {color:#414141}
.tab a.open, .tab a.close {height:20px;line-height:20px !important;padding-left:30px !important;cursor:pointer;display:block;width:100px;position:relative;top:11px;}
.tab a.open {background:url(../images/bt_open.png) no-repeat left 0;}
.tab a.close {background:url(../images/bt_close.png) no-repeat left 0;}
.tab a:hover.open {background:url(../images/bt_open.png) no-repeat left -19px;}
.tab a:hover.close {background:url(../images/bt_close.png) no-repeat left -19px;}


/* Round Borders Cheat Sheet */
.round5  { -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
.round10 { -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }
.round15 { -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; }
.round20 { -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; }
.round25 { -moz-border-radius:25px; -webkit-border-radius:25px; border-radius:25px; }
.round30 { -moz-border-radius:30px; -webkit-border-radius:30px; border-radius:30px; }



/* Quick sand */
#wrapper {width: 900px;}
#site {}

.splitter {font-size: 14px; text-align:left;margin-left:0px;padding:5px 0 5px 10px;background: #f2f2f2;border:1px solid #ccc;-moz-border-radius: 7px;-webkit-border-radius: 7px;}
.splitter:after {content: "";display: block;height: 0;overflow: hidden;clear: both;}
.splitter ul {margin-right: 0;margin-top: 0;}
.splitter > li {padding-left: 0px;}
.splitter > li ul {margin-left: 7px;}
.splitter ul li a {border-bottom: 0;position: static;}
.splitter li,.splitter ul,.splitter ul li a  {display: inline;display: inline-block;line-height: 1;}
.splitter ul,.splitter ul li,.splitter ul li a {background-image: url("i/buttons.png");background-repeat: no-repeat;}
.splitter ul {background-position: 0 -138px;background-repeat: repeat-x;}
.splitter ul li {margin-left: 1px;}
.splitter ul li:first-child {margin-left: 0;}
.splitter ul li a {padding: 5px 2px 6px;color: #767687;text-shadow: rgba(255, 255, 255, 0.1) 0 1px 0;text-decoration: none;}
.splitter ul li.segment-0,.splitter ul li.segment-2 {background-position: -3px -92px;}
.splitter ul li.segment-1 {background-position: 0 -92px;}
.splitter ul li.segment-0 a,.splitter ul li.segment-1 a {background-position: 0 -161px;}
.splitter ul li.segment-2 a {background-position: 100% -115px;}
.splitter ul li.selected-0 a,.splitter ul li.selected-1 a,.splitter ul li.selected-2 a {color: #15ADFF;text-shadow: rgba(0, 0, 0, 0.25) 0 1px 0;}
.splitter ul li.selected-0,.splitter ul li.selected-2 {background-position: 0 -23px;}
.splitter ul li.selected-0 a,.splitter ul li.selected-1 a {background-position: 100% -46px;}
.splitter ul li.selected-1 {background-position: 0 0;}
.splitter ul li.selected-2 a {background-position: 100% -69px;}

.actions:after {content: "";display: block;height: 0;overflow: hidden;clear: both;}
.actions {margin-left: -40px;}
.actions-two {padding-left: 155px;}
.actions p {float: left;width: 260px;margin: 0 0 0 40px;}
.actions p a {color: #282b2e;display: block;font: bold 24px/1 "Helvetica Neue", sans-serif; background: url("i/actions.png") no-repeat;border-bottom: 0;min-height: 42px;padding-top: 24px;opacity: 0.5;text-decoration: none;-webkit-transition: opacity 0.25s ease-out;-moz-transition: opacity 0.25s ease-out;}
.actions p a strong {text-shadow: none;}
.actions p a:hover,.actions p a:focus {opacity: 0.9999;}
.actions p a.download {padding-left: 74px;}
.actions p a.demos-n-docs {background-position: -270px 0;padding-left: 60px;}
.actions p a.fork {background-position: -540px 0;padding-left: 76px;}
.actions p a.download > span {font-size: 13px;display: block;opacity: 0.25;font-variant: small-caps;text-transform: lowercase;}

.image-grid {margin: -20px 0 0 -40px;width: 900px; text-decoration:none; list-style-image:none; list-style-type:none;}
.image-grid:after {content: "";display: block;height: 0;overflow: hidden;clear: both;}
.image-grid li {text-decoration:none;-moz-box-shadow: 2px 2px 3px #AAAAAA;border: 1px solid #CCCCCC;color: #686F74;float: left;font-size: 14px;height: 180px;line-height: 17px;margin: 20px 8px 0;overflow: hidden;padding: 3px;text-transform: uppercase;width: 200px;}
.image-grid a{text-deocration:none;}
.image-grid li a:hover{}
.image-grid li img, .image-grid li strong {display: block;}
.image-grid li img{margin-bottom:5px;}
	.image-grid li img:hover{background:#282b2e;cursor:pointer;}
.image-grid li strong {color: #15ADFF;}

/* 
blue #15ADFF
gray #282b2e
gr 1d1f21
*/
.bg1{background:#f2f2f2;}
.learnmore{text-align:right;}
.learnmore a{color:#15ADFF;text-decoration:none;}
.learnmore a:hover{text-decoration:underline;}

/* Rounded Corners */
blockquote.about_testimonials {
	background: #5d6269;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	font-family: Georgia, Times, "Times New Roman", Serif;
	font-style: italic;
	margin: 20px 0;
	padding: 15px 15px 15px 88px;
}


/*========================= Case study ===========*/

/* Computer Layout and Content Controller */
.computer{background:url(../casestudy/images/computer_main.png) no-repeat top center;width:528px;height:313px;/*margin:10px auto;*/margin:0 0 0 -10px;}
	.computer .screenShot{height:215px;width:345px;position:relative;top:30px;left:90px;}

.computer2{background:url(../casestudy/images/computer_main2.png) no-repeat top center;width:470px;height:278px;margin:10px auto;}
	.computer2 .screenShot{height:218px;width:349px;overflow:hidden;position:relative;top:20px;left:61px;}


	
/* Parent Case Study */	
.caseStudy{width:690px;margin:0 auto;float:left;border-left:1px dotted #f2f2f2;padding-left:10px;}
.caseStudy h4{margin-bottom:-10px;}

	
	
/* List of services Left Panel */	
	.services{float:left;width:180px;margin:330px 10px 0 0;height:600px;}
		.services img{text-align:center;}
		.services button{background:#fff;border:1px solid #7dbcdd;color:#333;border-radius:5px;-moz-border-radius:5px;margin:5px auto;width:96px;}
			.services button:hover{background:#7dbcdd;color:#fff;cursor:pointer;}
		.services h1{font-size:18px;}
		.services ol{padding:0;margin:0;padding-left:15px;}
			.services ol li{list-style-type:none;font-size:.9em;line-height:1.6em;color:#6f6f6f;border-bottom:1px dotted #e9e9e9;padding:10px 0;}
				.services ol li a{display:block;color:#7dbcdd;font-size:.9em;text-decoration:none;}
				.services a:hover{text-decoration:underline;}
	
	
	
/* Client Feedback Left Panel */
		.clientFeedback{margin-top:40px;background:#f2f2f2;padding-top:10px;}
			.clientFeedback h2{margin-left:10px;}
			.clientFeedback p{color:#7dbcdd;font-size:1em;line-height:1.3em;font-style:italic;padding:0 10px;}
			.clientFeedback h4{padding:10px;font-size:.9em;font-weight:600;}
			.clientFeedback .sub{font-weight:normal;display:block;font-size:.8em;}


/* List of services below feature area */
	.columnHeader{width:30%;padding:5px;float:left;margin-right:10px;font-size:1.3em;color:#15ADFF;font-weight:bold;}

	.sBlock{width:31%;padding:0 5px;float:left;margin-right:5px;margin-top:3px;font-size:.9em;min-height:156px;}
	.sBlock h4{font-size:15px;margin:0px;padding:0;}
	.sBlock p{margin-top:5px;padding:0;}
		.sBlock a{color:#7dbcdd;text-decoration:none;text-align:right;}
		.sBlock .clink{font-size:.9em;float:right;}
		.sBlock a:hover{text-decoration:underline;cursor:pointer;}
	.iconImage{float:left;width:60px;margin:5px 5px 60px 0;}
.iconImageS{float:left;width:33px;margin:0 3px 0 0;}
.clearLi{clear:both;height:27px;line-height:1em;}
		
	
.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%;}
.nivo-caption {position:absolute;left:0px;bottom:0px;background:#000;color:#fff;opacity:0.8;width:100%;z-index:89;}
.nivo-caption p {padding:5px;margin:0;}
.nivo-caption a {display:inline !important;}
.nivo-html-caption {display:none;}



.nivo-directionNav a {position:absolute;top:45%;z-index:99;cursor:pointer;display:block;width:30px;height:30px;
						background:url(../casestudy/images/arrows.png) no-repeat;text-indent:-9999px;border:0;}

.nivo-prevNav {left:0px;}
.nivo-nextNav {right:0px;}

a.nivo-nextNav {background-position:-30px 0;right:15px;}
a.nivo-prevNav {left:15px;}


.nivo-controlNav a {position:relative;z-index:99;cursor:pointer;}
.nivo-controlNav a.active {font-weight:bold;opacity:1;}



#slider {position:relative;background:url(../images/ajax-loading.gif) no-repeat 50% 50%;}
#slider img{position:absolute;top:0;left:0;display:none;}
/*
.nivo-controlNav a {display:block;width:10px;height:10px;background:url(../casestudy/images/bullets.png) no-repeat;text-indent:-9999px;border:0;margin-right:3px;float:left;}
.nivo-controlNav a.active {background-position:-10px 0;}
*/
.nivo-controlNav{}
#backgroundForBanner{height:510px;margin-top:-38px;}
#homeBanner #slider {width:900px;text-align:center;margin-top:10px;}
#backgroundForBanner #homeBanner #slider .nivo-controlNav{position:absolute;top:450px;width:900px;}
#backgroundForBanner #homeBanner #slider .nivo-controlNav img{display:inline;position:relative;margin-right:30px;opacity:.5;}
#backgroundForBanner #homeBanner #slider .nivo-controlNav a.active img{opacity:1;}


/* Twitter */
.twtr-hd{margin-bottom:-60px;}
.twtr-profile-img-anchor{border:1px solid #f00;display:none;}
#twitterJoin{position:relative;margin-top:-33px;margin-bottom:30px;padding-left:10px;}

/* Drop Menu */
#navigationMenu{height:25px;font-family:Arial, Helvetica, sans-serif;font-size:12px;margin-top:30px;}
#navigationMenu li{display:inline-block;float:left;height:26px;list-style-type:none;overflow:hidden;width:91px;text-align:center;}
#navigationMenu li a, #navigationMenu li a:hover, #navigationMenu li a:visited{text-decoration:none;}
.normalMenu, .normalMenu:visited,.hoverMenu, .hoverMenu:visited,.selectedMenu,.selectedMenu:visited {outline:none;padding:5px 10px;display:block;font-size:14px;letter-spacing:1px;font-family:arial;}
.hoverMenu,.hoverMenu:visited,.selectedMenu,.selectedMenu:visited {padding-top:0px;margin-top:-36px;background:url(img/grey_bg.gif) repeat-x #eeeeee;background:#15ADFF;color:white;}
.selectedMenu,.selectedMenu:visited {margin:0;}
.normalMenu, .normalMenu:visited{background:url(img/dark_bg.gif) repeat-x #444444;background:#fff;color:#86878B;}
#measureit #measureit_back{background:none;}



/* FAQ */
#faq{padding:10px;}
	#faq h2{margin-bottom:20px;display:none;}
	#faq div{padding:5px;}
	#faq input{width:300px;}
.question{text-transform:capitalize;margin-top:10px;color:#999;font-size:1.2em;}
	.question:hover{background:#dfdfdf;color:#000;cursor:pointer;}
	.bg{background:#F2F2F2;}
.answer{margin-bottom:20px;display:none;}
#txtHint{border:1px dotted #e3e3e3;padding:5px;}
.asked{background:#EBEBEB;font-size:1.4em;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.ask{background:#F2F2F2;margin:0 10px;opacity:.3;border-bottom:1px solid #333;}
.ask:hover{opacity:.8;}
.hide{display:none;}

.rImage{float:right;}
.lImage{float:left;margin:0 10px 0 0;}