﻿/* 1	Global reset (based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui) */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img {border:0}
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li {list-style:none}
caption, th {text-align:left}
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal}
q:before, q:after {content:''}
a {text-decoration:none}
body {zoom:1;}

/* 2 Global reset-RESET (restores some sensible defaults) */
strong    {font-family:'DroidSansBold'}
em        {font-style:italic}
a         {color:#903;text-decoration:underline;}
a:hover   {color:#fff;text-decoration:none;text-shadow:1px 1px 1px #000;background:#903;}
a:visited {color:#8a042b;}
a:visited:hover {color:#ccc;}
a img     {border:none} /* Gets rid of IE's blue borders */
a:active  {outline:none}

/* 3 Handles */
div, ul, li, form {position:relative}
.fix:after        {content:" ";visibility:hidden;display:block;height:0;clear:both}
* html .fix       {height:1%}
.hidden           {display:none} /* Handy for development */

br.clearfix {clear:both;display:block;height:1px;margin:-1px 0 0 0}
.clearfix:after {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.clearfix{display:inline-block}html[xmlns] .clearfix{display:block}* html .clearfix{height:1%}
.fl    {float:right}
.fl    {float:left}
.clear {clear:both;}

header, nav, article, section, figure, aside, footer { /* also gets a js dom run + createElement */
	display:block; 
}


@font-face {
	font-family: 'DroidSansRegular';
	src: url('DroidSans.eot');
	src: local('/Includes/Fonts/DroidSans-Regular'), local('/Includes/Fonts/DroidSans'), url('/Includes/Fonts/DroidSans.woff') format('woff'), url('/Includes/Fonts/DroidSans.ttf') format('truetype'), url('/Includes/Fonts/DroidSans.svg#DroidSans') format('svg');
}

@font-face {
	font-family: 'DroidSansBold';
	src: url('/Includes/Fonts/DroidSans-Bold.eot');
	src: local('/Includes/Fonts/DroidSans-Bold'), local('/Includes/Fonts/DroidSans-Bold'), url('/Includes/Fonts/DroidSans-Bold.woff') format('woff'), url('/Includes/Fonts/DroidSans-Bold.ttf') format('truetype'), url('/Includes/Fonts/DroidSans-Bold.svg#DroidSans-Bold') format('svg');
}

body {font-family:'DroidSansRegular', Arial, sans-serif;letter-spacing:0;}
body {background:transparent url(/Assets/Img/BG.gif) 50% 0 no-repeat;width:100%;}
html {background:#fafafa url(/Assets/Img/HTML.jpg) 0 0 repeat-x;width:100%;}

/*
----------------------------------------------------------------
	T Y P O G R A P H Y
---------------------------------------------------------------- */

body, p, h1, h2, h3, h4, ul, ol {font-family:'DroidSansRegular',Arial,San-Serif;font-size:.9em;color:#000;line-height:170%;}
h1, h2, h3, h4  {font-family:'DroidSansBold';}
h1              {font-size:2.4em;line-height:1.8em;background:url(/Assets/Img/BGH1.gif) 100% 50% no-repeat;margin:1em 0;}
h2              {font-size:1.6em;margin:14px 0;color:#8a042b;}
h3              {font-size:1.3em;}
h4              {}

input, textarea {font-family:'DroidSansRegular',Arial,San-Serif;}

.content ul,
.content h4     {margin:1.6em 0;}
.content p      {line-height:180%;margin:1em 0;}
.content ul     {margin-left:1.2em;}
.content ol     {margin-left:1.5em;}
.content ul li  {list-style-type:disc;margin:.6em 0;}
.content ol li  {list-style-type:decimal;margin:.6em 0;}
.content h1                   {margin:.5em 0 0;height:175px;border:none;line-height:200px;width:660px;text-indent:-9999px;}
.content h1.titleServices     {background:url(/Assets/Img/SplashServices.jpg) 0 0 no-repeat;}
.content h1.titleNews         {background:url(/Assets/Img/SplashNews.jpg) 0 0 no-repeat;}
.content h1.titleCompany      {background:url(/Assets/Img/SplashCompany.jpg) 0 0 no-repeat;}
.content h1.titleCaseStudy    {background:url(/Assets/Img/SplashCaseStudy.jpg) 0 0 no-repeat;}
.content h1.titleContact      {background:url(/Assets/Img/SplashContact.jpg) 0 0 no-repeat;}
.content h1.titleTestimonials {background:url(/Assets/Img/SplashTestimonials.jpg) 0 0 no-repeat;}
.content h1.titleProducts     {background:url(/Assets/Img/SplashProducts.jpg) 0 0 no-repeat;}

.content .hr    {margin:20px 0;clear:both;float:left;}

/* Site Colors */
.lightred {color:#690a25;}
.darkred {color:#903;}

blockquote        {border-bottom:1px solid #e5e5e5;margin:1.5em 0;padding:0 0 1.5em 80px;width:580px;background:url(/Assets/Img/BGSprite.gif) 0 -390px no-repeat;}
blockquote em     {display:block;font-style:normal;font-size:.9em;}
blockquote strong {}
blockquote span   {font-size:.9em;color:#8a042b;}

/*
----------------------------------------------------------------
	S T R U C T U R E
---------------------------------------------------------------- */

.wrap                   {width:920px;height:auto;margin:0 auto;clear:both;background:url(/Assets/Img/BGWrap.png) 0 0 repeat-y;}
#top                    {text-indent:-9999px;display:none;}
header                  {height:120px;width:920px;margin:41px auto 0;color:#000;font-size:1em;background:transparent url(/Assets/Img/BGSprite.gif) 0 -36px no-repeat;}
h1#logo, h1#logo a      {width:169px;height:33px;margin:62px 0 0 59px;float:left;clear:both;background:url(/Assets/Img/BGSprite.gif) 0 0  no-repeat;}
h1#logo a               {display:block;position:relative;background:none;margin:0;text-decoration:none;color:#ccc;text-shadow:1px 1px 1px #fff;}
h1#logo a strong        {display:none;}
h1#logo a span          {font-size:10px;position:absolute;top:2px;left:53px;text-decoration:none;text-transform:uppercase;font-weight:lighter;font-family:'DroidSansRegular';}
h1#logo a:hover         {text-shadow:none;text-decoration:underline;color:#8a042b;}

.contact                {float:left;margin:-11px 0 0 5px;display:inline;}
.contact span           {color:#999;}

h3#slogan               {float:left;width:400px;border:none;margin:74px 0 0 26px;padding:0;font-size:0.8em;color:#690a25;font-weight:lighter;font-family:'DroidSansRegular',Arial,San-Serif;}

fieldset.search                  {float:left;clear:left;width:250px;display:inline;margin:30px 0 0 50px;display:none;}
fieldset.search input.box        {padding:6px 10px 5px;float:left;border:none;background:url(/Assets/Img/BGSprite.gif) -169px 0 no-repeat;width:196px;font-size:14px;color:#868686;font-family:'DroidSansRegular',Arial,San-Serif;}
fieldset.search input.box:focus  {outline:none;}
fieldset.search input.btn        {float:right;text-indent:-9999px;cursor:pointer;height:26px;width:28px;background:url(/Assets/Img/BGSprite.gif) -385px 0 no-repeat;border:none;font-size:0;padding-top:4px;color:#900f34;}
fieldset.search input.btn:hover  {background-position:-413px 0;}
fieldset.search input.btn:focus,
fieldset.search input.btn:active {background-position:-441px 0;outline:none;}

ul.nav                  {clear:left;float:left;height:auto;display:inline;padding-left:40px;}
ul.nav li               {position:relative;display:inline;width:auto}
ul.nav li a,
ul.nav li a:link,
ul.nav li a:visited     {color:#333;font-size:14px;text-transform:uppercase;text-decoration:none;padding:.6em 17px .6em 17px;background:transparent url(/Assets/Img/BGSprite.gif) -967px 0 no-repeat;float:left;overflow:hidden;}
ul.nav li ul            {position:absolute;top:30px;left:0;float:left}
ul.nav li a:hover, 
ul.nav li:hover >a,
ul.nav li:hover >a:link {color:#8a042b;text-shadow:none;}
ul.nav li ul            {display:none;background:transparent;width:18em;padding:.2em 1.5em 1.2em 1.5em;z-index:100;}
ul.nav li:hover >ul     {display:block;position:absolute;z-index:100}
ul.nav li ul li         {border-bottom:1px solid #eee;float:left;clear:left;}
ul.nav li ul li:hover   {}
ul.nav li ul li a, 
ul.nav li ul li a:link, 
ul.nav li ul li a:visited {float:left;padding:0;background:none;width:100%;font-size:12px;color:#b6b7b8;border:none;height:20px;line-height:20px}
ul.nav li a:active,
ul.nav li a:focus       {color:#8a042b}
ul.nav li.s a           {color:#8a042b} /*Selected Item*/
ul.nav li.navFirst a    {background:none;} /*First Element*/
ul.nav li.navLast a     {} /*First Element*/

/* ROTATOR */
div.rotatorWrap         {float:left;width:720px;height:285px;margin:26px 0 1em 29px;}
div.rotatorWrap a#next  {display:block;width:31px;height:142px;background:transparent;position:absolute;top:47px;right:20px;z-index:1000;cursor:hand;cursor:pointer;}
#rotator                {width:720px;height:285px;float:left;display:inline}
div.rotatorWrap #nav                {position:absolute;top:10px;left:673px;width:40px;z-index:99;font-size:12px;}
div.rotatorWrap #nav a              {height:10px;width:10px;float:left;margin-right:3px;background:#ccc;text-indent:-9999px;}
div.rotatorWrap #nav a:hover,
div.rotatorWrap #nav a.activeSlide  {background:#8a042b;}
div.rotatorWrap #nav a:focus        {outline:none;}

/*
----------------------------------------------------------------
	C O N T E N T
---------------------------------------------------------------- */

.content                {width:664px;height:auto;display:inline;color:#000;padding:0;float:left;clear:left;margin:0 0 0 60px;}
.content .aside         {float:left;width:225px;clear:left;margin:40px 0 0 40px;}
.content .full          {float:right;width:100%;border-top:1px solid #e9e9e9;}
.section                {float:right;width:157px;margin:0 12px 0 0;height:600px;background:url(/Assets/Img/BGSprite.gif) -1042px -152px no-repeat}
.sidebar                {display:none;}

/* TESTIMONIALS SIDEBAR ROTATOR */
.testimonialSection                        {display:none;}
.testimonialSection ul#testimonialsFade    {height:800px;float:right;width:100%;display:block;}
.testimonialSection ul li {display:block;}
.testimonialSection ul#testimonialsFade a  {color:#fff;}
.testimonialSection h3 {margin:0;padding:0;background:url(/Assets/Img/BGSprite.gif) -855px -575px no-repeat;text-indent:-9999px;height:24px;width:146px;}

.contactSection           {margin-top:20px;}
.contactSection h3 a      {display:block;background:url(/Assets/Img/BGSprite.gif) -740px -545px no-repeat;width:140px;height:54px;text-indent:-9999px;margin-left:15px;}
.contactSection p.phone   {color:#fff;font-size:15px;line-height:18px;background:url(/Assets/Img/BGSprite.gif) -730px -395px no-repeat;text-shadow:1px 1px 1px #2c020b;width:125px;margin:10px 0 0 19px;padding-left:20px;}
.contactSection p.phone a,
.contactSection p.address a {color:#ffbb00;}
.contactSection p.phone span {font-size:12px;}
.contactSection p.address {float:left;color:#fff;font-size:12px;line-height:18px;text-shadow:1px 1px 1px #2c020b;width:140px;margin:75px 0 0 19px;padding-left:0px;}
.contactSection p.address strong {text-transform:uppercase;font-size:14px;color:#ffbb00;}

footer                 {font-size:1em;line-height:1.8em;width:920px;border:1px solid transparent;border-top:0;clear:both;padding:5em 0 8em;clear:both;margin:0 auto;background:transparent url(/Assets/Img/BGSprite.gif) 0 -157px no-repeat}
footer ul              {float:left;display:inline;color:#999;margin:10px 0 0 0px;padding-left:50px;}
footer ul li           {display:inline;font-size:10px;}
footer ul li a,
footer ul li a:link,
footer ul li a:visited {color:#999;text-decoration:none;font-size:11px;}
footer ul li a:hover   {background:none;text-decoration:underline;color:#999;text-shadow:none;}
footer p               {float:left;clear:left;font-size:10px;color:#ccc;margin-left:50px;display:inline;width:100%}
footer a.top           {margin:-20px 50px 0 0;background:url(/Assets/Img/BGSprite.gif) -1113px 2px no-repeat;display:inline;padding-left:20px;color:#8b042b;font-size:14px;float:right;text-decoration:none;}
footer a.top:hover     {text-shadow:none;text-decoration:underline;}

input.searchPageBox {font-family:'DroidSansRegular',Arial,San-Serif;padding:.2em;width:33%;border:1px solid #eee;border-top:1px solid #bbb;border-left:1px solid #bbb;font-size:18px;}
input.searchPageBtn {cursor:pointer;}
span.searchStatus   {margin:1.6em 0;display:block;font-style:italic;}

.row        {}
.row strong {text-align:right;padding-right:2em;float:left;width:6em;clear:both;}
.row span   {float:left;width:30em;margin-bottom:.4em;}

.required			{border:none;}
.required span		{float:left;width:70px;}
div.tabs div.required		{border:none;}
div.tabs div.row			{border:none;}

/*
----------------------------------------------------------------
	T A B S
---------------------------------------------------------------- */
.content ul.tabNavigation       {list-style:none;margin:0;padding:0;width:150px;float:left;border-top:1px solid #e9e9e9;}
.content ul.tabNavigation li    {display:block;width:100%;margin:0;border-bottom:1px solid #e9e9e9;}
ul.tabNavigation li a           {padding:.6em 0;color:#000;display:block;width:100%;text-decoration:none;}
ul.tabNavigation li a.selected,
ul.tabNavigation li a:hover     {background:transparent;color:#690a25;text-shadow:none;}
ul.tabNavigation li a:focus     {outline:0;}
ul.tabNavigation li a span 
{
	position: absolute;
    left: -15px;
    top: 12px;
    margin: -4px 0 0;
    height: 20px;
    width: 24px;
    background:url(/Assets/Img/BGSprite.gif) -1113px -51px no-repeat;
    display: none;
}

div.tabs {}
div.tabs div      {float:right;width:490px;border-top:1px solid #e9e9e9;}
div.tabs > div    {}
div.tabs > div h2 {}
#first            {}
#second           {}
#third            {}
#fourth           {}

.content p.leader {width:345px;float:left;}

/*
----------------------------------------------------------------
	T A B S   R E P L A C E M E N T
---------------------------------------------------------------- */
.contentright		{width:450px;margin-left:25px;float:left;border-top:1px solid #e9e9e9;}

/*
----------------------------------------------------------------
	F E A T U R E D    N A V 
---------------------------------------------------------------- */
div#featured {float:left;margin-left:63px;}
a.featured1,a.featured2,a.featured3   
{float:left;position:relative;display:block;height:279px;width:223px;background:url(/Assets/Img/SpriteFeatured.jpg) 0 0 no-repeat;}
a.featured1 *,a.featured2 *,a.featured3 * 
{display:none;}
a.featured1 span.hover,a.featured2 span.hover,a.featured3 span.hover 
{position:absolute;top:0;left:0;display:block;height:279px;width:223px;background:url(/Assets/Img/SpriteFeatured.jpg) -223px 0 no-repeat;}

a.featured2 {background:url(/Assets/Img/SpriteFeatured.jpg) 0 -279px no-repeat;}
a.featured3 {background:url(/Assets/Img/SpriteFeatured.jpg) 0 -558px no-repeat;}
a.featured2 span.hover {background:url(/Assets/Img/SpriteFeatured.jpg) -223px -279px no-repeat;}
a.featured3 span.hover {background:url(/Assets/Img/SpriteFeatured.jpg) -223px -558px no-repeat;}

/*
----------------------------------------------------------------
	N E W S
---------------------------------------------------------------- */

div.itemPager      {float:left;}
span.pagertitle    {float:left;clear:both;}

textarea           {clear:left;width:97%;font-size:14px;line-height:1.6em;font-family: Arial, Helvetica, Sans-Serif;}
.textfield,
textarea.textfield {float:left;border:1px solid #ccc;border-top:1px solid #999;background:#fff;width:400px;padding:.5em;margin:.4em 0;font-family:'DroidSansRegular', Arial, Helvetica, Sans-Serif;color:#999;}
.textfield:hover   {border:1px solid #690a25;}
.textfield:focus   {border:1px solid #690a25;background:#f5f5f5;}
input.submitForm   {background:url(/Assets/Img/BtnSend.gif) 0 0 no-repeat;position:relative;left:-4px;width:152px;height:53px;float:left;clear:left;border:none;font-size:0;cursor:pointer;}


