
body {
	background-image: url(images/bgGrad.jpg);
	background-repeat: repeat-x;
	background-color: #7c94c6;
	margin: 0px;
	font-family: "Lucida Sans", "Verdana", "Century Gothic", "Lucida Sans Unicode";
	font-size: 14px;
	color: #073881;
}
.logo {border: none; height: 100%; width: 100%;}

/* ------------------ HOME PAGE --------------------------*/
.homeContainer {

	position: absolute;
	height: 512px;
	width: 1510px;
	top: 0px;
	z-index: 0;
}
.banner {
	height: 355px;
	width: 1510px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 1;
}
.horizBar1 {
	position: absolute;
	top: 356px;
	width: 1624px;
	height: 157px;
	left: 0px;
}

.barGrad2 { position: absolute;
	top: 355px; width:43px;
	height: 157px;	background-image: url(images/barGrad2.jpg); background-repeat: repeat-x; z-index: 2;}
.leftCap, .rightCap {position: relative; height:122px; top: 9px; width:18px; background-repeat: no-repeat;}
.leftCap { background-image: url(images/leftCap.jpg); background-position: left; }
.rightCap { background-image: url(images/rightCap.jpg); left:25px;}

/* -------------- HOME PAGE MENU --------------- */ 

#menu { position:absolute; width:850px; height:122px; overflow:hidden; margin:0 auto; left: 161px; top: 364px; background-color: transparent; background-image: url(images/menu.jpg); }
#menu ul {margin:0; padding:0;}
#menu li { list-style-type:none; width: 171px; height:122px; display:inline; }
#menu a { display:block; float:left; height:0px; overflow:hidden; color:#000; text-decoration:none; padding-top:122px; background-color: transparent; background-image: url(images/menu_ro.jpg); background-repeat: no-repeat; background-position: 600px 600px; }

/* don't forget to set menuSpacer class correctly */
.menuSpacer { width: 169px; height: 122px; border-style: none; }

#menu a#aboutUs:hover { background-position: 0px 0px; z-index:50; width: 169px; }
#menu a#services:hover { background-position: -170px 0px; z-index:50;width: 169px; }
#menu a#process:hover { background-position: -338px 0px; z-index:50;width: 169px; }
#menu a#portfolio:hover { background-position: -507px 0px; z-index:50;width: 169px; }
#menu a#contact:hover { background-position: -676px 0px; z-index:50;width: 169px; }

.normCursor { cursor: default; }

/* ---------------- NON-HOME PAGE ------------------------*/

#asc_page { background-image: none; }
#contentArea { background-image: url(images/bg_grad3.jpg); background-repeat: repeat-x; left: 313px; position: absolute; width:660px; height: 100%; background-color: #dbc5a0; z-index: 1; border-right-style: solid; border-right-color: #FFFFFF; border-left-color: #FFFFFF; border-right-width: 1px; border-left-width: 1px; border-left-style: solid; min-height:850px; _height:850px;}

#panel1 { background-image: url(images/panel1.jpg); background-repeat: no-repeat; position: absolute; height: 335px; width: 77px; left: 897px; top: 0px; z-index: 2; }
#panel2 { background-image: url(images/panel2.jpg); background-repeat: no-repeat; position: absolute; height: 292px; width: 76px; left: 314px; top: 298px; z-index: 2; }
#panel3 { background-image: url(images/panel3.jpg); background-repeat: no-repeat; position: absolute; height: 255px; width: 77px; left: 896px; top: 335px; z-index: 2; }
#curves2 { background-image: url(images/curves2.gif); background-repeat: no-repeat; position: absolute; height: 335px; width: 852px; left: 973px; top: 0px; z-index: 2; }
#barGrad3 { background-image: url(images/barGrad3.jpg); background-repeat: repeat-x; position: absolute; width: 1825px; height: 238px; top: 352px; }
#logo2 { background-image: url(images/logo2.jpg); background-repeat: no-repeat; position: absolute; width:313px; height:156px; top:196px;}
#vertLine { background-color: #FFFFFF; position: absolute; height: 100%; width: 1px; left: 149px; min-height:850px; _height:850px;}
#gradb {background-image: url(images/gradb.jpg); background-repeat: repeat-x; position: absolute; width: 163px; height: 196px; top: 0px; left: 150px;}
#gradc {background-image: url(images/gradc.jpg); background-repeat: repeat-x; position: absolute; width: 161px; height: 125px; top: 590px; left: 151px;}
#box695 { background-image: url(images/box695.png); background-repeat: no-repeat; position: absolute; height: 655px; width: 501px; left: 371px; top: 60px; z-index: 10; padding: 20px; }
#box645 { background-image: url(images/boxTop.png); background-repeat: no-repeat; position: absolute; height: 725px; width: 501px; left: 371px; top: 60px; z-index: 10; padding: 20px; _background-image: none;}

#contentBox { position: absolute; width: 541px; left: 371px; top: 60px; z-index: 10; }
.boxTop {background-image: url(images/boxTop.png); background-repeat: no-repeat; height: 28px; width: 541px; }
.boxMid
{
    background-image: url(images/boxMid.png);
    background-repeat: repeat-y;
    width: 500px;
    min-height: 500px;
    padding-left: 22px;
    padding-right: 22px;
    line-height: 20px;
}
.boxBtm {background-image: url(images/boxBtm.png); background-repeat: no-repeat; height: 28px; width: 541px; }

