@charset 'utf-8';
/* CODED BY designOPTIONS */
/* GLOBAL */
body {
	background: url(../images/bg-body.png) #1f2227 repeat-x top;
}

.links { 
	font: 12px Arial, Helvetica, sans-serif; 
	color: #1faadd;
	border-bottom: 1px dashed;
	text-decoration: none;
}

.links:hover { text-decoration: none; color: #3ac2f4; }

div.topheader {
	width: 100%;
	height: 37px;
	clear: both;
	background: url(../images/bg-topheader.png) repeat-x top;
}

div.container {
	width: 826px;
	margin: auto auto;
}

.header {
	clear: both;
	display: block;
}

h1 {
	width: 270px;
	height: 157px;
	display: block;
	float: left;
	background: url(../images/bg-logo.jpg) no-repeat top;
}

a.logo {
	width: 98px;
	height: 134px;
	display: block;
	float: left;
	margin: 9px 0 0 30px;
	text-indent: -9999px;
}

.img-area {
	width: 708px;
	height: 282px;
	margin: auto auto;
	border: solid 6px #3b434c;
	clear: both;
}

.img-area img { _margin-bottom: -5px; }

.content-area {
	width: 720px;
	height: 328px;
	margin: auto auto;
	display: block;
	clear: both;
}

.content-area p {
	color: #d8e8fb;
	font: 12px Arial, Helvetica, sans-serif;
}

/* NAVIGATION */

.nav { display: block; float: left; }
ul.nav li { float: left; display: block; }
ul.nav li a { text-indent: -9999px; }

.home {
	width: 87px;
	height: 116px;
	display: block;
	background: url(../images/menu/nav-home.png) no-repeat top;
}

.serv {
	width: 107px;
	height: 116px;
	display: block;
	background: url(../images/menu/nav-serv.png) no-repeat top;
}

.vis {
	width: 89px;
	height: 116px;
	display: block;
	background: url(../images/menu/nav-vis.png) no-repeat top;
}

.phil {
	width: 126px;
	height: 116px;
	display: block;
	background: url(../images/menu/nav-phil.png) no-repeat top;
}

.cont {
	width: 131px;
	height: 116px;
	display: block;
	background: url(../images/menu/nav-contus.png) no-repeat top;
}

.SEL { background-position: bottom; }

/* FOOTER */

.footer {	
	width: 100%;
	height: 62px;
	clear: both;
	background: url(../images/bg-footer.gif) repeat-x top;
	font: 10px Arial, Helvetica, sans-serif;
	color: #454e56;
}

.footer p {
	width: 100%;
	float: left;
	padding-top: 8px;
	text-align: center;
}

.footernav {
	width: 346px;
	display: block;
	margin: auto auto;
	clear: both;
	padding-top: 15px;
}

.footernav li {
	float: left;
	display: block;
}

.footernav li a{
	color: #454e56;
	text-decoration: none;
}

.footernav li a:hover { text-decoration: underline; }
.footernav li span { padding: 0 16px 0 17px; }


/* INDEX PAGE */
.divider {
	width: 12px;
	height: 328px;
	background: url(../images/body-divider.gif) no-repeat center center;
	display: inline;
	float: left;
}

.leftpane {
	width: 405px;
	height: 328px;
	display: block;
	float: left;
}

.leftpane h2 {
	width: 384px;
	height: 29px;
	margin-top: 35px;
	margin-bottom: 23px;
	background: url(../images/img-indexwelcome.gif) no-repeat top; 
	display: block;
	float: left;
	text-indent: -9999px;
}

.leftpane p { color: #8999a2; font: 12px Arial, Helvetica, sans-serif; }
.leftpane img { display: inline; margin-top: 23px; margin-right: 10px; }

.rightpane {
	width: 315px;
	height: 328px;
	display: block;
	float: right;
	background: url(../images/img-indextagline.gif) no-repeat 30px 39px ;
}

.AR-link {
	margin: 175px 10px 0 0;
	_margin: 175px 5px 0 0;
	display: block;
	float: right;
}

.brochure-dl {
	width: 294px;
	height: 94px;
	margin: 210px 0 0 17px;
	_margin: 210px 0 0 14px;
	background: url(../images/bg-brochuredl.jpg) no-repeat center center;
}

#dlB {
	margin-left: 23px;
	padding-top: 30px;
	font: 14px Tahoma,Arial,sans-serif;
	text-transform: uppercase;
	color: #c8c7c7;
	text-decoration: none;
	display: block;
}

#dlB:hover { color: #f5f5f5; }

#getAR {
	width: 173px;
	margin-left: 23px;
	margin-top: 6px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #636c76;
	text-decoration: none;
	display: block;
}

#getAR:hover { border-bottom: dashed 1px #636c76; }

/* INNER PAGES */

.titles {
	width: 180px;
	height: 65px;
	margin-left: 16px;
	text-indent: -9999px;
}

