/* <![CDATA[ */

* {  margin: 0; padding: 0; }
 
body {
    margin: 0;
    padding: 0;
	font-size: small;
    font: 11px Tahoma, Verdana, Arial, sans-serif;       	
    background: #A5A5A5 url('../img/Body_bgtile.gif') repeat-x scroll top left;
}

p {
	margin: 0.5em 0;
	padding: 0;
}

a img {
	border-style: none;
	-moz-outline: none;
}


#Container {
    margin: 0 auto;
    padding: 0;
    width: 895px;
    height: auto;
    background-color: #FFF;
    overflow: hidden;
}

#LogoMain {
    width: 223px;
}

div.bodyColumn {
	width: 647px;
	height: auto;
    margin: 0;
	padding: 0;
	float: left;
	clear: none;
	overflow: hidden;
}
div.sideColumn {
    width: 248px;
    height: auto;
    margin: 0;
    padding: 0;
    float: left;
	clear: left;
	/* overflow: hidden; */
}

#FootRow, #BodyRow, #MidRow, #TopRow, #FullRow {
    clear: both;
	float: left;
	width: 100%;
	/* overflow: hidden; */
}

 #FootRow {
 	background: #C10000 url('../img/Container_bgtile.gif') repeat-y scroll top left;
 }
 #BodyRow {
	background: transparent url('../img/NavigationSecondary_bgtile.png') repeat-x scroll top left;
 }
 #MidRow {
	height: auto;
 }
 #TopRow {
	background: #CB0000 url('../img/SideColumn_bgtile.jpg') repeat-x scroll top left;
 }

div.indexTopRow {
	height:441px;
	overflow: hidden;
}

#FullRow {
	background: #FCFBFB url('../img/MainBodyContainer_bgtile.gif') repeat-x scroll left 100px;
	height: auto;
}

#FootLine {
    padding: 1.5em 24px;
    color: #777;
	float: left;
	clear: left;
	width: 599px;
}

#FootLine span {
    display: block;
    color: #454545;
}

#Marquee {
	position: relative;
	bottom: 0; left: 0;
    width: 648px;
    height: 428px;
    background: #E6E1CA url('../img/Marquee_AntiqueImg.jpg') no-repeat scroll 0 0;
    padding: 0;
    margin: 0;
	border-top: 13px solid #000;
}

#MarqueeSecondary {
	position: relative;
	top: 0; left: 0;
    width: 648px;
    height: auto;
    background: transparent url('../img/Marquee_AntiqueImg.jpg') no-repeat scroll 0 -260px;
    padding: 0;
    margin: 0;
	border-top: 13px solid #000;
	overflow:hidden;
}
#MarqueeSecondary h1 {
	color: #FFF;
	font-weight: normal;
	font-size: 1.4em;
	line-height: 2.2em;
	text-align: right;
	left: 0;
	bottom: 0;
    width: 600px;
	height: auto;
	padding: 0 24px;
	margin: 65px 0 0 0;
	background: transparent url('../img/MaqueeSecondary_hdr_bgtile.png') repeat scroll top left;
}
#DisplayContentsContainer #flashMessage {
	color: #F00;
	padding: 4px;
	font: normal normal bold 1.2em/1.4em Tahoma, Verdana, Arial, sans-serif;
}

#MarqueeCaption {
    position: absolute;
    top: 20px;
    left: 420px;
    width: 215px;
    height: auto;
    color: #000;
}

#MarqueeCaption h2 {
	font: normal normal normal 1.4em/1.3em Tahoma, Verdana, sans-serif;
	letter-spacing: -0.04em;
}

#MainBodyContainer {
    height: auto;
	width: 622px;
	float: left;
    padding: 15px 13px;
    background: #FCFBFB url('../img/MainBodyContainer_bgtile.gif') repeat-x scroll top left;
	color: #323232;
}
a {
	color:#5B0000;
}
a:hover {
	color:#C20000;
}

#DisplayContentsContainer {
    height: auto;
	width: 584px;
	float: left;
    padding: 2em 32px;
	color: #323232;	
}

#DisplayContentsContainer h1 {
	font-size: 2.75em;
	font-weight: normal;
	line-height: 2em;
	letter-spacing: -0.05em;
	color: #121116;
}

#DisplayContentsContainer h2 {
	font-size: 1.75em;
	font-weight: bold;
	line-height: 1em;
	letter-spacing: -0.04em;
	/* color: #121116; */
	margin: 0;
}

#DisplayContentsContainer h3 {
	font-size: 1.25em;
	line-height: 1.1em;
	color: #512729;
}

#DisplayContentsContainer p {
	font-size: 1.1em;
}

