body {margin: 0; padding: 0; font-size: 12px; font-family: Arial; background: #fff;}

img {border: none;}

a {text-decoration: none;}

a:hover {text-decoration: none;}

h2 { font-size: 20px; color: #707073; margin: 0 0 10px 0; padding: 0;}

p { color: #707073; font-size: 12px; margin: 0 0 10px 0; padding: 0; line-height: 15px;}

ul {padding: 0; margin: 0; color: #707073;}

#mainbg { width: 789px; margin: 0 auto;}

#maincontainer { float: left; width: 789px; background: url(../images/maincontainerbg.png) top center repeat-y;}

#topbanner { float: left; width: 767px; height: 65px; margin: 0 0 0 11px; background: url(../images/topbannerbg.jpg) top center no-repeat; display: inline;}

#nav {float: left; width: 455px; margin: 12px 0 0 10px; text-align: left; font-family: Verdana; font-weight: bold; font-size: 11px; display: inline;}

#nav a {margin: 0 6px; color: #fff;}

#nav a:hover {margin: 0 6px; color: #000;}

#nav .at a {margin: 0 6px; color: #000;}

#nav ul {list-style-image:none; list-style-position:outside; list-style-type:none; margin: 8px 0 8px 0; border-left: 1px solid #fff;}

#nav li {display:inline; list-style-image:none; list-style-position:outside; list-style-type:none; padding: 0; margin: 0; border-right: 1px solid #fff;}

#phone { float: left; height: 36px; margin: 10px 0 0 20px; padding: 6px 0 0 40px; background: url(../images/headphonesbig.png) top left no-repeat; display: inline;}

#phone .content { font-size: 13px; font-family: Verdana; font-weight: bold; color: #1A1A1A;}

#flasharea { float: left; width: 767px; height: 130px; margin: 0 0 0 11px; background: url(../images/flashbg.jpg) top center no-repeat; border-bottom: 1px solid #e2e3e4; display: inline;}

.logo { float: left; width: 363px; height: 117px; margin: 0 0 0 20px; display: inline; background: url(../images/logo.jpg)}

#flashintro {float: right; width: 330px; height: 130px; background: url(../images/aaeng-home-image.png) top center no-repeat;}

#top-description {float: left; width: 330px; height: 110px; margin: 8px 0 0 50px; border-left: 1px solid #ccc; display: inline;}

#top-description ul {float: left; display: block; list-style: none; margin: 20px 0 0 40px; display: inline;}

#top-description li {font-weight: bold;}

#top-description li a {color: #717074; padding: 0 0 0 10px; background: url(../images/blue-arrow.png) left no-repeat;}

#top-description li a:hover {color: #000; padding: 0 0 0 10px; background: url(../images/black-arrow.png) left no-repeat;}

#home-intro {float: left; width: 747px; height: 195px; margin: 10px 0 10px 10px; display: inline;}

#maincontent { float: left; width: 767px; margin: 0 0 0 11px; display: inline;}

#maincontent ul {padding: 0 0 10px 25px; margin: 0; color: #707073;}

#maincontent p a {color: #707073; padding: 0; margin: 0; text-decoration: underline;}

#maincontent p a:hover {color: #7BB752; padding: 0;}

#maincontent a img {border: 1px solid #ccc;}

#maincontent a:hover img {border: 1px solid #7BB752;}

#homecontent-top { float: left; width: 727px; margin: 0 21px 0 21px; display: inline; border-bottom: 1px solid #ccc;}

#homecontent-top h2 { font-size: 14px; color: #7BB752; margin: 0 0 10px 0; padding: 0 0 0 0; text-transform: uppercase;}

#homecontent-top h2 a {color: #707073;}

#homecontent-top h2 a:hover {color: #707073; text-decoration: underline;}

#homecontent-top .content-left {float: left; width: 240px; color: #707073; padding: 15px 10px 15px 0;}

#homecontent-top .content-right {float: left; width: 250px; color: #707073; padding: 15px 0 15px 0;}

#home-top-buttons {float: left; width: 220px; height: 100px;}

#home-top-buttons .projects-button {float: left; width: 186px; height: 31px; margin: 20px 0 0 30px; background: url(../images/projects-button.png) top center no-repeat;}

#home-top-buttons .services-button {float: left; width: 186px; height: 31px; margin: 10px 0 0 30px; background: url(../images/services-button.png) top center no-repeat;}

#home-featured-project { float: left; width: 727px; margin: 10px 21px 0 21px; display: inline; border-bottom: 1px solid #ccc;}

#home-featured-project h2 { font-size: 14px; color: #7BB752; margin: 0 0 10px 0; padding: 0 0 0 0; text-transform: uppercase;}

#home-featured-project h2 a {color: #707073;}

#home-featured-project h2 a:hover {color: #707073; text-decoration: underline;}

#featured-image {float: left; width: 340px; margin: 0 0 20px 0;}

#featured-image p {padding: 0; margin: 0;}

#featured-description {float: left; width: 387px;}

#featured-description .content {padding: 0 0 0 20px;}

#featured-description p {color: #707073;}

#featured-description .view-projects {float: right; width: 128px; height: 32px; margin: 10px 12px 20px 0; background: url(../images/view-projects.png) top center no-repeat;}

#home-aaeng-info { float: left; width: 727px; margin: 10px 21px 0 21px; display: inline;}

#home-aaeng-info h2 { font-size: 14px; color: #7BB752; margin: 0 0 10px 0; padding: 0 0 0 0; text-transform: uppercase;}

#home-aaeng-info h2 a {color: #707073;}

#home-aaeng-info h2 a:hover {color: #707073; text-decoration: underline;}

#home-aaeng-info ul {margin: 0 0 0 50px;}

#home-aaeng-info ul ul {margin: 5px 0 0 0; list-style: disc;}

#home-content-bottom { float: left; width: 767px; background: #f1faff; border-top: 1px solid #ccc;}

#homenews2 { float: left; width: 370px; min-height: 300px; margin: 0 0 20px 8px; padding: 0 0 10px 0; display: inline;}

#homenews2 a {color: #707073; font-weight: bold; padding: 0; background: none;}

#homenews2 a:hover {color: #000; padding: 0; background: none;}

#homenews2 .content { padding: 15px 10px 10px 15px; font-size: 13px; color: #707073;}

#homenews2 ul {width: 219px; list-style-image:url(../images/arrow.png); list-style-position:outside; list-style-type:none; padding: 0 20px;}

#homenews2 li {display:list-item; margin: 0 0 5px 0; padding: 0 0 5px 0;}

#apptrequest2 { float: left; width: 284px; margin: 0 0 0 0; padding: 0 0 0 60px; background: url(../images/home-bottom-divider.jpg) left no-repeat; display: inline;}

#apptrequest2 .content { padding: 20px;}

#apptrequest2 .content h3 { height: 30px; font-size: 16px; padding: 0 0 0 35px; margin: 0; color: #92CCF2; background: url(../images/headphonessmall.png) top left no-repeat;}

#contentleft { float: left; width: 433px; margin: 0 21px 0 21px; display: inline;}

#contentleft h2 { font-size: 20px; color: #7BB752; margin: 0 0 10px 0; padding: 10px 0 0 0;}

#contentleft h2 a {font-size: 20px; color: #7BB752;}

#contentleft h2 a:hover {font-size: 20px; color: #707073;}

#contentleft h4 {float: left; color: #707073; padding: 0 0 0 20px; margin: 0 0 20px 0; background: url(../images/gallery-button.png) left no-repeat;}

#contentleft strong {color: #707073;}

#contentleft .content { padding: 15px 0 15px 0; margin-bottom: 15px;}

#flashgallery {float: left; width: 432px; height: 290px; margin: 0 0 10px 0; padding: 0; background: url(../images/recentprojects.jpg) top center no-repeat;}

#contentright { float: left; width: 292px; background: url(../images/rightsidebg.jpg) top left no-repeat;}

#homenews { float: left; width: 284px; min-height: 300px; margin: 0 0 20px 8px; padding: 0 0 10px 0; background: url(../images/homenewsbg.jpg) top center repeat-x; display: inline;}

#homenews a {color: #707073; font-weight: bold; padding: 0; background: none;}

#homenews a:hover {color: #000; padding: 0; background: none;}

#homenews .content { padding: 15px 10px 10px 15px; font-size: 13px; color: #707073;}

#homenews ul {width: 219px; list-style-image:url(../images/arrow.png); list-style-position:outside; list-style-type:none; padding: 0 20px;}

#homenews li {display:list-item; margin: 0 0 5px 0; padding: 0 0 5px 0;}

#newsbutton {float: right; width: 186px; height: 31px; background: url(../images/newsbutton.png) top center no-repeat; margin: 10px 20px 0 0; display: inline;}

#newsbutton a {display: block; width: 100%; height: 100%; background: url(../images/newsbutton.png) top center no-repeat; color: #000; background-color: transparent;}

#apptrequest { float: left; width: 284px; margin: 0 0 0 8px; background: url(../images/apptrequestbg.jpg) top center repeat-y; display: inline;}

#apptrequest .content { padding: 20px;}

#apptrequest .content h3 { height: 30px; font-size: 16px; padding: 5px 0 0 35px; color: #92CCF2; background: url(../images/headphonessmall.png) top left no-repeat;}

label span.labelshort { display:block; float:left; color: #707073; padding: 7px 0 0 0; width:50px; margin: 0 10px 0 0; height: 20px; text-align:left; display: inline;}

.textashort {background: #fff; font-size: 12px; height: 15px; width: 164px; border: 1px solid #707073; color: #666; margin: 0; padding: 5px;}

.areatext {width: 227px; height: 100px; background: #fff; font-size: 12px; border: 1px solid #707073; color: #666; margin: 0; padding: 5px; font-family: Arial;}

.submitbutton {float: left; margin: 10px 0 10px 164px; display: inline;}

#apptrequestbottom { float: left; width: 284px; height: 10px; margin: 0 0 10px 8px; background: url(../images/apptrequestbottom.jpg) top center no-repeat; display: inline;}

#footer { float: left; width: 769px; margin: 0 0 0 10px; background: #5e5c61; display: inline;}

#footerleft { float: left; width: 475px; margin: 10px 0 0 10px; background: url(../images/footerlogo.png) top left no-repeat; display: inline;}

#footerleft .content {padding: 0 0 10px 45px;}

#footerleft p,a {color: #fff; margin: 0; padding: 0;}

#footerleft a:hover {color: #CCCCCC;}

#footerright { float: left; width: 142px; border-left: 1px solid white; margin: 5px 0 0 0;}

#footerright p,a {color: #fff; margin: 0; padding: 0;}

#footerright a:hover {color: #CCCCCC;}

#footerright .content {padding: 10px 0 10px 10px;}

#footerright ul {list-style-image:none; list-style-position:outside; list-style-type:none; padding: 0; margin: 0;}

#footerright li {display:list-item; color: #fff; font-size: 11px; line-height: 12px;}

#bbb {float: left; width: 140px;}

#bbb .content {padding: 10px 20px 10px 0; text-align: right;}

/*Lightbox */

#jquery-overlay {position: absolute; top: 0; left: 0; z-index: 10000; width: 100%; height: 500px;}

#jquery-lightbox {position: absolute; top: 0; left: 0; width: 100%; z-index: 10001; text-align: center; line-height: 0;}

#jquery-lightbox a img { border: none; }

#lightbox-container-image-box {position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto;}

#lightbox-container-image { padding: 10px; }

#lightbox-loading {position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;}

#lightbox-nav {position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;}

#lightbox-container-image-box > #lightbox-nav { left: 0; }

#lightbox-nav a { outline: none;}

#lightbox-nav-btnPrev, #lightbox-nav-btnNext {width: 49%; height: 100%; zoom: 1; display: block;}

#lightbox-nav-btnPrev {left: 0; float: left;}

#lightbox-nav-btnNext {right: 0; float: right;}

#lightbox-container-image-data-box {font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0;}

#lightbox-container-image-data {padding: 0 10px; color: #666; }

#lightbox-container-image-data #lightbox-image-details {width: 70%; float: left; text-align: left;}	

#lightbox-image-details-caption { font-weight: bold; }

#lightbox-image-details-currentNumber {display: block; clear: left; padding-bottom: 1.0em;}			

#lightbox-secNav-btnClose {width: 66px; float: right; padding-bottom: 0.7em;}

