@charset "UTF-8";

/* Site Colors
#951810 - red
#eaeff1 - light blue
#8aa2ae - medium blue (background blue)
#37444a - dark blue-grey
*/

/* @group general */

*{margin:0; padding:0;}

body  {
	font: 80%/1.8em Verdana, Arial, Helvetica, sans-serif;
	text-align: center; 
	color: #37444a;
	background: #8aa2ae url(../images/common/bkgRepeat.gif) repeat;
}
#container { 
	width: 1200px;
	margin: 0 auto; 
	text-align: left;
}
.shadowWrapper{
	background: url(../images/common/shadow.png) no-repeat right bottom  !important;
	background: url(../images/common/shadow.gif) no-repeat right bottom;
	position: relative;
	float: left;
	width: 100%;
	/* border: 1px solid #ff68e7; */
	padding: 0 13px 0 0;
	 /*_padding: 0; IE 6 and below should see this */
}

.shadowWrapperEase{
	background: transparent url(../images/common/shadowEase.png) no-repeat left top  !important;
	background: transparent url(../images/common/shadowEase.gif) no-repeat left top;
	position: relative;
	float: left;
	width: 100%;
	padding-left: 4px;
	/*_padding: 0;  IE 6 and below should see this */
}

#contentWrapper{
	position: relative;
	display: block;
	margin: -5px 5px 5px -5px;
	padding: 0 4px 4px 4px;
	background: white url(../images/common/fauxColumn.gif) repeat-y 30% 0;
	border-left: 1px solid #838383;
	border-bottom: 1px solid #838383;
	border-right: 1px solid #838383;
	width: 100%;
}

/*#bkgwrapper1 {
	background: url(../images/common/bkgRepeat.gif) repeat;
}*/
#bkgwrapper {
	background: url(../images/common/bkgStripeTile.gif) repeat-x;
}


/* @end */
/* ======================================================= */
/* @group navigation */

ul#mainNav {
	list-style-type: none;
	background: url(../images/common/navTile.gif) repeat; 
	width: 100%;
	float: left;
}

ul#mainNav li {
	float: left;
	display: inline;
}

ul#mainNav a {
	float: left;
	display: block;
	text-indent:-1000em;
	height: 45px;
	font: small-caps 1.3em Georgia, "Times New Roman", Times, serif;
	color: #dee8ed;
	text-decoration: none;
}

a#main-a1 {background: url(../images/common/nav_01.gif) no-repeat left bottom; width: 81px; }
a#main-a2 {background: url(../images/common/nav_02.gif) no-repeat left bottom; width: 112px;}
a#main-a3 {background: url(../images/common/nav_03.gif) no-repeat left bottom; width: 143px;}
a#main-a4 {background: url(../images/common/nav_04.gif) no-repeat left bottom; width: 140px;}
a#main-a5 {background: url(../images/common/nav_05.gif) no-repeat left bottom; width: 120px;}
a#main-a6 {background: url(../images/common/nav_06.gif) no-repeat left bottom; width: 118px;}
a#main-a7 {background: url(../images/common/nav_07.gif) no-repeat left bottom; width: 215px;}

a#main-a1:hover {background-position: right bottom;}
a#main-a2:hover {background-position: right bottom;}
a#main-a3:hover {background-position: right bottom;}
a#main-a4:hover {background-position: right bottom;}
a#main-a5:hover {background-position: right bottom;}
a#main-a6:hover {background-position: right bottom;}
a#main-a7:hover {background-position: right bottom;}

#home #main-a1, #about #main-a2, #testimonials #main-a3, #services #main-a4, #resources #main-a5, #locations #main-a6, #career #main-a7{
	background-position: right bottom;
	cursor: default;
}

/* tab nav */

ul#tabNav{
	list-style: none;
	float: right;
	width: 100%; /* if set to anything other than 100% the tab move to the top of the header when I want them to line up right above the nav bar */
	position: relative;
	/*border: 1px solid #ff68e7;*/
}

ul#tabNav li {
	float: right;
	display: inline;
	background: url(../images/common/tabRight.gif) no-repeat top right;
	margin-right: 0.5em;
}

ul#tabNav a {
	display: block;
	color: #8caab9;
	text-decoration: none;
	text-transform: uppercase;
	font: 0.7em/2.2em Georgia, "Times New Roman", Times, serif;
	background: url(../images/common/tabLeft.gif) no-repeat top left;
	padding: 0.5em 1em 0;
}

ul#tabNav a:hover {
	color: White;
	text-decoration: underline;
}

/* @end */ 
/* ======================================================= */
/* @group branding */

#branding { 
	width: 100%;
	float: left;
	display: block;
	background-color: white;
}

#branding img {
	width: 302px;
	float: left;
	margin: 45px 0 0 26px;
}

