* /*Sets border, padding and margin to 0 for all values*/
{
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial ;
}

body, html 
{
	color: #000; 
	background-color: #d91018;
	background-image: url("../../images/borderGradient.png");
	background-repeat: repeat-x;
	text-align: center; /*** Centers the design in old IE versions ***/
	height: 100%;
	font-size : 12px;
}

body 
{
	font-size: 80%;
	color: #686868 ;
}

p
{
	padding: 7px 0 7px 0 ;
	color : #000000 ;
}

a
{
	color : #d91018 ;
	text-decoration : underline ;	
}

li
{
	color : #000000 ;	
	margin-left : 25px ;
}

h1
{
	font-size : 20px ;
}

h2
{
	font-size : 14px ;
}

h3
{
	color : #700d0d ; 
	font-size : 12px ;
}

/*============================
	Set elements
  ============================*/

#mainContainer
{
	position : relative ;
	width: 980px;
	margin: 0 auto;
	min-height: 100%;
	background-color: #ffffFF;
	text-align: left;
}

#mainInner
{
	padding-bottom : 90px ;	
}

#content
{
	float : left ;
	padding-left : 15px ;
	padding-right : 15px ;
	width : 650px ;	
}

#right 
{
	margin-left : 650px ;
	padding-left : 25px ;
	padding-right: 25px ;
	min-height : 91px ;
}

#footer
{
	height : 50px ;
	background-color : #FFFFFF ;
	color : #9B9B9B ;
	position: absolute;
	bottom : 0;
	width : 980px ;
	font-size : 90% ;
	text-align : center ;
}

#footer a:link, #footer a:visited
{
	color : #d91018;
	text-decoration : none ;
}

#footer a:hover
{
	color : #d91018;
	text-decoration : underline ;	
}

/*************************8
	Misc styles
***********************888*/

.topLinks
{
	background-color : transparent ;
	color : #FFFFFF ;	
	position: absolute ;
	left : 760px ;
	top : 20px ;
}

.topLinks a:link, .topLinks a:visited
{
	color : #000000 ;
	text-decoration : none ;		
}

.topLinks a:hover
{
	color : #FFFFFF ;
	text-decoration : none ;		
}

.greyButton
{
	background : transparent url("../../images/greyButton.png") no-repeat center center ;
	color : #FFFFFF ;
	text-align : center ;
	font-weight : bold ;
	padding : 20px ;
	text-decoration : none ;
}

.greyButton:hover
{
	background : transparent url("../../images/greyButtonLight.png") no-repeat center center ;
	color : #FFFFFF ;
	text-align : center ;
	font-weight : bold ;
	padding : 20px ;
	text-decoration : none ;
}

.submitButton
{
	background : transparent url("../../images/greyButton.png") no-repeat center center ;
	color : #FFFFFF ;
	text-align : center ;
	font-weight : bold ;
	font-size : 90% ;
	width : 99px ;
	height : 23px ;
	border: 0px ;
	cursor: pointer ;
	/*padding-top : 5px ;*/
}

.submitButton:hover
{
	background : transparent url("../../images/greyButtonLight.png") no-repeat center center ;
	color : #FFFFFF ;
	text-align : center ;
	font-weight : bold ;
	font-size : 90% ;
	width : 99px ;
	height : 23px ;
	border: 0px ;
	cursor: pointer ;
	/*padding-top : 5px ;*/
}


.errorDiv
{
	border : 1px dotted #d91018 ;
	color : #d91018 ;
	width : 60% ;
	padding : 10px ;	
}


/**************************
	HEADER
**************************/

#header
{
	width: 980px;
	height: 138px;
	background-image: url("../../images/topBannerTopGradient.gif");
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	left: 0px;
}

.headerLogo
{
	width: 257px;
	height: 115px;
	background-image: url("../../images/logostyles.png");
	background-repeat: no-repeat;
	left: 0px;
	padding: 0px;
	margin-left: 30px;
}


/* NAVIGATOR*/


.navigator 
{
	height: 37px;
	background-image: url("../../images/topBannerShadow.gif");
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	padding-left: 60px;
	left: 0px;	
}

.navigator table
{
	border-collapse: collapse;
	width: 90%;
	text-align: center;
}