#ServicesContainer, #ReviewContainer, div.Testimonial {
	padding: 0;
	margin: 0;
	float: left;
	clear: both;
	width: 100%;
}

#ServiceMarquee {
	float: left;
	padding: 10px;
	margin: 0 1em 1em 0;
	background-color: #CECECE;
}

#ReviewContainer h2 {
	padding-top: 2em;
}

#ReviewContainer h3, div.Testimonial h3 {
	font-size: 1em;
    font-weight: bold;
    line-height: 1em;
    vertical-align: bottom;
	color: #5B0000;
    margin: 0;
}

#ReviewContainer p, div.Testimonial p {
	width: auto;
}

span.ReviewAuthor {
	display: block;
	padding: 0.5em 0 1em 0;
	margin: 1em 0 0 0;
	border-top: 1px dotted #BFBFBF;
	font-style: italic;
}

#ServicesCarousel {
	position: relative;
	overflow: hidden;
	visibility: visible;
	background: #DDD url('../img/Callout_bgtile.gif') repeat scroll top left;
	padding: 15px 35px;
	width: auto;
}

#ServicesCarouselContainer {
	height: auto;
	width: 554px;
	margin: 0;
	padding: 0;
 
	position: relative;
	overflow: hidden;
	z-index:1;
}

#ServicesCarousel ul#Services {
	position: relative;
	width: 100000px;
	z-index: 1;
}

#prev-arrow, #next-arrow {
	position: absolute;
	top: 15px;
	z-index:3;
}

#prev-arrow {
	left: 9px;
}

#next-arrow {
	right: 9px;
}

ul#Services li {
	width: auto;
	padding: 0 3px 0 0;
}

ul#Services li a {
	display: block;
	width: 85px;
	height: 90px;
	padding: 12px 2px;
	margin: 0;
	color: #333;
	text-decoration: none;
	overflow: hidden;
	/* background: #5D5D5D url('../img/Service_bgbtm.gif') no-repeat scroll bottom left; */
}
ul#Services li a:hover {
	text-decoration: underline;
}

ul#Services li a span {
	display: block;
	padding: 0;
	width: auto;
	height: auto;
	text-align: center;
	/* background: transparent url('../img/Service_btn.gif') no-repeat scroll left center; */
}

/* ul#Services li a:hover span {
	background-position: -100px center;
} */

ul#Services li a span.svcImage {
	display: block;
	background-position: center center;
	background-repeat: no-repeat;
	overflow: hidden;
	width: 83px;
	height: 58px;
	padding: 0;
	margin: 0;
	border: 2px solid #CECECE;
}

ul#Services li a:hover span.svcImage {
	border-color: #333;
	text-decoration: none;
}

#NavigationMain, #NavigationSecondary, #LogoMain {
    margin: 0;
    padding: 0 12px 0 13px;
}

#NavigationMain, #NavigationSecondary {
    height: auto;
	padding-bottom: 25px;
}

#NavigationMain dt, #NavigationSecondary dt, #NavigationMain dd, #NavigationSecondary dd {
	font-size: 1.2em;
	line-height: 1.5em;
}

#NavigationMain a, #NavigationSecondary a {
	display: block;
	margin: 0;
	padding: 1px 12px 1px 32px;
	text-decoration: none;
}

#NavigationMain a {
	color: #FFF;
	background: transparent url('../img/NavigationBttn_bg.gif') no-repeat scroll 10px center;
	opacity: 0.65;
}

#NavigationMain a:hover {
	opacity: 1.00;
}

#NavigationSecondary a {
	color: #000;
	background: transparent url('../img/NavigationSecondaryBttn_bg.gif') no-repeat scroll 10px center;
	opacity: 0.65;
}

#NavigationSecondary a:hover {
	opacity: 1.00;
}

#NavigationMain dl, #NavigationSecondary dl {
    margin: 0;
    padding: 6px 0;
}

#NavigationMain dt, #NavigationSecondary dt {
    font-weight: bold;
}

#BeforeInfo dt {
	padding: 1em 0 0.5em 12px;
	color: #333;
}

#AboutUsNav { border-top: 1px solid #AC2224;}
#OurWorkNav { border-top: 1px solid #BD3333;}
#ContactUsNav { border-top: 1px solid #D13333;}

#NavigationFoot {
    display: block;
    width: 100%;
    height: auto;
    background: #131313 url('../img/FootNav_bgtile.gif') repeat-x scroll top left;
	float: left;
	margin: 0;
	padding: 0;
}

