/* =========

1.0 UNIVERSAL RESETS
2.0 GENERIC CLASSES
3.0 GENERAL STRUCTURE
4.0 HEADINGS
5.0 BRANDING
6.0 LINKS
7.0 PARAGRAPHS
8.0 BLOCKQUOTES AND CITATIONS
9.0 FORMS
10.0 LISTS
11.0 TABLES
12.0 MISC PRESENTATION ELEMENTS
13.0 IMAGES
14.0 META
15.0 ACCESSIBILITY
16.0 PAGE SPECIFIC

Color Guide:
blue - #00A7E5
orange/yellow - #F9C21F
black - #1D1E21
dark gray - #333

Notes: 
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com


========= */

/* 0.0 FONT REPLACEMENT ------------------------------------------ */

@font-face {
font-family: GothamLight;
src: url("../font/Gotham-Light.eot"); /* EOT file for IE */
}
@font-face {
font-family: GothamLight;
src: url("../font/Gotham-Light.ttf"); /* TTF file for CSS3 browsers */
}



/* 1.0 UNIVERSAL RESETS ------------------------------------------ */

* 					{ margin:0; padding:0; } 
html				{ overflow-y:scroll;  }
html, body			{ height:100%; }
html, body, ul, img { padding: 0; margin: 0; border: 0; }
a 					{ outline: none; }
img 				{ border: none; }

/* Superscript reset to prevent line-height breaking */
sup 				{ vertical-align: 0; position: relative; bottom: 1ex; }

/*
2.0 GENERIC CLASSES
------------------------------------------
*/ /* Utility class to clear an element */
.clear 				{ clear: both; }
br.clear 			{ height: 0 !important; display: block; }
.clearfix:after 	{ content: "."; display: block; height: 0px; line-height: 0px; clear: both; visibility: hidden; }
.clearfix 			{ display: inline-block; }
/* Hide from IE Mac \*/
.clearfix 			{ display: block; }
/* End hide from IE Mac */
* html .clearfix 	{ height: 1px; }
.click				{ width:100%; height:100%; display:block; }
.click2				{ width:100%; height:100%; display:block; text-indent:-999em; }
table 				{ border-collapse: collapse; border-spacing: 0; }
.highlight			{ background-image:url(../img/highlight.png); background-repeat:repeat-x; height:5px; width:100%; }
.hide 				{ display: none; }
.leftshadow, .rightshadow
					{ height:100%; position:absolute; width:50px; background-repeat:repeat-y; z-index:99;  }
.leftshadow			{ background-image:url(../img/leftshadow.png); float:left; left:0; }
.rightshadow		{ background-image:url(../img/rightshadow.png); float:right; right:0;  }
body:before 		{ content:""; height:100%; float:left; width:0; margin-top:-32767px; }
.replaced 			{ text-indent: -1000em; overflow: hidden; background-repeat: no-repeat; }
.hidden 			{ visibility: hidden !important; }
.sysalert, .sysok, .syserror
					{ width:920px; padding:20px; font-family:GothamLight, Arial, sans-serif; font-size:20px; display:inline-block; }					