.navigator table td
{
	padding-top : 5px ;
	width: 144px;
	height: 30px;
	text-align: center;
}

.navigator a:link, .navigator a:visited
{
	color : #9c9c9c;
	font : bold 14px Arial ;
	text-decoration : none ;	
}

.navigator a:hover
{
	color : #d91018;
	font : bold 14px Arial ;
	text-decoration : none ;	
}

.navigator .currentTab
{
	width : 152px;
	height : 35px;
	text-align : center;
	background : url("../../images/tab.png") no-repeat top center ;	
}

.navigator .currentTab a
{
	color : #d91018;
	font : bold 14px Arial ;
	text-decoration : none ;	
}


/*BELOW NAVIGATOR */

#solidGrayUnderNav 
{
	width: 980px;
	height: 130px;
	background-image: url("../../images/topBannerMiddleSolid.gif");
	background-repeat: repeat-x;
	background-color: #005596;
	left: 0px;
}

.bottomBannerGradient 
{
	background-image: url("../../images/topBannerBottomGradient.gif");
	background-repeat: repeat-x ;
	background-color: #FFFFFF ;
	left: 0px;
	padding-top: 5px;
	min-height : 90px;
}

/* Heading */
.heading
{
	background-color: transparent ;
	height: 51px;
	width: 100%;
	border-collapse: collapse; 
}

.heading .headingLeft
{
	background-image: url("../../images/boxHeaderLeft.png");
	height: 51px;
	width: 24px;
	float : left ;
}

.heading .headingCenter
{
	background-image: url("../../images/boxHeaderGradient.png");
	background-repeat : repeat-x ;
	height: 51px;
	margin-left : 24px ;
	margin-right : 24px ;
}

.heading .headingRight
{
	background-image: url("../../images/boxHeaderRight.png");
	height: 51px;
	width: 48px;
	float: right ;
}

.contentPage .heading .headingRight
{
	background-image: url("../../images/boxHeaderRightContent.png");
	height: 51px;
	width: 48px;
	float: right ;
}

.heading h4
{
	font-size : 16px ;
	font-weight : normal ;
	color : #FFFFFF ;
	padding-top : 16px ; 	
}

/* ==================================
   Latest projects and contact us box
 ==================================== */

.box
{
	background-color: transparent ;
	height: 312px;
	width: 100%;
	border-collapse: collapse; 
}

.box .boxLeft
{
	background-image: url("../../images/boxLeft.png");
	height: 312px;
	width: 15px;
	float : left ;
}

.box .boxCenter
{
	background-image: url("../../images/boxFill.png");
	background-repeat : repeat-x ;
	height: 312px;
	margin-left : 15px ;
	margin-right : 17px ;
}

.box .boxRight
{
	background-image: url("../../images/boxRight.png");
	height: 312px;
	width: 17px;
	float: right ;
}

.box .content
{
	padding-top : 15px ;
	padding-bottom : 15px ;
	text-align : justify ;
}

.box .content li
{
	text-align : justify ;
}

.box .content h3
{
	padding-left : 5px ;
	padding-top : 15px ;
}

.box .content p
{
	padding-left : 5px ;
	padding-right : 5px ;
}

/**************************
	Side feed
**************************/

.feed h1
{
	padding-top : 20px ;
	margin-right : 30px ;	
	align : left ;
	border-bottom : 2px solid #d91018 ;
	padding-bottom : 5px ;
	background : transparent url("../../images/cal.png") no-repeat bottom right ;
}

.newsItem
{
	margin-top : 20px ;
	border-bottom : 1px dashed #d91018 /*#686868*/ ;
	margin-right : 30px ;
	padding-bottom : 20px ;
	text-align: justify ;
	text-justify: newspaper ;	
}

.newsItem p
{
	margin-bottom : 15px ;	
}

/**************************
	Side nav
**************************/

.sideNav h1
{
	padding-top : 20px ;
	margin-right : 30px ;	
	align : left ;
	border-bottom : 2px solid #d91018 ;
	padding-bottom : 5px ;
	background : transparent url("../../images/binoculars.png") no-repeat bottom right ;
}