#NavigationFoot li a {
	display: block;
	font-size: 11px;
	line-height: 31px;
	vertical-align: middle;
	color: #777;
	text-transform: uppercase;
	text-decoration: none;
	padding: 0 2em;
}
#NavigationFoot li a:hover {
	color: #FFF;
	background-color: #323030;
}

ul.horizontal, ul.carousel-list {
    display: block;
	float: left;
    list-style-type: none;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}

ul.horizontal li,  ul.carousel-list li {
    display:block;
    float: left;
    clear: none;
}

ul.vertical {
    display: block;
    list-style-type: none;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}

ul.vertical li {
    display:block;
}

#ServiceDetailHeader {
	clear: both;
	margin: 0 0 2em 0;
}

#ServiceDetailHeader h1 {
	font: normal normal normal 2.5em/1em Tahoma, Verdana, sans-serif;
	margin: 0 0 0.25em 0;
	padding: 0;
	letter-spacing: -0.025em;
}

#ServiceDetailHeader p.intro {
	margin: 0;
	padding: 0;
	font-size: 1.1em;
	line-height: 1em;
}

#ServiceDetailHeader h1 span.pale { 
	color: #5B5B5B; 
}

#ServiceSideBar {
	margin: 0;
	padding: 0.5em 1em;
	width: 125px;
	float: left;
}

#ServiceSideBar p.intro {
	margin: 0 0 1em 0;
	padding: 0.5em 0 1em 0;
	font-weight: bold;
	font-size: 1.1em;
	border-bottom: 1px dotted #CCC;
}

#ServiceSideBar ul {
	margin: 1em 0;
}

#ServiceSideBar li a {
	display: block;
	padding: 0.5em 0.5em 0.5em 18px;
	margin-bottom: 1px;
	text-decoration: none;
	background: transparent url('../img/NavigationSecondaryBttn_bg.gif') no-repeat scroll 3px center;
	
}

#ServiceSideBar li a:hover {
	color: #000;
	text-decoration: underline;
	background-color: #D2D2D2;
}

#ServiceRelated {
	clear: both;
	margin: 0.5em 0;
	padding: 1em 0;
	border-top: 1px solid #CCC;
}


#TaglineContainer, #PhoneContainer, #MainBodyContainer h2 {
    font-size: 1.2em;
    font-weight: normal;
    line-height: 2.4em;
    vertical-align: middle;
    margin: 0;
}
#TaglineContainer, #PhoneContainer {
    padding: 0 15px;
}
#TaglineContainer {
	background-color: #000;
	color: #FFF;
}

#MainBodyContainer h2 {
    color: #000;
}

#PhoneContainer {
    background-color: #FFF;
    color: #000;
    width: auto;
    height: auto;
    padding-left: 85px;
}

#ContactPhone {
	position: relative; 
	top: -1.8em; 
	left: 43px; 
	z-index: 10; 
	height: 50px; 
	width: 46px;
	margin: -25px -23px;
	background: transparent url('../img/ContactPhone.png') no-repeat scroll top left;
}

div.actionBar {
	padding: 1em 0;
	text-align: right;
	width: auto;
	clear: both;
}

a.btn {
	font-size: 0.8em;
	font-weight: bold;
	line-height: 3em;
	vertical-align: middle;
    text-decoration: none;
    text-transform: uppercase;
    color:#5B0000;
}
a.btn:hover {
     color:#000;
}

a.btn span {
	width: auto;
	float: left;
	display: block;
    padding: 0 4px 0 16px;
}

/* login */
#LogInBox {
	display: block;
	width: 400px;
	margin: 25px auto;
	padding: 24px 18px;
	background: #DDD url('../img/LogIn_bgtile.gif') repeat-x scroll top left;
	border: 1px solid #7E7E7E;
}

#LogInBox label {
	display: block;
	font-size: 0.9em;
	font-weight: bold;
	text-transform: uppercase;
	margin: 1em 0 0.5em 0;
}
#LogInBox h3, div.formElement {
	width: 75%;
	padding: 0.65em;
	margin: 0 auto 0.5em auto;
}

div.formElement {
	border-top: 1px solid #CCC;
}

div.formElement input {
	width: 100%;
}

div.formElement input.submitBttn {
	margin-top: 1em;
	width: 45%;
}

/* Services */
#OurWorkServices {
	padding: 0 0 2em 0;
	clear: both;
}

div.Service {
	padding: 5px;
	margin: 10px 0;
	clear: both;
	border-top: 1px solid #DEDEDE;
}
div.Service p {
	padding-left: 110px;
}

div.Service p strong {
	display: block;
}

div.Service a.svcImageThumb {
	float: left;
	padding: 0;
	margin: 0;
	text-decoration: none;
}