.sysalert			{ background-color:#bb4949; color:#1D1E21; }
.sysok				{ background-color:#00A7E5; color:#FFF; }
.syserror			{ background-color:#bb4949; color:#FFF; }
.error				{ color:#900; }
.label_error		{ color:#FFF;
					  display:block;
					  float:left;
					  font-family:Gotham Light,Arial,Helvetica,sans-serif;
					  font-size:14px;
					  margin:0;
					  padding:7px 10px 5px;
					  background-image:url(../img/errArrow.png);
					  background-position: 0 0;
					  background-repeat:no-repeat;
					  height:14px;
					  width:130px; }
.fright 			{ float: right; }
.fleft				{ float:left; }
:focus 				{ outline: 0; }
.trick				{ clear:both; display:inline-block; height:50px; width:100%; }

/*
3.0 GENERAL STRUCTURE
------------------------------------------
*/

body 				{ background-color: #FFFFFF; 
					  color: #1D1E21; 
					  font: 62.5%/1.3em Arial, sans-serif;
					  /*font-family:GothamLight, Arial, sans-serif; */ }

.structure			{ min-height:100%; }
					  
.primary			{ overflow:auto;
					  padding-bottom: 175px;  }
					  
body > .wrap	 	{ height: auto; min-height: 100%; }

.wrap  				{ width: 960px; 
					  margin: 0 auto;
					  position:relative; }
					  
.infiniteblack		{ background-color:#1D1E21;
					  width:100%;
					  clear:both;
					  color:#333;
					  display:inline-block;
					  height:350px;
					  font-family:Gotham Light, Arial, sans-serif;
					  margin:0 0 0px 0;  }
					  
.analytics .infiniteblack,
.services .infiniteblack,
#portfolio .infiniteblack,
.privacy .infiniteblack,
.terms .infiniteblack,
.contact .infiniteblack

					{ display:inline-block;
					  height:30px;
					  padding:2% 0;
					  margin:0 0 20px;  }

					  
.box				{ width:266px;
					  float:left;
					  display:inline-block;
					  padding: 10px 20px 0;
					  border-bottom:1px solid #e1e1e1;
					  line-height:normal;
/*					  background:-webkit-gradient(
								  linear,
								  left bottom,
								  left top,
								  color-stop(0.25, rgb(255,255,255)),
								  color-stop(1, rgb(239,239,239)));
					  background:-moz-linear-gradient(
								  center bottom,
								  rgb(255,255,255) 25%,
								  rgb(239,239,239) 100%
							  );
					  background-color:#efefef; */}
					  

.long				{ display:inline-block;
					  margin:10px 0 20px;
					  width:960px;
					  clear:both;  }
					  
.long:last-child	{ margin:10px 0 80px 0; }
					  
.amp				{ float:right;
					  width:630px;
					  text-align:justify;
					  color:#FFF;
					  font-size:13px;
					  display:inline-block;
					  line-height:normal;  }
					  
.amp2				{ float:right;
					  width:465px;
					  text-align:justify;
					  font-size:12px;
					  display:inline-block;
					  margin:20px 0 0 0;  }
					  
.Lcol				{ float:left;
					  width:300px;
					  display:inline-block;
					  margin:40px 30px 60px 0; }
					  
.Ccol				{ float:left;
					  width:300px;
					  display:inline-block;
					  margin:40px 20px 60px 0; }
					  
.Rcol				{ float:left;
					  width:300px;
					  display:inline-block;
					  margin:40px 0px 60px 0;  }
					  
.arr				{ background-image:url(../img/arr.png);
					  height:20px;
					  width:5px;
					  background-repeat:no-repeat;
					  padding:0 0 0 15px;
					  background-position:5px 1px;  }
					  
.ArHUGE				{ background-image:url(../img/ArHUGE.png);
					  width:1502px;
					  height:120px;
					  background-repeat:no-repeat;
					  float:left;
					  margin:0 0 0 -1025px; }
					  
	


/*
3.10 HEADER
------------------------------------------
*/	

.logo				{ background-image:url(../img/logo.png);
					  width:248px;
					  height:40px;
					  background-repeat:no-repeat;
					  float:left;
					  margin:45px 0 15px -4px; }
					  
.logoW				{ background-image:url(../img/logoW.png);
					  background-repeat:no-repeat;
					  width:251px;
					  height:50px;
					  float:left;
					  margin:40px 0 0 0;  }
					  
.palette			{ width:250px;
					  height:5px;
					  overflow:hidden;
					  clear:both;
					  background-color:#1D1E21; }
					  
.palette li			{ width:20%; 
					  height:100%;
					  float:left;
					  display:block; }
					  
.black				{ background-color:#1D1E21; color:#1D1E21; }
.blue				{ background-color:#00A7E5; color:#00A7E5; }
.orange				{ background-color:#F9C21F; color:#F9C21F; }
.grey				{ background-color:#333333; color:#333333; }
.white				{ background-color:#FFFFFF; color:#FFFFFF; }

.clientlogin		{ background-image:url(../img/clientlogin.png);
					  width:100px;
					  height:26px;
					  background-repeat:no-repeat;
					  clear:right;
					  float:right;  }
					  
.clientlogin:hover	{ background-image:url(../img/clientlogino.png); }

.header				{ height:100px;
					  clear:both;
					  margin:0; }

.wholeblack			{ background-color:#1D1E21;
					  width:100%;
					  height:105px;   }	

.mphd				{ background-image:url(../img/mphd.png);
					  width:545px;
					  height:22px;
					  background-repeat:no-repeat;
					  float:right;
					  margin:60px 0 0 0;   }
					  
/*
NAV
------------------------------------------
*/
					  
.navcontain			{ float:right;
					  margin:30px 0 0 0; /*33*/
					  clear:right; }	
					  
.navcontain li		{ float:left;
					  margin: 0 0 0 10px; }	
					  
.navcontain li a  	{ background-image:url(../img/navsp.png);
					  height:23px;
					  text-indent:-999em; }	

#home				{ background-position:0 0;
					  width:40px;  }
					  
#work				{ background-position:-40px 0px;
					  width:44px;  }
					  
#services			{ background-position:-84px 0px;
					  width:64px;  }
					  
#ourprocess			{ background-position:-148px 0px;
					  width:94px;  }
					  
#news				{ background-position:-242px 0px;
					  width:41px;  }
					  
#experience			{ background-position:-283px 0px;
					  width:84px;  }	
					  
#contact			{ background-position:-367px 0px;
					  width:68px;  }	
					    


/*
3.12 LOGIN
------------------------------------------
*/

.login				{ float:right; 
					  width:400px; 
					  display:inline-block; 
					  text-align:right; 
					  margin:30px 0 0 0; }

.header a:link, .header a:visited	
					{ text-decoration:none; 
					  color:#CCC; }
					  
.header a:hover, .header a:active
					{ text-decoration:none; 
					  color:#00A7E5; }

.forgot				{ font-size:10px; 
					  color:#666; 
					  display:inline-block; 
					  margin:12px 10px 0 0; }

.inputA				{ border:none; 
					  background-color:#FFF; 
					  padding:5px; 
					  color:#C1C1C1;
					  margin:5px 0 0 0; 
					  -moz-border-radius: 5px;
					  -khtml-border-radius: 5px;
					  -webkit-border-radius: 5px;
					  width:160px; }

.button				{ background-color:#00A7E5; 
					  color:#FFF;
					  border:none;
					  display:inline-block;
					  float:right;
					  margin:5px 0 0 5px; 
					  padding:5px;
					  -moz-border-radius: 5px;
					  -khtml-border-radius: 5px;
					  -webkit-border-radius: 5px;
					  cursor:pointer;
					  font-weight:bold; }

.button:hover		{ background-color:#000;
			  		  color:#FFF;
			 		  background-image:none; }

.inputA:focus 		{ background-image:none; 
					  background-color:#000; }

.inputB				{ background-color:#f9f9f9;
			 		  border:1px solid #C1C1C1;
					  float:left;
					  margin:0 3px 0 0; }
	
	



	
/*
3.9 FOOTER
------------------------------------------
*/

#footer				{ }
					  
.copyright			{ font-size:0.95em;
					  color:#AAA;
					  position:absolute;
					  bottom:0;   }

.wholefooter		{ background-image:url(../img/fbg.png);
					  background-repeat:repeat-x;
					  width:100%;
					  height:175px;
					  margin:-205px 0 0 0;
					  padding:30px 0 0 0;
					  clear:both;  }
					  
.Lsec				{ float:left;
					  display:inline-block;  }
					  
.Rsec				{ float:right;
					  display:inline-block;
					  height:170px;
					  width:300px;
					  background-image:url(../img/lsh.png);
					  background-position:left;
					  background-repeat:no-repeat;
					  padding:0 0 0 50px; 
					  position:relative;      }
					  
.fadd				{ background-image:url(../img/fadd2.png);
					  background-repeat:no-repeat;
					  height:95px;
					  width:240px;
					  text-indent:-999em;
					  margin: 0 0 0 -3px;   }

.si					{ margin:10px 0 10px -3px;   }
					  
.si li				{ float:left;
					  margin: 0 2px 0 0; }
					  
.si li a			{ text-indent:-999em;
					  background-image:url(../img/si.png);
				  	  height:24px; }

#facebook			{ width:24px;
 					  background-position:0px 0px; }
					  
#twitter			{ width:24px;
 					  background-position:-24px 0px; }
					  
#linkedin			{ width:24px;
 					  background-position:-48px 0px; }
					  
.footnav			{ float:left;
					  width:140px;
					  margin:0 10px 0 0;
					  font-size:11px;
					  letter-spacing:0.025em;  }
					  
.footnav li a		{ margin:0;
				   	  color:#999;
					  padding:3px 0 3px 5px; }
					  
.footnav li a:hover	{ background-color:#00A7E5;
      				  color:#FFF;
					  -moz-border-radius-topright:5px;
					  -webkit-border-top-right-radius:5px;
					  -moz-border-radius-bottomright:5px;
					  -webkit-border-bottom-right-radius:5px; }	
					  
.bcf				{ color:#333333;
					   }
					  



/*
4.0 HEADINGS
------------------------------------------
*/

h1, h2, h3, h4, h5	{ font-family:Gotham Light, Arial, sans-serif; }

.infiniteblack h1	{  }

.longH				{ margin:50px 0px 0 1190px;
					  font-weight:lighter;
					  font-size:20px;
					  padding:0 40px 0 0;
					  color:#00A7E5; }
					  
.termsHDR			{ background-image:url(../img/termsHDR.png);
					  width:270px;
					  height:27px; 
					  background-repeat:no-repeat;
					  text-indent:-999em;
					  float:left;
					  margin: 0 0 0 -1px; }


.privacyHDR			{ background-image:url(../img/privacyHDR.png);
					  width:189px;
					  height:27px;
					  background-repeat:no-repeat;
					  text-indent:-999em;
					  margin:0 0 0 -1px; 
					  float:left; }

.workHDR			{ /*background-image:url(../img/workHDR.png);
					  background-repeat:no-repeat;*/
					  color:#FFFFFF;
					  display:inline-block;
					  float:left;
					  font-size:30px;
					  font-weight:lighter;
					  line-height:normal;
					  width:auto; }
					  
.analyticsHDR		{ background-image:url(../img/analyticsHDR.png);
					  width:155px;
					  height:36px;
					  background-repeat:no-repeat;
					  text-indent:-999em;
					  float:left;	  }
					  
.ourprocessHDR		{ background-image:url(../img/ourprocessHDR.png);
					  width:1000px;
					  height:140px;
					  background-repeat:no-repeat;
					  text-indent:-999em;
					  margin:40px 0 0 -3px;  }
					  
.contactHDR			{ color:#333333;
					  font-size:22px;
					  margin:20px 0 0 20px;
					  font-weight:lighter; }
					  
.servicesHDR		{ background-image:url(../img/servicesHDR.png);
					  width:184px;
					  height:39px;
					  float:left;
					  text-indent:-999em;
					  background-repeat:no-repeat; }


/*
5.0 BRANDING
------------------------------------------
*/


/*
6.0 LINKS
------------------------------------------
*/

a:link, a:visited  	{ color: #00A7E5; text-decoration:none; }
a:hover, a:active 	{ color: #F36B22; text-decoration:none; }

/*
7.0 PARAGRAPHS
------------------------------------------
*/

p 					{ text-align:justify; 
					  padding: 0; 
					  line-height: 1.5em; }


/*
8.0 BLOCKQUOTES AND CITATIONS
------------------------------------------
*/


/*
9.0 FORMS
------------------------------------------
*/


/*
10.0 LISTS
------------------------------------------
*/
ul 					{ list-style-image: none; 
					  list-style-position: outside; 
					  list-style-type: none; }


/*
11.0 TABLES
------------------------------------------
*/


/*
12.0 MISC PRESENTATION ELEMENTS
------------------------------------------
*/

#ss					{ position:absolute;
					  left:-99999999px;
					  z-index:-99; }

#subhd, #subhd1				
					{ background-color:#EFEFEF;
					  clear:both;
					  display:inline-block;
					  margin:10px 0 10px -20px;
					  padding:20px;
					  width:960px;
					  color:#1D1E21;  }

.privacy h3,
.terms h3			{ font-size:19px;
					  font-weight:lighter;
					  display:inline-block;
					  margin:20px 0 5px;
					  color:#00A7E5; }

.privacy p,
.terms p			{ margin:10px 0;
					  font-size:11px; }
					  
.privacy p:first-child,
.terms p:first-child			
					{ margin: 10px 0 0 0; } 

.privacy p:last-child,
.terms p:last-child		
					{ margin: 10px 0 60px 0; }
					
					
					
/* SERVICE SQUARES 
------------------------------------------*/				

.subsvclist			{ width:100%;
					  padding:20px 0;
					  border-bottom:1px solid #efefef;
					  border-top:1px solid #efefef;
					  clear:both;
					  display:inline-block;
					  margin: 0 0 20px 0;
					  font-family:Arial, Helvetica, sans-serif;
					  font-size:14px; }
					  
.list				{ line-height:200%;
					  list-style:inside;
					  float:left;
					  width:320px; }		 
					  
#list1				{  }

#list2				{  }

#list3				{  } 

		


#square1, 
#square2, 
#square3, 
#square4	
					{ height:150px;
					  width:465px;
					  display:inline-block;  }			
								
#square1, 
#square3			{ float:left; }

#square2, 
#square4			{ float:right; }

#square1,
#square2			{ margin:20px 0 0 0; }

#square1 p, 
#square2 p, 
#square3 p,
#square4 p
					{ font-size:11px;
					  margin:10px 0 0 0; } 
					  
#square1 img, 
#square2 img,
#square3 img,
#square4 img		
					{ float:left;
					  width:150px;
					  height:80px; }
					  
#square1 h3, 
#square2 h3,
#square3 h3,
#square4 h3			
					{ font-weight:lighter;
					  font-size:16px;
					  display:block; }
					  
#content1, 
#content2,
#content3,
#content4			
					{ float:right;
					  width:300px; }
					  
					  
					  
					  


/*
13.0 IMAGES
------------------------------------------
*/


/*
14.0 META
------------------------------------------
*/


/*
15.0 ACCESSIBILITY
------------------------------------------
*/

.cform				{ margin:40px 0 0 0;
					  float:left;
					  width:530px; }


/*
16.1 ANALYTICS
------------------------------------------
*/



.analytics .amp		{ margin:-10px 0 0 0; }		  
				  
#afeat				{  }

#afeat h2			{ display:inline-block;
					  margin: 0 0 5px 0;
					  color:#00A7E5;
					  font-weight:lighter;
					  padding:0 0 10px;
					  width:100%;
					  border-bottom:1px solid #1D1E21;
					  font-size:24px;  }

#afeat h3			{ display:inline-block;
					  margin: 0 0 5px 0;
					  font-weight:lighter;
					  font-size:13px;  }

#afeat li			{ margin:10px 0;
					  display:inline-block;
					  width:280px;
					  height:auto; }
					  
#afeat li p			{ text-align:justify;
					  margin:5px 0;
					  line-height:normal;
					  color:#999999;
					  font-size:12px;  }
					  
.ashs				{ width:960px;
					  display:inline-block;
					  clear:both;
					  margin:20px 0; }
					 
.ash				{ height:84px;
					  width:149px;
					  background-repeat:no-repeat;
					  display:inline-block;
					  float:left;
					  border:1px solid #efefef; 
					  background-position:center;
					  margin:0 118px 0 0; }		
					  
#ashs1				{ background-image:url(../img/ashs1.jpg);
					   }
					  
#ashs2				{ background-image:url(../img/ashs2.jpg);
					   }

#ashs3				{ background-image:url(../img/ashs3.jpg);
					   }
					  