.sideNav .links
{
	margin-top : 15px ;
	margin-bottom : 15px ;
	
	text-decoration : none ;
	font-weight : bold ;	
}

.sideNav .links a
{
	text-decoration : none ;
	/*font-size : 12px ;*/
	font-weight : bold ;
	/*color : #000000 ;*/
}

.sideNav .links a:hover
{
	background-color : #d91018 ;
	color : #FFFFFF ;
}

/**************************
Content pages
**************************/

.contentPage
{
	border-right : 1px solid #d91018 ;
	padding : 10px ;
	padding-bottom : 30px
}

.contentPage h1
{
	padding-top : 20px ;
	margin-right : 30px ;	
	align : left ;
	width : 80% ;
	border-bottom : 2px solid #d91018 ;	
	padding-bottom : 5px ;
	margin-bottom : 20px ;
	background : transparent url("../../images/tools.png") no-repeat bottom right ;
}

.contentPage h2
{
	padding-top : 10px ;
	margin-right : 30px ;	
	align : left ;
	width : 60% ;
	border-bottom : 1px dashed #d91018 ;	
	padding-bottom : 3px ;
	margin-bottom : 10px ;
	background : transparent ;
}

.contentPage h3
{
	width : 60% ;
	color : #700d0d ;
}

/*=======================
	articles
  =======================*/

.article
{
	width : 55% ;
	border-bottom : 1px dotted #CECECE ;	
	padding : 10px ;
	padding-bottom : 15px ;
	margin-bottom : 10px ;
}

.article h3
{
	width : 60% ;
	border-bottom : 1px dotted #d91018 ;	
}

.article p
{
	margin-bottom : 15px ;
}

.article .articleInfo
{
	font-size : 90% ;
	color : #CECECE ;
	padding : 0px ;
	margin : 0px ;
	margin-left : 10px ;
}

.articlePaging
{
	text-align: right ;
	margin-right: 20% ;
	margin-top: 20px ;
	margin-left : 10px ;
	padding-right : 10px ;
	background : transparent url("../../images/bullet.png") no-repeat bottom right ;
}

.articlePaging a
{
	text-decoration : none ;
	font-weight : bold ;
}

/* ============================
	directions sidebox
 =========================== */

.directions
{
	margin-right: 10% ; 
}

.directions h1
{
	padding-top : 17px ;
	padding-left : 35px ;
	margin-right : 10px;
	background : transparent url("../../images/globeLogo.png") no-repeat bottom left ;	
	border-bottom : solid 2px #d91018 ;
	margin-bottom : 15px ;
}

.directions img
{
	border : 1px solid #d91018 ;
}

/* ============================
	comments section
 =========================== */
 
.commentSection
{
	width : 60% ;
}

.commentItem
{
	margin-bottom : 15px ;
	background : transparent url("../../images/commentDetail.png") no-repeat bottom right ;	
}

/* ============================
	team page
 =========================== */

 .personnel
 {
 	min-height: 105px ;
 	margin-bottom: 20px ;
 }
 
 .personnelInfo
 {
	margin-left: 40px;
	margin-bottom: 40px;
 }
 
 .teamImage
 {
 	float: left;
 	margin-right: 10px;
 }
 
 .teamImage img
 {
 	border : 0px ;
 }
 
 .teamImage a
 {
	cursor : default ;
 }
 
 .emph
 {
 	color : #2a4091 ;
 	font-weight : bold ;
 }
 
 ul
 {
	margin-top : 2px ;
 	list-style-image: url("../../images/bullet.png") ;
 }
 
 li
 {
 	margin-bottom : 2px ;
 }
 
 li ul
 {
 	list-style-image: url("../../images/greybullet.png") ;
 }
 
/* ============================
	product page
 =========================== */
 
 .productPage td
 {
 	width : 50% ;
 	border : 3px solid #dedede ;
 	padding : 3px ;
 }
 
 .product
 {
 	min-height : 65px ;
 }

 .product:hover
 {
 	min-height : 65px ;
	background-color: #efefef;
 }
 
 .productImage
 {
 	float: left;
 	margin-right : 10px 
 }
 
 .productButton
 {
 	padding-top : 10px ;
 	float : right ;
 	padding-bottom : 10px ;
 }