/*------------------------------------------------------------------------------------------
------------------------------------GLOBAL RESETS-----------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figure, figcaption, hgroup, menu, footer, header, nav, section, summary, time, mark, audio, video, .ContactUsBody { margin:0; padding:0; border:0; }
article, aside, canvas, figure, figure img, figcaption, hgroup, footer, header, nav, section, audio, video {		display:block;		}
a img	{		border:0;		}










/*------------------------------------------------------------------------------------------
----------------------------------------FONTS---------------------------------------------*/
	@font-face {
		font-family: "agenda-bold";
		src: url('../fonts/agenda-bold/agenda-bold.eot');
		src: url('../fonts/agenda-bold/agenda-bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/agenda-bold/agenda-bold.svg#agenda-bold') format('svg'),
		url('../fonts/agenda-bold/agenda-bold.woff') format('woff'),
		url('../fonts/agenda-bold/agenda-bold.ttf') format('truetype');
		font-weight: bold;
		font-style: bold;

		font-family: "agenda-medium";
		src: url('../fonts/agenda-medium/agenda-medium.eot');
		src: url('../fonts/agenda-medium/agenda-medium.eot?#iefix') format('embedded-opentype'),
		url('../fonts/agenda-medium/agenda-medium.svg#agenda-medium') format('svg'),
		url('../fonts/agenda-medium/agenda-medium.woff') format('woff'),
		url('../fonts/agenda-medium/agenda-medium.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;
	}

h1								{ font-size:22px; line-height:36px; color:#fff; font-family: "agenda-bold", arial, sans-serif; font-weight:bold; text-transform:uppercase; text-align:right; }
h2, .ContentHeaderText			{ font-size:26px; line-height:36px; color:#f0aa37; font-family: "agenda-bold", arial, sans-serif; font-weight:bold; text-transform:uppercase; letter-spacing:6px; margin:0 0 12px 0; }
h3								{ font-size:20px; line-height:26px; color:#fff; font-family: "agenda-medium", arial, sans-serif; font-weight:bold; text-align:right; }
	h3 a						{ font-size:20px; line-height:26px; color:#fff; font-family: "agenda-medium", arial, sans-serif; font-weight:bold; text-align:right; text-decoration:none; }
h4								{ font-size:14px; line-height:26px; color:#fff; font-family: "agenda-medium", arial, sans-serif; font-weight:normal; text-align:right; }
body, p, .ContentText			{ font-size:16px; line-height:28px; color:#fff; font-family: Arial, sans-serif; font-weight:normal; list-style-position:inside; text-align:justify; }
	body a, p a, .ContentText a	{ font-size:16px; line-height:28px; color:#fff; font-family: Arial, sans-serif; font-weight:bold; list-style-position:inside; text-align:justify; text-decoration:none; }
.ContentList					{ font-size:16px; line-height:28px; color:#fff; font-family: Arial, sans-serif; font-weight:normal; list-style-position:inside; padding:0 0 10px 18px; text-indent: -1em; text-align:left !important; list-style-image:url('../images/bullet.gif'); }
.ContentList li					{  }
.ContentList li span			{ color:#fff; }



/*------------------------------------------------------------------------------------------
--------------------------------------TESTIMONIALS------------------------------------------*/
.TestimonialQuoteMark			{ font-size:120px; line-height:0px; color:#fff; font-family: Arial, sans-serif; font-weight:bold; float:left; padding:48px 40px 0 0; }
.TestimonialText				{ font-size:16px; line-height:24px; color:#fff; font-family: Arial, sans-serif; font-weight:normal; list-style-position:inside; text-align:justify; font-style:italic; }
.TestimonialName				{ font-size:20px; line-height:28px; color:#fff; font-family: Arial, sans-serif; font-weight:bold; list-style-position:inside; text-align:left; margin-top:12px; }
.TestimonialCompany				{ font-size:20px; line-height:28px; color:#fff; font-family: Arial, sans-serif; font-weight:normal; list-style-position:inside; text-align:left; padding-bottom:24px; margin-bottom:48px; border-bottom:1px dashed #a5a58c; }


/*------------------------------------------------------------------------------------------
--------------------------------------PROJECTS------------------------------------------*/
.ProjectText				{ font-size:16px; line-height:24px; color:#fff; font-family: Arial, sans-serif; font-weight:normal; list-style-position:inside; text-align:justify; font-style:italic; }
.ProjectName				{ font-size:20px; line-height:28px; color:#fff; font-family: Arial, sans-serif; font-weight:bold; list-style-position:inside; text-align:left; margin-top:12px; }
.ProjectCompany				{ font-size:20px; line-height:28px; color:#fff; font-family: Arial, sans-serif; font-weight:normal; list-style-position:inside; text-align:left; padding-bottom:24px; margin-bottom:48px; border-bottom:1px dashed #a5a58c; }



/*------------------------------------------------------------------------------------------
--------------------------------------NIVO SLIDER------------------------------------------*/
.slider-wrapper { width:100%; clear:both; }
.nivo-controlNav { display:none !important; }
.theme-default .nivoSlider { -webkit-box-shadow:none !important; -moz-box-shadow:none !important; box-shadow:none !important; }











/*------------------------------------------------------------------------------------------
--------------------------------------EMAIL FORM------------------------------------------*/

.clear { clear:both; }
fieldset { border:none; }
#page-wrap { float:left; width:100%; min-height:500px; }
#formLeft { width:100%; float:left; }
#formLeft input { width:95%; border:none; text-align:left; background:none; margin:10px 0 0 4px; font-size:1em; }
#formLeft .input-bg { background:#fff; border:1px solid #001a27; width:100%; height:45px; margin-bottom:10px; position:relative; }
#formLeft .active {  }
#formRight { width:100%; float:left; }
#formRight textarea { width:98%; height:95%; display:block; border:none; background:none; font-family:Helvetica,sans-serif; font-size:0.9em; overflow:auto; }
#formRight .message-bg { background:#fff; border:1px solid #001a27; height:238px; }
#formRight .active { background:#fff; border:1px solid #001a27; }
label { display:block; font-size:1em; font-weight:normal; }
label.error { position:absolute; top:-16px; right:49px; padding:3px; color:#da3939; font-size:1em; text-align:right; font-style:italic; font-weight:normal; }
input.submit-button { float:left; margin-left:8px; }










/*		Default Layout: 992px. 
		Gutters: 24px.
		Outer margins: 48px. (changed to 24px)
		Leftover space for scrollbars @1024px: 32px.
-------------------------------------------------------------------------------
cols		1			2			3			4			5			6			7			8			9			10
px			68			160			252			344			436			528			620			712			804			896		*/

/*					Main Layout					*/
html, body		{ background:#00121c url('../images/bg.png') top left repeat-x; height:100%; }
.ContactUsBody	{ background:#00121c url('../images/bg_contactUs.png') top left repeat-x; height:100%; }
#wrapper		{ min-height:100%; width:896px; height:auto !important; height:100%; padding:0 24px; margin:24px 24px 0 0;  margin:0 auto; margin-bottom:-323px; color:#fff; -webkit-text-size-adjust:100%; overflow:auto; }
#header			{ width:100%; height:162px; display:block; float:left; }
#nav_outer		{ width:50%; height:40px; float:right; margin-top:66px; }
.push			{ height:323px; clear:both; }
.Footer			{ background:#000400; border-top:1px solid #0d1e28; width:100%; height:323px; padding:24px 0 24px 0; margin:0 auto; position:relative; z-index:1000; -webkit-box-sizing:border-box;  -moz-box-sizing:border-box;  box-sizing:border-box; }


	/*					Header					*/
	#logo			{ background: url('../images/logo.gif') top left no-repeat; height:94px; width:240px; margin:35px 0; float:left;}

	/*					Navigation					*/
	#nav								{ text-align:right; }
	#nav li								{ display:inline; }
		#nav li a						{ font-family:"agenda-medium", Arial, Sans-Serif; color:#fff; font-size:20px; line-height:40px; font-weight:normal; text-decoration:none; padding:10px 0 10px 20px; -webkit-transition:color 1s; -moz-transition:color 1s; -ms-transition:color 1s; -o-transition:color 1s; transition:color 1s; }
		#nav li a:hover					{ font-family:"agenda-medium", Arial, Sans-Serif; color:#f0aa37; text-decoration:none; }


	/*					Page Divider					*/
.PageDivider { width:100%; border-top:1px solid #000810; border-bottom:1px solid #0d1e28; clear:both; margin:48px 0; }


	/*					Summary					*/
	.Summary			{ width:95%; height:170px; margin:0 auto; clear:both;}
	.SummaryText		{ float:left; width:68%; margin-top:54px; }
	.SummaryRight		{ float:right; width:28%; margin-top:42px; }
	.SummaryRightText	{ font-family:"agenda-bold", Arial, Sans-Serif; color:#fff; font-size:14px; font-weight:bold; line-height:30px; }
	.SummaryNumber		{ font-family:"agenda-bold", Arial, Sans-Serif; color:#fff; font-size:30px; line-height:46px; letter-spacing:2px; }


	/*					Button					*/
	.ContactUsButton, .submit-button	{ color:#000a14; font-size:20px; font-weight:bold; text-transform:uppercase; box-shadow:0 0 100px #002e46; border:none; padding:10px 38px; margin:5px 0; cursor:pointer;
								background-color:#f0aa37;
								background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f0d269), to(#f0aa37));
								/* Safari 5.1+, Mobile Safari, Chrome 10+ */
								background-image: -webkit-linear-gradient(top, #f0d269, #f0aa37); 
								/* Firefox 3.6+ */
								background-image: -moz-linear-gradient(top, #f0d269, #f0aa37);
								
								/* IE 10+ */
								background-image: -ms-linear-gradient(top, #f0d269, #f0aa37);
								/* Opera 11.10+ */
								background-image: -o-linear-gradient(top, #f0d269, #f0aa37);
										}

	/*					Columns					*/
	.Columns			{ width:90%; height:auto; margin:0 auto; }
	.onecol				{ width:60%; height:auto; margin:24px 72px 72px 0; display:block; float:left; }
	.last				{ width:30%; height:auto; margin:24px 0 72px 0; display:block; float:left; }
	.ContentPhoto		{ width:99%; height:auto; border:2px solid #fff; box-shadow:0 0 10px #8c7d5a; margin-bottom:12px; }


	/*					Testimonials					*/
	.Testimonial			{ width:33.333%; height:auto; margin:24px 0 48px 0; display:block; float:left; }
		.Testimonial p		{ font-family:Arial, Sans-Serif; color:#fff; font-size:14px; font-style:italic; line-height:22px; text-align:justify; padding:0 20px 0 20px; }
		.Testimonial h6		{ font-family:Arial, Sans-Serif; color:#f0aa37; font-size:20px; font-weight:bold; font-style:italic; line-height:26px; text-align:left; padding:0 20px 0 20px; }


	/*					Footer					*/
	.FooterInner				{ width:896px; height:100%; margin:0 auto; }
	.FooterInnerLeft			{ width:45%; height:90%; float:left; }
		.FooterInnerLeft a		{ padding:20px 0; float:right; clear:both; }
	.FooterInnerRight			{ width:45%; height:90%; float:right; }
		.FooterInnerRight a		{ padding:10px 0; float:left; clear:both; }
	#FooterInnerRightText		{ width:100%; text-align:left; font-size:26px; line-height:36px; color:#005a82; font-family: "agenda-bold", arial, sans-serif; font-weight:bold; text-transform:uppercase; letter-spacing:6px; margin-top:36px; }
	#FooterInnerLeftText		{ width:100%; text-align:right; font-size:26px; line-height:36px; color:#005a82; font-family: "agenda-bold", arial, sans-serif; font-weight:bold; text-transform:uppercase; letter-spacing:6px; margin-top:36px; }
	.FooterInnerBottom			{ width:896px; height:10%; margin:0 auto; clear:both; font-size:16px; line-height:24px; color:#999; font-family: Arial, sans-serif; font-weight:normal; text-align:center; }
		.FooterInnerLeft a img, .FooterInnerRight a img { opacity:0.4; filter:alpha(opacity=40); }
		.FooterInnerLeft a img:hover, .FooterInnerRight a img:hover { opacity:0.8; filter:alpha(opacity=80); }




/*		Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px. (changed to 18px)
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols		1			2			3			4			5			6			7			8
px			68			160			252			344			436			528			620			712		*/

@media only screen and (min-width: 768px) and (max-width: 991px) {

/*		FONTS		*/
h1				{ font-size:16px; line-height:30px; color:#fff; font-family: "agenda-bold", arial, sans-serif; font-weight:bold; text-transform:uppercase; text-align:right; }


/*					Main Layout					*/
html, body		{ background:#00121c url('../images/bg_tablet.png') top left repeat-x; height:100%; }
.ContactUsBody	{ background:#00121c url('../images/bg_contactUs.png') top left repeat-x; height:100%; }
#wrapper		{ min-height:100%; width:712px; height:auto !important; height:100%; padding:0 18px; margin:24px 24px 0 0;  margin:0 auto; margin-bottom:-323px; color:#222; -webkit-text-size-adjust:100%; overflow:auto; }
#nav_outer		{ }
.Footer			{ background:#000400; border-top:1px solid #0d1e28; width:100%; height:323px; padding:24px 0 24px 0; margin:0 auto; position:relative; z-index:1000; -webkit-box-sizing:border-box;  -moz-box-sizing:border-box;  box-sizing:border-box; }



	/*					Summary					*/
	.SummaryRightText	{ font-size:14px; }


	/*					Columns					*/
	.onecol			{ margin:24px 60px 72px 0; }
	.last			{  }


	/*					Testimonials					*/
	.Testimonial			{ width:100%; margin:24px 0 48px 0; display:block; float:left; }
		.Testimonial p		{ font-size:14px; line-height:22px; text-align:justify; padding:0 20px 0 20px; }
		.Testimonial h6		{ color:#f0aa37; font-size:20px; line-height:26px; text-align:left; padding:0 20px 0 20px; }





	/*					Footer					*/
	.FooterInner				{ width:712px; }
	.FooterInnerLeft			{ width:45%; height:90%; float:left; }
		.FooterInnerLeft a		{ padding:20px 0; float:right; clear:both; }
	.FooterInnerRight			{ width:45%; height:90%; float:right; }
		.FooterInnerRight a		{ padding:10px 0; float:left; clear:both; }
	#FooterInnerRightText		{ width:100%; text-align:left; font-size:26px; line-height:36px; color:#005a82; font-family: "agenda-bold", arial, sans-serif; font-weight:bold; text-transform:uppercase; letter-spacing:6px; margin-top:36px; }
	#FooterInnerLeftText		{ width:100%; text-align:right; font-size:26px; line-height:36px; color:#005a82; font-family: "agenda-bold", arial, sans-serif; font-weight:bold; text-transform:uppercase; letter-spacing:6px; margin-top:36px; }
	.FooterInnerBottom			{ width:712px; height:10%; margin:0 auto; clear:both; font-size:16px; line-height:24px; color:#999; font-family: Arial, sans-serif; font-weight:normal; text-align:center; }
		.FooterInnerLeft a img, .FooterInnerRight a img { opacity:0.4; filter:alpha(opacity=40); }
		.FooterInnerLeft a img:hover, .FooterInnerRight a img:hover { opacity:0.8; filter:alpha(opacity=80); }



}










/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols		1			2			3
px			68			160			252		*/

@media only screen and (max-width: 767px) {

/*		FONTS		*/
h1						{ font-size:16px; line-height:18px; color:#fff; font-family: "agenda-bold", arial, sans-serif; font-weight:bold; text-align:center; }
h2, .ContentHeaderText	{ font-size:18px; line-height:32px; text-align:left; padding:0 12px 0 0; }
.footer p				{ font-size:12px; line-height:20px; text-align:center; }


/*					Main Layout					*/
html, body		{ background:#00121c; }
.ContactUsBody	{ background:#00121c; }
#wrapper		{ width:100%; padding:0 0; }
#header			{ height:100px; margin:0 auto; float:none; }
#nav_outer		{ width:100%; margin-top:0; }
.Footer			{ background:#000400; border-top:1px solid #0d1e28; width:100%; height:auto; padding:24px 0 24px 0; margin:0 auto; position:relative; z-index:1000; -webkit-box-sizing:border-box;  -moz-box-sizing:border-box;  box-sizing:border-box; }


	/*					Header					*/
	#logo			{ background:url('../images/logo.gif') top center no-repeat; height:100px; width:100%; margin:0; }

/*					Navigation					*/
	#nav								{ font-weight:bold; line-height:40px; text-align:center; }
	#nav li								{ display:inline; }
		#nav li a						{ font-size:16px; padding:9px 4px 9px 4px; margin:0; background:none !important;}
		#nav li a:hover					{ font-size:16px; padding:9px 4px 9px 4px; margin:0; background:none !important;}


	/*					Summary					*/
	.Summary			{ height:100px; margin-bottom:24px; }
	.SummaryRight		{ width:100%; margin-top:12px; }
	.SummaryRightText	{ text-align:center; }
	.SummaryNumber		{ text-align:center; }
	.SummaryText		{ float:left; text-align:center; width:100%; }

	/*					Button					*/
	.ContactUsButton	{ width:80%; font-size:14px; font-weight:bold; padding:15px 38px; margin:0 auto; margin-top:12px; margin-bottom:12px; display:block; }




	/*					Columns					*/
	.Columns			{ width:90%; height:auto; margin:0 auto; }
	.onecol				{ width:100%; height:auto; margin:24px 24px 72px 0; display:block; float:left; }
	.last				{ width:100%; height:auto; margin:24px 24px 72px 0; display:block; float:left; }
	.ContentPhoto		{ width:99%; height:auto; border:2px solid #fff; box-shadow:0 0 10px #8c7d5a; margin-bottom:12px; }


	/*					Testimonials					*/
	.Testimonial			{ width:100%; margin:24px 0 48px 0; display:block; float:left; }
		.Testimonial p		{ font-size:14px; line-height:22px; text-align:justify; padding:0 20px 0 20px; }
		.Testimonial h6		{ color:#f0aa37; font-size:20px; line-height:26px; text-align:left; padding:0 20px 0 20px; }


	/*					Footer					*/
	.FooterInner				{ width:100%; }
	.FooterInnerLeft			{ width:100%; height:auto; float:left; }
		.FooterInnerLeft a		{ display:block; margin:0 auto; float:none; }
	.FooterInnerRight			{ width:100%; height:auto; float:right; }
		.FooterInnerRight a		{ display:block; margin:0 auto; float:none; }
	#FooterInnerRightText		{ width:100%; text-align:center; font-size:26px; line-height:36px; }
	#FooterInnerLeftText		{ width:100%; text-align:center; font-size:26px; line-height:36px; }
	.FooterInnerBottom			{ width:100%; height:10%; margin:0 auto; clear:both; font-size:16px; line-height:24px; }
		.FooterInnerLeft a img, .FooterInnerRight a img { display:block; margin:0 auto; }
		.FooterInnerLeft a img:hover, .FooterInnerRight a img:hover { display:block; margin:0 auto; }


}










/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px. (changed to 8px)
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols		1			2			3			4			5
px			68			160			252			344			436		*/

@media only screen and (min-width: 480px) and (max-width: 767px) {

/*		FONTS		*/
h1						{ font-size:16px; line-height:18px; color:#fff; font-family: "agenda-bold", arial, sans-serif; font-weight:bold; }
h2, .ContentHeaderText	{ font-size:18px; line-height:32px; text-align:left; padding:0 12px 0 0; }
.footer p				{ font-size:12px; line-height:20px; text-align:center; }

/*					Main Layout					*/
#wrapper		{ padding:0 0; }
#nav_outer		{ width:100%; margin:0 auto; }
.footerInner	{ width:436px; }

/*					Navigation					*/
	#nav								{ font-weight:bold; line-height:40px; text-align:center; }
	#nav li								{ display:inline; }
		#nav li a						{ font-size:16px; padding:9px 10px 9px 10px; margin:0; background:none !important;}
		#nav li a:hover					{ font-size:16px; padding:9px 10px 9px 10px; margin:0; background:none !important;}


	/*					Summary					*/
	.Summary			{ height:100px; margin-bottom:24px; }
	.SummaryText		{ float:left; text-align:center; width:100%; }


	/*					Columns					*/
	.Columns			{ width:90%; height:auto; margin:0 auto; }
	.onecol				{ width:100%; height:auto; margin:24px 24px 72px 0; display:block; float:left; }
	.last				{ width:100%; height:auto; margin:24px 24px 72px 0; display:block; float:left; }
	.ContentPhoto		{ width:99%; height:auto; border:2px solid #fff; box-shadow:0 0 10px #8c7d5a; margin-bottom:12px; }




	/*					Footer					*/
	.FooterInner				{ width:100%; }
	.FooterInnerLeft			{ width:45%; height:90%; float:left; }
		.FooterInnerLeft a		{ padding:20px 0; float:right; clear:both; }
	.FooterInnerRight			{ width:45%; height:90%; float:right; }
		.FooterInnerRight a		{ padding:10px 0; float:left; clear:both; }
	#FooterInnerRightText		{ width:100%; text-align:left; font-size:26px; line-height:36px; }
	#FooterInnerLeftText		{ width:100%; text-align:right; font-size:26px; line-height:36px; }
	.FooterInnerBottom			{ width:100%; height:10%; margin:0 auto; clear:both; font-size:16px; line-height:24px; }
		.FooterInnerLeft a img, .FooterInnerRight a img {  }
		.FooterInnerLeft a img:hover, .FooterInnerRight a img:hover {  }


}