#ashs4				{ background-image:url(../img/ashs4.jpg);
					  margin:0px; }

/*
16.1 OUR PROCESS
------------------------------------------
*/

#discoverBOX, 
#planBOX, 
#inventBOX, 
#buildBOX,
#deployBOX,
#manageBOX			{ width:300px;
					  padding:0; 
					  display:inline-block;
					  background-repeat:no-repeat;
					  background:transparent;
					  border:none;  } 


					  
#discoverBOX		{ /* background-image:url(img/discoverBOX.png);*/
					  margin:40px 20px 40px 0; }
					  
#planBOX			{ /*background-image:url(img/planBOX.png);*/	
					  margin:40px 20px 40px 0; }
					  
#inventBOX			{ /* background-image:url(img/inventBOX.png);*/
					  margin:40px 0px 40px 0;  }
					  
#buildBOX			{/* background-image:url(img/buildBOX.png);*/
					  margin:10px 20px 40px 0; }
					  
#deployBOX			{/* background-image:url(img/deployBOX.png);*/
					  margin:10px 20px 40px 0; }
					  
#manageBOX			{ /*background-image:url(img/manageBOX.png);*/
					  margin:10px 0 20px 0;  }
					  

/*
16.1 WORK
------------------------------------------
*/


body#portfolio .col { float: left; width: 225px; padding: 0 20px 20px 0; display: block; }