.boxTop { _background-image: none; _background-color: #c0cee6; _border-top-width: 4px; _border-right-width: 4px; _border-left-width: 4px; _border-top-style: solid; _border-right-style: solid; _border-left-style: solid; _border-top-color: #f8fafc; _border-right-color: #f8fafc; _border-left-color: #f8fafc; }
.boxMid {_width: 519px; _background-image: none; _background-color: #c0cee6; _border-right-width: 4px; _border-left-width: 4px; _border-right-style: solid; _border-left-style: solid; _border-right-color: #f8fafc; _border-left-color: #f8fafc; }
.boxBtm { _background-image: none; _background-color: #c0cee6; _border-bottom-width: 4px; _border-right-width: 4px; _border-left-width: 4px; _border-bottom-style: solid; _border-right-style: solid; _border-left-style: solid; _border-bottom-color: #f8fafc; _border-right-color: #f8fafc; _border-left-color: #f8fafc; }

	
/* -------------- NON-HOME PAGE MENU --------------- */ 

#menu2 { position:absolute; width:212px; height:238px; overflow:hidden; margin:0 auto; left: 101px; top: 352px; background-color: transparent; background-image: url(images/menu2.jpg); }
#menu2 ul {margin:0; padding:0;}
#menu2 li { list-style-type:none; width: 212px; display:inline; }
#menu2 a { display:block; float:left; height:0px; overflow:hidden; color:#000; background-color: transparent; padding-top:48px; background-image: url(images/menu_ro2.jpg); background-repeat: no-repeat; background-position: 600px 600px; }
#menu2 a#process {padding-top:47px;}
#menu2 a#portfolio {padding-top:47px;}

/* don't forget to set menuSpacer2 class correctly */
#menu2 a#aboutUs:hover { background-position: 0px 0px; width: 212px; }
#menu2 a#services:hover { background-position: 0px -48px; width: 212px; }
#menu2 a#process:hover { background-position: 0px -96px; width: 212px; }
#menu2 a#portfolio:hover { background-position: 0px -143px; width: 212px; }
#menu2 a#contact:hover { background-position: 0px -190px; width: 212px; }
.menuSpacer2 { width: 212px; height: 49px; border-style: none; }

/* ----------------- NAVIGATION --------------------------*/

/*.imgHeron, .imgButterfly, .imgBee, .imgJet, .imgSatellite {*/
.imgBox {
	position: absolute;
	top: 373px;
	width: 162px;
	height: 108px;
	background-color: #a2b4d4;
	z-index: 2;
	background-repeat: no-repeat;
}

.menuarea {
	background-image: url(images/menu.jpg);
	background-repeat: no-repeat;
	left: 0px;
	top: 0px;
	position: absolute;
	height: 729px;
	width: 298px;
}
.menubtn, .menubtnAct, .menubtn2 {
	height: 21px;
	width: 163px;
	left: 135px;
	position: absolute;
	z-index: 4;
	
/*	color: #FFFFFF;
	font-size: 22px;
	text-decoration: none;
	line-height: 19px;
	font-family: Haettenschweiler, "Calibri", "Corbel", "Trebuchet MS", "Arial Narrow", "Franklin Gothic Medium Cond";
	padding: 0px;*/
}

.menubtn2 {padding-top: 3px; width: 159px;}
.menubtn {background-color: #657091;}
A.menubtn:hover{background-color: #d9c698;}
.menubtnAct{color: #47527E;}


/*b0bdd5*/
/*.imgHeron {background-image: url(images/heron.jpg);background-position: 26px 19px;}
.imgButterfly {background-image: url(images/butterfly2.gif); background-position: 24px 26px;}
.imgBee {background-image: url(images/bee.gif);background-position: 22px 24px;}
.imgJet {background-image: url(images/Jet.jpg); background-position: 46px 23px;}
.imgSatellite {background-image: url(images/Satellite.jpg); background-position: 9px 34px;}*/

/* --------------- CONTENT AREA ----------------------*/

.content {
/*	height: 100%;*/
	width: 658px;
	position: absolute;
	left: 298px;
	background-image: url(images/bg_grad.jpg);
	background-repeat: repeat-x;
	background-color: #d9c698;
	overflow:auto;
}
.contentBehind {
	width: 658px;
	height: 100%;
	position: absolute;
	left: 298px;
	background-image: url(images/bg_grad.jpg);
	background-repeat: repeat-x;
	background-color: #d9c698;
}
.infobox {
	border: 20px solid #e0e7f0;
	width: 490px;
	left: 50px;
	top: 60px;
	background-image: url(images/bg_grad_inner.jpg);
	background-repeat: repeat-x;
	background-color: #e1d8be;
	padding: 10px;
	float: left;
}
.numberBox
{
    width: 82px;
    height: 41px;
    font-size: 28px;
    float: left;
    text-align: center;
    background-image: url(images/circle.png);
    _background-image: url(images/circle.gif);
    background-repeat: no-repeat;
    background-position: 21px 0px;
    padding-top: 10px;
    padding-right: 2px;
    line-height: 20px;
}
.numberedText {
	float: left;
	width: 402px;
	margin-top: 9px;
}
.steps{
	/*process page*/
	overflow: auto;
}
.title1 {
	font-size: 22px;
	font-weight: bold;
}
.topBlock{
	height: 50px;
	width: 656px;
	clear: both;
}
.leftBlock{
	height: 50px;
	width: 52px;
	float: left;
}
.clearBoth{clear:both;}
.copyright{ font-size: 10px; text-align: center; }


/* ----------------- TABLE STYLES - SERVICES --------------------------*/

.tableHdr, .tdUnderline {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #607D9D;
	vertical-align: top;
}
.tableHdr {
	font-weight: bold;	
}
td {
	vertical-align: top;
	padding-top: 3px;
	padding-bottom: 3px;
}