#imgArea{
	width: 100%;
	background-color: #951810;/*red*/
	float: left;
	display: block;
	min-height: 325px;
}

#imgArea h1{
	float: left; 
	display: block; 
	height: 246px; 
	width: 315px;
	text-indent: -1000em;
	background: url(../images/home/dedicated.gif) no-repeat;
	margin: 30px 0 50px 30px;
}

/* @end */
/* ======================================================= */
/* @group typography */
h1 {
	color: #b74c41;
	font: bold 1.5em "Lucida Grande", Lucida, Verdana, sans-serif;
}

h2 {
	color: #b74c41;
	font: bold 1.25em "Lucida Grande", Lucida, Verdana, sans-serif;
}

#header h1 {
	padding: 10px 0; 
}

/* @end */
/* ======================================================= */
/* @group main content */

#mainContent { 
	float: left;
	display: block;
	width: 100%;
	background: url(../images/home/contentGrad.gif) repeat-x;
}

#mainContentSub { 
	float: left;
	width: 100%;
	background: url(../images/subPages/blueBkg_subTile.jpg) repeat-x;
}

#mainContent p, #mainContent ul, #mainContent h1, #mainContent h2, #mainContent iframe, #mainContent form, #thumbnail{
	margin: 0px 45px 15px 35%;
}

#mainContent ul{
	margin-left: 40%;
}

#mainContent a{
	text-decoration: none;
	border-bottom: 1px dotted #37444a;
	color: #37444a;
	font-weight: bold;
}

#mainContent a:hover{
	border: none;
	color: #951810;
}

#mainContent h1{
	margin-top: 65px;
}

#mainContent h2{
	margin-top: 30px;
}


/* @end */
/* ======================================================= */
/* @group sidebar */

#sidebar1 {
	float: left; 
	width: 30%;
	background: url(../images/home/newsHeadTile.gif) repeat-x; 
	min-height: 100px;
}

#sidebar1 h3 {
	width: 182px;
	height: 55px;
	font: bold 14px/16px Georgia, "Times New Roman", Times, serif;
	text-indent: -1000em;
	background: url(../images/home/newsHead.gif) no-repeat 0 0;
}

#sidebar1 h4{
	background: url(../images/home/newsBullet.gif) no-repeat 0 0;
	margin: 25px 25px 0 30px;
	color: #6b8898;/*blue*/
	font: bold 17px/20px Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	min-height: 27px;
	padding: 5px 0 0 32px;
}

#sidebar1 h4 a {
	border: none;
	text-decoration: none;
	color: #6b8898;/*blue*/
}

#sidebar1 h4 a:hover {
	text-decoration: none;
	color: #951810;/*blue*/
}

#sidebar1 p {
	margin: 5px 25px 20px 30px;
	font: 13px/18px Georgia, "Times New Roman", Times, serif;
}

#sidebar1 p.more a{
	font: 10px/10px Georgia, "Times New Roman", Times, serif;
	color: #37444a;
	text-transform: uppercase;
	text-decoration: none;
	background-color: white;
	padding: 3px 3px 3px 5px;
	float: right;
	display: block;
	margin: 0 -25px 0 0;
	border: none;
}

#sidebar1 p.more a:hover{
	color: white;
	text-decoration: none;
	background-color: #951810;
}
.newsDivider {
	display: block;
	min-height: 18px;
	line-height: 10px;
	margin: 0 25px 20px 30px;
	background: url(../images/home/divbar.gif) no-repeat left bottom;
}



/* @end */
/* ======================================================= */
/* @group footer */

#footer { 
	background:#951810 url(../images/common/footShadow.gif) no-repeat 30% top;
	/*min-height: 8.5em;*/
	width: 100%;
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	/*border-right: 1px solid #8caab9;
	border-left: 1px solid #8caab9;
	border-bottom: 1px solid #8caab9;*/
} 
#footer p {
	padding: 17px 30px 10px;
	color: white;
	font-size: 0.75em;
	line-height:  1.5em;
	float:  left;
	display: block;
}

#footer p.locations {
	padding: 0;
	margin: 0 50px 0 0;
	line-height: 1.7em;
	float: left;
	display: block;
	color: #dbbcba;
}
#footer a {
	color: #acbfc9;
	text-decoration: none;
}
#footer a:hover {
	color: #acbfc9;
	text-decoration: none;
	border-bottom: 1px dotted #acbfc9;
}

#footer #locationsWrapper {
	margin: 0 0 0 75px;
	padding: 17px 0 10px 0;
	float: left;
	display: block;
	width: 60%;
}

#footer strong {
	color: #acbfc9;
}

#footer .tele {
	color: white ;
	line-height: 22px;
}

#footer .copyright {
	float: left;
	margin-right: 8px;
}

/* @end */
/* ======================================================= */
/* @group misc */


.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* @end */