body#portfolio .col.last 
					{ padding-right: 0px; }
					
.portfolioImg		{ border:2px solid #FFF;
					  display:inline-block; }
					  
.portfolioImg:hover	{ border:2px solid #1d1e21; }

.portblock 			{ margin:0px 0 205px 0;
					  display:inline-block;
					  padding:40px 0;
					  clear:both; }

/*
16.1 HOME
------------------------------------------
*/

.Htestimonial		{ width:920px;
				      display:inline-block;
					  background-color:#efefef;
					  margin:0px 0 60px 0;
					  padding:20px;
					  font-weight:lighter;
					  background-image:url(../img/quoteA.jpg);
					  background-repeat:no-repeat;
					  background-position:20px 0;
					  -webkit-border-radius: 10px;
					  -moz-border-radius: 10px;
					  -o-border-radius: 10px;  }

.Htestimonial p		{ float:left;
					  width:550px;
					  font-size:14px;
					  margin:20px 0 0 65px; }

.Htestimonial img	{ float:right;
					  height:105px;
					  margin:0 12px 0 0;
					  border:5px solid #FFF;  }
					  
.name				{ float:left;
					  margin:10px 0 0 423px;
					  clear:left;
					  font-size:12px;
					  display:inline-block;
					   }


					  
#stratBOX			{ /*background-image:url(img/stratBOX.png);*/
					  background-repeat:no-repeat;
					/*  text-indent:-999em;*/
					  margin:40px 20px 40px 0;  }
					  
#desBOX				{ /*background-image:url(img/desBOX.png);*/
					  background-repeat:no-repeat;
	
					  margin:40px 20px 40px 0;  } 
					  