div.Service a.svcImageThumb span {
	width: 100px;
	height: 75px;
	display: block;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #D4D4D4;
	overflow: hidden;
}

div.Project {
	padding: 20px 10px 10px 10px;
	margin: 1em 0;
	/* background: #DDD url('../img/Callout_bgtile.gif') repeat-x scroll top left; */
	float: left;
	width: 98%;
}

div.Project dt {
	font-size: 1.25em;
	font-weight: bold;
}

div.ProjectPhase {
	clear: both;
	padding: 1em 0;
}

div.ProjectPhase h4 {
	clear:both;
	color: #333;
	background: #DDD url('../img/Callout_bgtile.gif') repeat scroll top left;
	padding: 0.5em 0.75em;
}

span.footDetail {
	line-height: 3em;
	vertical-align: middle;
	font-size: 0.8em;
	font-weight: bold;
	text-transform: uppercase;
}

div.ProjectLocation {
	padding: 0 0 0.5em 0;
	margin: 0 0 1em 0;
	border-bottom: 1px solid #D0D0D0;
}

div.Project label {
	display: block;
	margin: 1em 0 0 0;
}

div.Project select.projectInput {
	width: 200px;
}

div.Phase {
	padding: 12px 0;
	margin: 1em 0;
	clear: both;
}


div.Phase dt {
	font-size: 1.25em;
}

div.Phase h4, #ServiceRelated div.Project h4 {
	font-size: 1.35em;
	color: #000;
	padding: 0.5em 0 0 175px;
}

div.Phase img, div.Project img {
	display: block;
	float: left;
	clear: left;
	padding: 0.25em 10px 1em 0;
}

div.Phase p, #ServiceRelated div.Project p {
	padding: 0.5em 0 0 175px;
}

div.Phase span.dateline {
	display: block;
	padding: 0.5em 0;
	margin: 0.5em 0;
	border-top: 1px solid #DEDEDE;
}

div.Testimonial {
	
}

img.thumbImage {
	
}

img.marqueeImage {
	width: 350px;
	height: 250px;
}

div#ServiceMarqueeImg {
	width: 400px;
	height: auto;
	padding: 0;
	margin: 0;
}

span.thumbImageContainer {
	display: block;
	width: 100px;
	height: 75px;
	padding: 0;
	margin: 0;
	overflow: hidden;
	background-color: #DDD;
	float: left;
}


/* buttons */
#ViewAllServices span, #MoreAboutUs span, a.viewMore span {
	background: transparent url('../img/btn_icon_arrow.gif') no-repeat scroll center left;
}
#ViewAllReviews span {
	background: transparent url('../img/btn_icon_bubble.gif') no-repeat scroll center left;
}
#ViewAllServices:hover span, #MoreAboutUs:hover span, #ViewAllReviews:hover span, a.viewMore:hover span {
	background-position: -250px center;
}

span.hint {
    display:none;
}

hr.clear {
	visibility: hidden;
	margin: 0;
	padding: 0;
	height: 0;
	width: auto;
	clear: both;
}

.logo {
   display:block;
   background: transparent url('../img/LogoMain_5thGen.jpg') no-repeat scroll top left;
   width: 223px;
   height: 80px;
   margin: 0;
}

/* div#flashMessage {
	position: relative;
	top: 134px;
	left: 35px;
	z-index: 100;
	height: 50px;
	margin-top: -50px;
	font: normal normal bold 1.3em/1.5em Arial, sans-serif;
	color: #FFF;
} */

/* ContentContainer */
#ContentsContainer strong { font-style: bold; }
#ContentsContainer em { font-style: italic; }

#ContentsContainer p { margin: 0.5em 0 1em 0; line-height: 1.5em; }
#ContentsContainer a { color: #5B0000; text-decoration: none; }
#ContentsContainer a:hover { color: #5B0000; border-bottom: 1px dotted #5B0000; }
#ContentsContainer div { margin: 1em 0; padding: 1em 0.75em; border:1px solid #D0CFCF;}

#ContentsContainer h1, #ContentsContainer h2 { font-weight: normal; }
#ContentsContainer h1 { font-size: 2em; line-height: 1.5em; color: #191919; }
#ContentsContainer h2 { font-size: 1.5em; line-height: 1.25em; }
#ContentsContainer h3 { font-size: 1.2em; line-height: 1.2em; color: #5B0000; }
#ContentsContainer h4 {}

#ContentsContainer ol, #ContentsContainer ul { 
	list-style-position: inside;
	margin: 0.5em 1em 1em; 
}
#ContentsContainer li { line-height: 1.5em; }
/* ]]> */