/* page titles */
.t1 { background: url(../images/title-serv.png) no-repeat 16px 25px; }
.t2 { background: url(../images/title-vis.png) no-repeat 16px 25px; }
.t3 { background: url(../images/title-phil.png) no-repeat 16px 25px; }
.t4 { background: url(../images/title-contus.png) no-repeat 16px 25px; }

.serv-list {
	width: 320px;
	height: 219px;
	display: block;
	color: #d6e5f5;
	font: 12px Arial, Helvetica, sans-serif;
}

.serv-list li { 
	padding: 5px;
	margin: 4px 0 0 8px; 
	display: block;
	background: url(../images/bullet.png) no-repeat left center;
	text-indent: 10px;
}

/* image bgs */
.s1 { background: url(../images/serv-img1.png) no-repeat right bottom; }
.s2 { background: url(../images/serv-img2.png) no-repeat right bottom; }
.s3 { background: url(../images/serv-img3.png) no-repeat right bottom; }
.s4 { background: url(../images/serv-img4.png) no-repeat right bottom; }


.works {
	width: 194px;
	height: 245px;
	background: url(../images/vworksbg.png) no-repeat right center;
	float: left;
	display: block;
	text-align: center;
}

.vworks-title { 
	width: 120px;
	height: 25px; 
	margin: auto auto;
	margin-top: 15px; 
	display: block;
	background: url(../images/vworks-bg.jpg) repeat-x;
	color: #fff;
	font: 14px Arial, Helvetica, sans-serif;
	line-height: 170%;
}

.works a img{ border: none; text-decoration: none;  margin-bottom: 5px; _margin-bottom: 0px; }
.works p { font: 10px Arial, Helvetica, sans-serif; color: #778391; }

.dht {
	width: 2px; 
	height: 245px;
	float: left;
	display: inline;
	background: url(../images/body-divider.gif) no-repeat center center;
}

.p-container {
	width: 677px;
	height: 199px;
	padding: 20px;
	border: 1px solid #3b434c;
	margin: auto auto;
	overflow: auto;
}

.p-container img { margin-right: 10px; }
.p-container p { margin-bottom: 15px;}

.cBG { background: url(../images/vworksbg.png) right 65px no-repeat; }

.contact-area {
	width: 428px;
	height: 245px;
	margin: auto auto;
	float: left;
	display: block;
	background: url(../images/serv-tabbg.png) no-repeat left top;
}

.contact-area ul {
	width: 428px;
	height: 200px;
	float: left;
	padding-top: 60px;
	padding-left: 150px;
	background:url(../images/contact-bg.png) no-repeat 20px center;
	color: #d8e8fb;
}

.contact-area ul li{ font: Arial, Helvetica, sans-serif; margin-bottom: 8px;  }

.ltr2px { letter-spacing: 2px; }

/* TABS */
#tabWrapper { 
	width: 526px; 
	height: 245px;
	padding-left: 0px;
	float: left;
	background: url(../images/serv-tabbg.png) no-repeat center center;
}

#tW-ext { 
	width: 715px; 
	height: 245px;
	padding-left: 0px;
	float: left;
	background: url(../images/serv-tabbg.png) no-repeat left center;
}

.sL-ext { width: 508px; }
.sL-ext li { background: url(../images/bullet.png) no-repeat 6px 10px ; }

ul.tabNav { 	
	width: 170px; 
	height: 203px; 
	padding-top: 18px;
	margin-left: 15px;
	_margin-left: 8px;
	margin-top: 13px;
	float: left; 
	list-style: none; 
	background: url(../images/serv-menubg.png) no-repeat;
	}
	
ul.tabNav li { 
	width: 170px;
	height: 48px;
}

ul.tabNav a {
	display:block;
	color: #fff;
	text-decoration: none;
	font: 14px Arial, Helvetica, sans-serif;
	color: #bcd0e7;
	width: 170px;
	height: 47px;
	text-indent: 25px;
	line-height: 335%;
	}

ul.tabNav a:hover { color: #cedeef; }
ul.tabNav li.current a { background: url(../images/serv-tabcurrent.png) no-repeat center center;}

div.tabContainer { float: left; width: 310px; }
div.tabContainer div.tab { color: #000; display: none; padding: 10px; height: 150px; }
div.tabContainer div.current { display: block; }
div.tab p:last-child { margin-bottom: 0; }

/*  PANORAMA IMAGES */

.p1 { background: url(../images/panorama/panorama1.jpg) no-repeat center center; }
.p2 { background: url(../images/panorama/panorama2.jpg) no-repeat center center; }
.p3 { background: url(../images/panorama/panorama3.jpg) no-repeat center center; }
.p4 { background: url(../images/panorama/panorama4.jpg) no-repeat center center; }
.p5 { background: url(../images/panorama/panorama5.jpg) no-repeat center center; }

.bd { color: #454E56; font: 10px Arial, Helvetica, sans-serif; text-decoration: none; }
.bd:hover { text-decoration: underline; }