#BOX3				{ width:306px;
					  height:125px;
					  margin:40px 0;  }
					  
#possBOX			{ /*  background-image:url(img/possBOX.png);*/
				      /*  background-repeat:no-repeat;*/
					  /*  text-indent:-999em;*/
					  margin:40px 0px 40px 0;  } 

.boxh2				{ color:#00A7E5;
					  font-size:28px;
					  float:left;
					  font-weight:lighter;
					  margin:5px 0 0;
					  line-height:normal;
					    }
					  
.boxtxt				{ clear:both;
					  font-size:11px;
					  color:#333;
					  text-align:justify;
					  margin:7px 0 0 0;
					  display:inline-block;
					  line-height:145%;
					  height:60px;
					  letter-spacing:0.02em; }
					  
.learnmoreBTN		{ background-image:url(../img/learnmoreBTN.png);
					  background-repeat:no-repeat;
					  width:80px;
					  height:11px;
					  text-indent:-999em;
					  height:10px;
					  margin:10px 0;
					  float:right;
					  display:inline-block;
					  line-height:normal; }

	
/*
16.1.9 HOME SLIDER
------------------------------------------
*/

.spl				{ background-image:url(../img/simple2.jpg);
					  height:350px;
					  background-repeat:no-repeat;
					  background-position:center top; }

