/* ----------

Conceptuous Main Stylesheet
Author: Lance
Notes: View in CSSEdit for awesomeness.

------------*/

/* @group General */
/* for general elements*/


/* @group Reset */

/* Taken from Mr. Eric Meyer // v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* @end Reset*/


/* @group Grid */

.container_12{
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

.grid_4,
.grid_8,
.grid_12{ 
	float: left;
	display: inline;
	margin-left: 5px;
	margin-right: 5px;	
}

.container_12 .grid_4{ 
	width: 300px;
}

.container_12 .grid_8{
	width: 610px;
}

.container_12 .grid_12{
	width: 920px;
}


/* @end Grid*/


/* @group Body Styles */

body{	
	font-family: Arial, sans-serif; 
	color: #333; 
	font-size: 10px;
	line-height: 1;	
	background: #fff; 
	
	/* Please choose a font family below, a combination of serif and sans-serif are always awesome. */
	
	/*== SERIF FONT STACK == */
	
	/* Garamond (23.84% on Mac, 86.24% on Windows)*/
	/*font-family: "Garamond, Baskerville, 'Baskerville Old Face', 'Hoefler Text', 'Times New Roman', serif";*/ 
	
	/* Big Caslon (85.10% on Mac) */
	/*font-family: "'Big Caslon', 'Book Antiqua', 'Palatino Linotype', Georgia, serif";*/ 
	
	/* Palatino (79.71% on Mac, 98.04% on Windows) */
	/*font-family: "Palatino, 'Palatino Linotype', 'Palatino LT STD', 'Book Antiqua', Georgia, serif";*/
	
	
	/*== SANS-SERIF FONT STACK == */

	/* Helvetica Neue (94.74% on Mac) */
	/*font-family: 'Myriad Pro', 'Helvetica Neue', Helvetica,Arial, sans-serif;*/
	font-family: Helvetica,Arial, sans-serif;
	
	/* Lucida Grande (99.13% on Mac, 98.25% on Windows) */
	/*font-family: "'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Geneva, Verdana, sans-serif";*/
	
	/* Futura (91.01% on Mac) */
	/*font-family: "Futura, 'Trebuchet MS', Arial, sans-serif";*/	
	
}

/* @end Body Styles*/


/*@group Links*/

a:link{	
	text-decoration: none;	
	color: #003366;
}

a:active{	}

a:visited{	
	text-decoration: none; 
	color: #0f3b66; 
}

a:hover{ 
	text-decoration: underline;	
	color: #01478c;
}

/* @end Links*/


/*@group Headings*/

h1,h2,h3,h4,h5,h6,
.h1, .h2, .h3, .h4, .h5, .h6{ 
	font-weight:normal; 	
	color: #00384c;
	font-family: Georgia;
}

h1{	font-size: 36px; }

h2{ font-size: 32px;}
	
h3, .h3{ font-size: 30px; }

h4, .h4{ font-size: 24px; color: #000; }

h5, .h5{ font-size: 18px; }

h6, .h6{ 
	font-size: 11px;
	text-transform: uppercase; 
	font-weight: bold; 
	letter-spacing:0.1em;
}

/* @end Headings*/



/* @group Tables */

table{ margin: 0; }

/* @end Tables*/


/* @group Lists */

ol{
	list-style-type: decimal;
}

ul, ol {
	margin:0 1.7em 1.5em;
}

ul li, ol li{ 
	font-size: 12px; 
	margin: .5em 0 .7em; 
	line-height: 1.5em;
}

li p, dt p, dd p{ margin: 0; }

li ul, li ol {	margin:0 1.7em; }

dl{	margin:0 0 1.7em;}

dl dd{	margin-left:1.7em;}

dl dt{	font-weight: bold;}

ul ul, ol ol, ol ul, ul ol { margin-bottom: 0;}

/* @end Lists*/


/* @group Forms */

form{
	margin: 0px;
}

form .item{ margin: 10px 0;}

form .short{ width: 288px;}


form .textBox{ 
	line-height: 1;
}

form .textArea{ 
	line-height: 1.5em;
}


form .textBox,
form .textArea{ 
	border: 1px solid #c1c1b9;
	font-size: 12px;
	padding: 7px 5px;
	color: #727373;
	background: #fafaf2 url(../images/formFieldBG.gif) no-repeat top left;
	font-family: Helvetica, Arial, sans-serif;
	margin: 0;
}

form .textBox:focus,
form .textArea:focus{ 
	color: #333;
}

.button{ 
	padding: 0;
	border: 0;
	margin: 0;
	-moz-inner-focus: none;
	cursor: pointer;
	background: none;
}

button::-moz-focus-inner { 
    border: 0;
    padding: 0;
}

/* @end Forms */

/*@group Other Elements & Tags*/

p, dt{
	line-height: 1.5em;
	font-size: 12px;	
}

p{	margin: 10px 0 15px;}

del{ color: #888;}

em, dfn, .em {	font-style: italic;	}

dfn{ font-weight: bold; }

label{
	font-size: 12px;
	font-weight: bold;
	margin: 5px 0 10px;
}

strong, .strong{ font-weight: bold;}

address{
	font-style: normal;
	font-size: 12px;
	line-height: 1.5em;
}

/* @end group Other Elements & Tags */


/* @end General*/

/*@group Helpers */
/*constant items usually in one class*/

/* @group Image Thumbs */
.thumbLeft{ margin: 0px 0px 10px 10px; float: right;}
.thumbRight{ margin: 0px 10px 10px 0px; float: left;}
/* @end */

/* @group Disc List */
.disc{	list-style-type: disc;	}
.disc li{ list-style-position: outside; list-style-image: url(../images/bullet.gif);}
/* @end Disc List */

/* @group Notices & Status */

/* @group Base */
.error, .notice, .success{
	border:1px solid #dfdfdf;
	margin-bottom:10px;
	padding:7px;
	font-weight: bold;
}

.error .hasIcon, .notice .hasIcon, .success .hasIcon{
	padding: 1px 0 0 25px;
}

.notice p, .error p, .success p{
	margin: 0;
}
/* @end Base*/

/* @group Frames */
.error{
	border-color: #ecbbc1;
	background-color: #ffe2e6;	
}

.success{
	border-color: #b4e0a3;
	background-color: #e8fde0;
}

.notice{
	border-color: #ebe692;
	background-color: #ffffef;
	color: #333;
}
/* @end Frames*/

/* @group Textcolor */
.error, .negative{
	color: #943232;
}

.success, .positive{
	color: #34a93c;	
}
/* @end TextColor */

/* @end Notices & Status*/

/* @group List Actions */

.actions{ margin: 10px 0 0;}

.actions a{
	font-size: 11px;
	margin: 0 20px;
}

.actions .alpha{ margin-left: 0px;}
.actions .omega{ margin-right: 0px;}

/* @end List Actions*/

/* @group Buttons */
	
.button{ margin: 0; }

/* @end Buttons */

/* @group Borders */

/* @group Base */

.border-none{ border: none; }
.border{ border: 1px solid #dfdfdf;	}
.borderTop	{	border-top: 1px solid #cdcec8;}
.borderBottom{ 	border-bottom: 1px solid #cdcec8;}
.borderLeft{	border-left: 1px solid #cdcec8;}
.borderRight{	border-right: 1px solid #cdcec8;}

/* @end Base*/

/* @group Doubles */

.duoBorder{ 	  border: 4px double #cdcec8;}
.duoBorderTop{    border-top: 4px double #cdcec8; }
.duoBorderBottom{ border-bottom: 4px double #cdcec8;}

/* @end Doubles */

/* @group Dashed */

.dashedBorder{ 		 border: 1px dashed #cdcec8;}
.dashedBorderTop{ 	 border-top:  1px dashed #cdcec8; }
.dashedBorderBottom{ border-bottom:  1px dashed #cdcec8;}

/* @end Dashed */

/* @group Dotted */

.dottedBorder{ 		 border: 1px dotted #cdcec8;}
.dottedBorderTop{ 	 border-top:  1px dotted #cdcec8; }
.dottedBorderBottom{ border-bottom:  1px dotted #cdcec8;}

/* @end Dotted */

/* @group Dark */

.borderTopDark{ 	border-top: 1px solid #bfbfbf;}
.borderBottomDark{  border-bottom: 1px solid #bfbfbf; }
.borderLeftDark{	border-left: 1px solid #bfbfbf; }
.borderRightDark{	border-right: 1px solid #bfbfbf;}

/* @end Dark */

/* @group Rounded */

.roundedBig{
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.roundedBigTop{
	-moz-border-radius-topleft: 10px; 
	-moz-border-radius-topright: 20px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.roundedBigBottom{
	-moz-border-radius-bottomleft: 10px; 
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;	
}

.roundedSmall{
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
	border-radius: 3px;	
}

.roundedSmallTop{
	-moz-border-radius-topleft: 3px; 
	-moz-border-radius-topright: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;	
}

/* @end */

/* @end Borders*/


/* @group Order */

/* @group Horizontal */
.horizItem{ margin: 0 10px;}
.horizItem .alpha,
.alpha{ margin-left: 0px;}

.horizItem .omega,
.omega{ margin-right: 0px;}
/* @end Horizontal */

/* @group Vertical */
.vertiItem { margin: 10px 0;}
.vertiItem .alpha{ margin-top: 0;}
.vertiItem .omega{ margin-bottom: 0;}
/* @end Vertical */

/* @end Order */

/* @group Text */

.textCenter { text-align: center;}
.textLeft {	text-align: left; }
.textRight { text-align: right;}

/* @end Text*/


/* @group Alignment & Positioning */

.alignNone{ float: none; }
.alignCenter{ margin: 0 auto;}
.alignRight { float: right;}
.alignLeft { float: left }

.vAlignTop{	vertical-align: top; }
.vAlignBottom{ vertical-align: bottom; }
.vAlignMiddle{	vertical-align: middle;	}
.vAlignTextBottom{ vertical-align: text-bottom;}

/* @end Alignment & Positioning */


/* @group Clearing & Displaying*/

.clearFix:after{ 
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clear{	overflow: hidden;}
.clearVisible{ overflow: visible;}
.clearBoth{	clear: both;}
.clearAuto{	overflow: auto;}
.hidden { display: none;}
.setBlock{ display: block;}

	
/* @end Clearing & Displaying */


/* @end Helpers*/
/* @group Structure */
/*page furnitures/blocks*/

/* @group Base */

body{ background: #fafaf2 url(../images/backgroundBG.gif) repeat-x 0px 0px;}

#mast .grid_12, #content .grid_12, #foot .grid_12{ background-color: #fff; padding: 20px;}
#mast { margin-top: 20px;}
#mast .grid_12{ 
	padding: 35px 20px 7px; 
	border: 5px solid #eff2eb;
	border-bottom: none;
	background-color: #fff;
	position: relative;
	-moz-border-radius-topLeft: 6px;
	-moz-border-radius-topRight: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

#clientFeat{ background: #002e3f url(../images/backgroundBG.png) no-repeat center top;}
#clientFeat .container_12{ height: 230px; width: 950px;}
#clientFeat .grid_12{ 
	background: #00384c url(../images/backgroundBG.png) no-repeat center top;
	padding:15px 20px 10px;
	height:205px;
}

.featStrip{ background: #002e3f url(../images/backgroundBG.png) no-repeat center top; color: #f0f0f0;}
.featStrip h3{ color: #fff;}
.featStrip p{ font-size: 15px;}
.featStrip .container_12{ width: 950px;}
.featStrip .grid_12{ 
	background: #00384c url(../images/backgroundBG.png) no-repeat center top;
	padding:15px 20px 10px;
}


#content .grid_12{ 
	border: 5px solid #eff2eb; 
	border-top: none;	
	background-color: #fff;
	-moz-border-radius-bottomLeft: 6px;	
	-moz-border-radius-bottomRight: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;			
}

#foot{ }
#foot .grid_12{ padding: 20px 25px;	background: none;}

/* @end Base*/

#head{ width: 290px;}
#subHeading{ margin: 15px 0 5px; font-size: 60px; color: #999;}

#subHeading{ margin: 15px 0 5px; font-size: 60px; color: #999;}
#subHeading-link{ margin: 15px 0 5px; font-size: 60px; color: #999; font-family: Georgia;}
#subHeading-link:hover { text-decoration:underline; }

.credits{ 
	font-size: 10px;
	font-weight: normal;
	font-family: 'Myriad Pro', Helvetica,Arial, sans-serif;
	color: #c1c1b9;
	text-transform: none;
	letter-spacing: normal;
	padding: 5px 0 0; 	
}
/* @end Structure*/

/* @group Components */
/* (some not all)reusable ruleblocks usually with markup dependencies */

/* @group ToolBar */

.toolBar{ margin: 0;}
.toolBar li{ float: left; margin: 0 5px;}
.toolBar li.alpha{ margin-left: 0;}
.toolBar li.omega{ margin-right: 0;}
.toolBar li a{ 
	padding: 8px 10px; 
	display: block;
	font-size: 14px;
	font-family: 'Myriad Pro', Helvetica,Arial, sans-serif;
	line-height: 1;
}

.toolBar li .actTwitter{ 
	background: transparent url(../images/iconTwitter.gif) no-repeat 0px 5px;
	padding: 8px 10px 5px 27px;
}

.toolBar li .actContact{ 
	background: transparent url(../images/iconMail.gif) no-repeat 0px 5px;
	padding: 8px 10px 5px 31px;
}

.toolBar li a.actHiring:hover{ 
	color: #00384c;
	background-position: center -21px;
}

.toolBar li a.actHiring{ 
	background: #eff2eb;
	padding: 11px 30px 9px;
	color: #660000;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	letter-spacing: 0.02em;
}


#headToolBar{ position: absolute; top: 0; right: 20px;}
#footToolBar{ position: relative; top: -5px; }
#footToolBar .actContact{ padding-right: 0;}

/* @end ToolBar*/


/* @group Gallery */

/* @group Base */

.gallery{ margin: 5px 0 0 0;}
.gallery li{ margin: 10px; float: left;}

.gallery li .thumb{ width: 166px; height: 166px; border: 1px solid #ddd; display: block;}
.gallery li .thumb:hover{ 
	-moz-box-shadow: 0px 0px 5px #aaa; 
	-webkit-box-shadow:0px 0px 5px #aaa;
	border-color: #aaa;
}

/* @end Base*/


#teamGallery li{ margin: 0 8px; position: relative;}
#teamGallery li .thumb{ 
	width: 48px; 
	height: 48px; 
	padding: 5px;
	border: 1px solid #dfdfdf; 
	-moz-box-shadow: 0px 0px 7px #aaa; 
	-webkit-box-shadow:0px 0px 7px #aaa;
	position: relative;
}

#teamGallery li .thumb img{ display: block;}

#teamGallery li .thumb:hover{ 
	-moz-box-shadow: 0px 0px 7px #1c1c1c; 
	-webkit-box-shadow:0px 0px 7px #666;
	border-color: #949494;
    text-decoration:none;
}

#teamGallery li .briefSummary{ 
	border: 4px solid #1d5c72;
	background: #FAFAF2 /*url(../images/arrDown.png) 20px 20px no-repeat*/;	
	color: #333;
	font-size: 11px;	
	line-height: 1.5em;
	position: absolute;
	left: 0px;
	/*top: -140px;*/
	bottom: 70px;
	z-index: 2;
	padding: 10px;
	width: 185px;
    vertical-align:middle;
	min-height: 46px;
	display: none;
	-moz-box-shadow: 0 0 10px #555;
	-webkit-box-shadow: 0 0 10px #555;
	
}

#teamGallery li .briefSummary img{ 
	bottom:-10px;
	left:18px;
	position:absolute;
}

#teamGallery li .briefSummary .people{ 
	font-family: Georgia, "Times New Romain", serif;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: #1d5c72;
	line-height: 1.4em;
	margin-bottom: 5px;
	font-weight: bold;
}

#teamGallery li .briefSummary .people .title{ 
	text-transform: none; 
	letter-spacing: normal;
	font-weight: normal;
	color: #666;
}

#clientGallery{ 
	margin: 10px 0 0 0; 
	padding: 5px 15px;
	background-color: #6d8d98;
}

#clientGallery .thumb{ 
	width: 74px; 
	height: 44px; 
	border: 3px solid #fff; 		
	overflow: hidden;
	background-color: #000;
	display: block;
}

#clientGallery .thumb img{ opacity: 0.5;}
#clientGallery li{ 	margin: 0 5px;}

.gallery li.alpha,
#teamGallery li.alpha,
#clientGallery li.alpha{ margin-left: 0;}

.gallery li.omega,
#teamGallery li.omega,
#clientGallery li.omega{ margin-right: 0;}

/*component overrides*/

#clientGallery .ui-tabs-selected .thumb,
#clientGallery .ui-tabs-selected .thumb:hover{ 
	border-color: #00384C; 
	-webkit-box-shadow: 0 0 5px #002E3F;
}
#clientGallery .thumb:hover{ 
	-moz-box-shadow: 0 0 5px #002E3F;
	-webkit-box-shadow: 0 0 5px #002E3F;
	margin: 0;
}

#clientGallery .ui-tabs-selected .thumb img{ opacity: 1; }
/* @end Gallery*/

/* @group Section Block */

.sectionBlock{ padding: 20px 0;}

#portfolioGallery{ padding: 0 0 20px;}
#salesTalk .grid_8{ background: transparent url(../images/ideaTree.jpg) no-repeat 460px 0px; min-height: 235px; }
#salesTalk .grid_4 ul{ margin-top: 22px;}
#salesTalk .grid_8 p{ padding-right: 185px;	margin: 1em 0;}

#salesTalk .grid_8 p,
#workFlowTease .grid_8 ul li{ font-size: 14px; line-height: 1.54em;}

#workFlowTease .grid_8 ul{ padding-top: 1px;}
#workFlowTease .grid_4{ background: transparent url(../images/tools.gif) no-repeat center 0px;	text-indent: -9999px; height: 245px;}
/* @end Section Block */

/* @group GetInTouch Form */

#formGetInTouch .textArea{ height: 52px;}
#formGetInTouch .button{ margin-top: 43px;}

/* @end GetInTouch Form */
/* @group ClientThumb */
.quote{ 
	background: transparent url(../images/openQuote.png) no-repeat 0px 0px;
	color: #fff;
	padding: 20px 0 0 0;
}

.quote p{ 
	margin: 0; 
	padding: 0 0 20px 0;
	text-indent: 72px; 
	font-size: 15px; 
	line-height: 1.5em; 
	background: transparent url(../images/closeQuote.png) no-repeat right bottom;
}

#clientFeat .quote{ width: 620px; }
#clientFeat .clientThumb{ 
	display: block;
	width: 280px; 
	height: 110px;
	border: 5px solid #265566; 
	background: #265566;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: transparent url(../images/clientThumb/clientPreview.gif) no-repeat 0px 0px;
	text-indent: -9999px;
	cursor: pointer;
}

#testimonial-1 .clientThumb{ background-position: 0 0px; }
#testimonial-2 .clientThumb{ background-position: 0 -110px; }
#testimonial-3 .clientThumb{ background-position: 0 -220px; }
#testimonial-4 .clientThumb{ background-position: 0 -330px; }
#testimonial-5 .clientThumb{ background-position: 0 -440px; }
#testimonial-6 .clientThumb{ background-position: 0 -550px; }
#testimonial-7 .clientThumb{ background-position: 0 -660px; }
#testimonial-8 .clientThumb{ background-position: 0 -770px; }
#testimonial-9 .clientThumb{ background-position: 0 -880px; }
#testimonial-10 .clientThumb{ background-position: 0 -990px; }

div#testimonial-1,
div#testimonial-2,
div#testimonial-3,
div#testimonial-4,
div#testimonial-5,
div#testimonial-6,
div#testimonial-7,
div#testimonial-8,
div#testimonial-9,
div#testimonial-10 { min-height:137px; }

/* @end */

/* @end Components */

/* @group Overrides */
/*special ruleblocks to override the ones above*/

/* grid */
#salesTalk .grid_4{ padding-left:13px;	width:286px;}

/* popup */
.te_dashboard .te_content img{ display: block;}

/* slider */ 
.ui-tabs-hide{ display: none;}
/* @end Overrides */