.simple				{ text-indent:-999em;
				      background-image:url(../img/simple.jpg);
					  width:983px;
					  height:350px;
					  background-repeat:no-repeat;
					  margin: 0; }

				  
.SLmygrotel			{ background-image:url(../img/SLmygr.png);
					  width:1175px;
					  height:350px; /*273*/
					  background-repeat:no-repeat;
					  margin:-20px 0 -53px -100px; }
					  
.SLsri				{ background-image:url(../img/SLsri.png);
					  width:988px;
					  height:350px;
					  background-repeat:no-repeat;
					  margin:-21px 0 -90px -22px;  } 
					  
#getstarted			{ background-image:url(../img/getstarted.png);
					  width:183px;
					  height:75px;
					  background-repeat:no-repeat;
					  display:block;
					  text-indent:-999em;
					  margin:245px 0 0 -13px; }
					  
#getstarted:hover	{ background-image:url(../img/getstarted2.png); } 



/*
16.1.9 HOME SLIDER
------------------------------------------
*/

.showcase			{ width:960px;
					  height:280px; }
					  
.showbox			{ float:left;
					  width:300px;
					  overflow:hidden;
					  margin: 0 30px 0 0; }
					  
.showbox h1			{ font-size:20px;
					  color:#F1F1F1;
					  font-weight:100;
					  margin:10px 0;
					  text-transform:uppercase;
					  font-family:'Helvetica Neue', 'Josefin Sans Std Light', helvetica, inherit }
					  
.showbox p			{ color:#888;
					  text-shadow: 0px 1px 1px #000; }
					  
.showlinks			{ float:right; }
					  
.imgcontainer		{ width:300px;
					  height:150px;
					  overflow:hidden;
					  position:relative;
					  border-bottom:3px double; }
					  
.imgcontainer .rightshadow
					{ width:24px; }
					
.imgcontainer .leftshadow
					{ margin-left:-10px; }

.last				{ margin:0; }
					  
.showbox img		{ width:300px;  }

#main_image			{ margin:0 0 20px 0; 
					  height:300px;
					  width:960px;
					  overflow:hidden;
					  text-align:center;
					  background-color:#000; }					  

.galleria 			{ }

.gallery_demo		{ width:960px; margin:0 auto;}

.gallery_demo li	{ width:70px;
					  height:35px;
					  border:3px double #111;
					  margin: 0 2px;
					  background:#1D1E21; }

.galleria li		{ display:block;
					  width:80px;
					  overflow:hidden;
					  float:left;
					  margin:0 10px 10px 0; }
					  
.galleria li:last-child, .last					
					{ margin:0; }



.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div  img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */

	.caption{font-style:italic;color:#887;}
	
	
	.gallery_demo li div{left:240px}
	.gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}
	
	
	#main_image img{margin-bottom:10px;}
	
	.nav{padding-top:15px;clear:both;font:80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}
	
	.info{text-align:left;width:700px;margin:30px auto;border-top:1px dotted #221;padding-top:30px;}
	.info p{margin-top:1.6em;}

#slider {
    width: 960px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	position:relative;
}

.scroll {
	overflow: hidden;
    margin: 0 auto;
    position: relative;
}

.scrollContainer {
	position: relative;
}

.scrollContainer div.panel {
    padding: 10px;
    width: 274px;
	height: 318px;
}

#left-shadow {
	position: absolute;
	top: 0;
	left: 0;
	width: 12px;
	bottom: 0;

}

#right-shadow {
	position: absolute;
	top: 0;
	right: 0;
	width: 12px;
	bottom: 0;
	background: url(../img/rightshadow.png) repeat-y;
}

.inside {
	padding: 10px;
}

.inside img {
	display: block;
	border: 1px solid #666;
	margin: 0 0 10px 0;
	width: 350px;
	overflow:hidden;
}

.inside h2 {
	font-weight: normal;
	color: #111;
	font-size: 16px;
	margin: 0 0 8px 0;
}

.inside p {
	color: #ccc;
}


.scrollButtons {
    position: absolute;
    top: 127px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -45px;
}

.scrollButtons.right {
    right: -45px;
}


/*
16.3 PROCESS
------------------------------------------
*/

body#process		{ background-color:#FFFFFF; }

.processcontent		{ margin:20px 0; }

.processvisual		{ width:465px; 
					  display:inline-block; 
					  float:right; }

.cirq				{ height:182px; 
					  width:182px; 
					  float:left; 
					  margin:0 0 0 -27px;
					  filter:alpha(opacity=80);
					  -moz-opacity:0.8;
				  	  -khtml-opacity: 0.8;
					  opacity: 0.8; }
					  
.creativity			{ background-image:url(../img/cirqcreativity.png); 
					  z-index:9; }
					  
.strategy			{ background-image:url(../img/cirqstrategy.png); 
					  z-index:8; }
					  
.technology			{ background-image:url(../img/cirqtechnology.png); 
					  z-index:7; }
					  
					  
/*
16.4 CONTACT
------------------------------------------
*/

.bldg				{ margin:0;
					  background-image:url(../img/bldg.jpg);
					  background-repeat:no-repeat;
					  width:320px;
					  height:162px;
					 }

.f1					{ width:270px; }
.f1A				{ width:270px; padding:5px; }
.f2					{ width:100px; }
.f3					{ width:50px;  }


.phone				{ font-size:16px;
					  margin:0 0 5px; }

.address			{ margin:20px; }
		


.contactinfo		{ background-color:#F9F9F9;
					  display:inline-block;
					  float:right;
					  height:500px;
					  margin:20px 0 50px 0;
					  width:320px;
					  font-size:11px;
					  line-height:150%;  }
					  
.contactinfo p		{ text-align:justify;
					  margin:20px;
					  font-size:12px; }
					  
.contactinfo h2		{ margin:0;
					  font-size:18px;
					  margin: 0 0 20px 0;
					  font-weight:lighter; 
					  padding:10px 0 10px 20px;
					  background-color:#efefef; }
					  
fieldset			{ padding: 25px;
 			 		  border: solid 1px #CCCCCC;
  			  		  margin: 0px 0px 10px 0px; }

legend				{ color:#000;
			          font-size:10px ;
  			 		  font-weight:bold;
 			 		  padding: 0px 5px 0px 5px; }

hr, .nodisp, div#hideshow 
					{ display: none; }

div.field_row 
					{ padding: 10px 0px; 
 			          margin: 0px 0px 5px 0px; }

div.field_row .label 
					{ float: left;
					  margin-top: 6px;
					  width: 150px; 
					  color: #000;
					  display: block;
					  font-size:14px;
					  font-family:Gotham Light, Arial, Helvetica, sans-serif; }

div.field_row input { padding: 5px;
  				    /*float: left;*/ }

div.field_row input.large_error 
					{/*float: left;*/
  					  padding: 3px;
 					  background-color: #ffb8b8; }
					  
div.field_row_noline 
					{ padding: 15px 0px 15px 0px; 
 					  margin: 0px 0px 5px 35px; }

div.field_row_noline .label 
					{ float: left;
					  margin-top: 3px;
					  width: 150px;
					  font-size: 8px;  
					  font-weight: bold; 
					  color: #333;
					  display: block; }

div.field_row_noline input 
					{ padding: 3px;
  					 /*float: left;*/ }

div.field_row_noline input.large_error 
					{ padding: 3px;
 					  background-color: #ffb8b8; }

.fieldnote			{ margin-top: 5px;
					  font-family: Verdana, Arial, Helvetica, sans-serif;
					  font-size: 9px;
					  font-weight: normal;
					  color: #999999;
					  float:left; }
					  
.fieldnote_error	{ margin-top: 5px;
					  font-family: Verdana, Arial, Helvetica, sans-serif;
					  font-size: 9px;
					  font-weight: normal;
					  color: #900;
					  float:left; }
					  

fieldset.button_row_container
					{ margin-bottom: 40px;
 					  border:none;
					  width:405px; }

fieldset .button_row
					{ text-align: right; }		
					
					
					
#topnav 					{ float:right; }

#topnav a.signin 			{ background-image:url(../img/login.png);
							  width:73px;
							  height:19px;
							  background-repeat:no-repeat;
							  text-indent:-999em;
							  display:block;
							  background-position:0 0;
							  margin:0px 0 5px 0;  }

#topnav a.signin:hover 		{ background-position:0;
							  background-image:;
							  background-repeat:no-repeat; }


a.signin {
	position:relative;
	margin-left:3px;
}
a.signin span {
	background-image:url("../img/toggle_down_light.png");
	background-repeat:no-repeat;
	background-position:100% 50%;
	padding:4px 16px 6px 0;
}

#topnav a.menu-open 		{ background-position:bottom;	}

#small_signup {
	display:inline;
	float:none;
	line-height:23px;
	margin:25px 0 0;
	width:170px;
}
a.signin.menu-open span {
	background-image:url("../img/toggle_up_dark.png");
	color:#789;
}

#signin_menu {
	-moz-border-radius-topleft:5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	display:none;
	background-color:#efefef;
	position:absolute;
	width:214px;
	z-index:100;
	border:1px transparent;
	text-align:left;
	padding:12px;
	top: 13.5px; 
	right: 0px; 
	margin-top:5px;
	margin-right: 0px;
	*margin-right: -1px;
	color:#789;
	font-size:11px;
}

#signin_menu input[type=text], #signin_menu input[type=password] {
	display:block;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	font-size:13px;
	margin:0 0 5px;
	padding:5px;
	width:203px;
}
#signin_menu p {
	margin:0;
}
#signin_menu a {
	color:#6AC;
}
#signin_menu label {
	font-weight:normal;
}
#signin_menu p.remember {
	padding:10px 0;
}
#signin_menu p.forgot, #signin_menu p.complete {
	clear:both;
	margin:5px 0;
}
#signin_menu p a {
	color:#27B!important;
}
#signin_submit {
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	background:#00A7E5;
	border:none;
	color:#fff;
	text-shadow:0 -1px 0 #39d;
	padding:5px 10px 6px;
	font-size:11px;
	margin:0 5px 0 0;
	font-weight:bold;
}
#signin_submit::-moz-focus-inner {
padding:0;
border:0;
}
#signin_submit:hover, #signin_submit:focus {
	background-position:0 -5px;
	cursor:pointer;
	background-color:#1D1E21;
}



	
/*
16.5 SPECIAL
------------------------------------------
*/		

#specialpage			{}

#webbar					{ width:100%;
						  background-repeat:repeat-x;
						  background-image:url(../img/webbar.jpg);
						  height:81px;
						  margin:0 0 60px 0;
						  background-position:center; } 

#special				{ background-image:url("../img/special.png");
						  background-position:center -50px;
						  background-repeat:no-repeat;
						  height:280px;
						  margin:0 ; }
						  
#special #getstarted	{ background-image:url("../img/getstartedbutton.png");
						  height:61px;
						  position:absolute;
						  right:60px;
						  top:-57px;
						  width:177px; }  
						  
#special #getstarted:hover
						{ background-position:bottom;  }

#special #expire		{ color:#00A7E5;
						  font-size:20px;
						  left:-1px;
						  position:absolute;
						  top:215px; }

#featlist				{ float:right;
						  border-left:1px solid #efefef;
						  padding:0 0 0 25px;
						  width:295px;
						  margin:0 0 150px 50px; }

#featlist li			{ background-image:url(../img/GreyCheck.png);
						  background-repeat:no-repeat;
						  padding:9px 0 7px 25px;
						  margin: 0 0 0 20px;
						  font-size:11px;
						  background-position:left center; }

#theskinnyHDR			{ font-size:36px;
						  margin:0 0 20px; }

#featuresHDR			{ margin:0 0 20px;
						  font-size:24px;  }
						  
#theskinny				{ font-size:12px; } 

#theskinny p			{ margin:0 0 20px 20px; }




#individual				{ display:inline-block; }

#individual img			{ float:left;
						  margin:0 20px 20px; }
						  
#individual #guy		{ border-bottom:1px solid #EFEFEF;
						  border-top:1px solid #EFEFEF;
						  display:inline-block;
						  float:right;
						  font-size:12px;
						  line-height:170%;
						  padding:10px 0;
						  width:250px;
						  height:128px; }

#interestedHDR			{ color:#00A7E5;
						  font-size:30px;
						  display:block;
						  margin:10px 0 20px;   }


.disclaimer				{ display:block;
						  margin:20px 0 100px 0;
						  color:#747474; }