@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0}
body{background-image:url(../images/BG.jpg); background-repeat:repeat-x; background-color:#da7d2f; margin:0; padding:0}
img{border:none}


/*  Major Layout styles */

#PageWrap { width: 910px; margin: 0 auto; padding: 0 20px 50px 20px}

#Header { height: 105px; width: 870px; background:url(../images/header.jpg) no-repeat #000000; position: relative }
.logo {	display: block; position: absolute; height: 104px; width: 228px; left: 0px; top: 0px}


#Footer {clear: left; position:relative; background:url(../images/footer.png) no-repeat; height:50px}
#Footer p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #582e11; position: absolute; left: 440px; top: 30px; width: 465px}
#Footer span {color: #FFFFFF}
#Footer a { color: #582e11; text-decoration: none}
#Footer a:hover { color: #fff; text-decoration: none}
.username, .password{ height:17px; width:150px; padding:0}
	.username{ margin: 6px 0 0 60px}
	.password{ margin: 6px 0 0 3px}
.go{ position:absolute; left:385px; top:6px}	

	

/*  Home Layout styles */

#HomeWrap{position: relative; display: block }
#flashwrap { height: 510px; width: 876px; background: url(../images/homebox-bg.png) no-repeat; float: left; margin: 18px 0 0 -2px}
#NoFlashBG { height: 510px; width: 876px; background: url(../images/flash-bg.jpg) no-repeat}

#HomeFlash { margin: 7px; height: 467px; width: 835px; padding: 0; margin:15px 0 0 12px}

#bottomboxA, #bottomboxB, #bottomboxC{background:url(../images/Bottom-box.png) no-repeat; float: left; height: 175px; width: 280px; margin: 0 2px 0 0; padding: 5px;}
#calloutA,#calloutB,#calloutC {display:block; height:135px; margin:5px 0 0 5px;position:relative; width:254px}
	#calloutA{background-image: url(../images/callout1.jpg)}
	#calloutB{background-image: url(../images/callout2.jpg)}
	#calloutC{background-image: url(../images/callout3.jpg)}
	
	
/*  SubPage Layout styles */
	
#SubWrap{display: block; position: relative}

#WhiteWrap,#BlackWrap { height: 681px; width: 876px; background: url(../images/subbox-bg.png) no-repeat; float: left; margin: 18px 0 0 -2px}	
#BlackBG { width: 844px; height: 649px; margin: 9px 0 0 9px; position: absolute }
#WhiteBG { background-color: #FFFFFF; width: 844px; height: 649px; margin: 9px 0 0 9px; position: absolute}

.botBGlink { position: absolute; height: 200px; width: 178px; left: 0px; bottom: 0px}


/*  SubPage White Layout COPY Block styles */
#copy{ position:absolute; left:230px; top:20px; height:560px; width:420px; padding-top:60px} 
#copy p{margin: 0 10px 12px 0; font-family: Arial, Helvetica, sans-serif; font-size:14px; clear:none; color: #333333}
#copy h1{ margin: 0 10px 15px 0; font-family: Arial, Helvetica, sans-serif; font-size:15px; color: #cc6633; font-weight: bold }
#copy span{ margin: 0 0 5px 0; font-family: Arial, Helvetica, sans-serif; font-size:16px; color: #cc6633; font-weight: Bold}
#copy ul{margin:10px 10px 10px 30px; list-style-position:outside; list-style-type:disc}
#copy li{ margin:0 0 5px 0;	font-family: Arial, Helvetica, sans-serif; font-size:14px; clear:none; color: #333333}
#copy blockquote{margin:10px 10px 10px 20px}
#copy a{color: #cc6633; text-decoration:none}
#copy a:hover{color: #000000; text-decoration:underline}

/*  SubPage Black Layout COPY Block styles */
#copyBlack{	position:absolute; left:217px; top:20px; height:560px; width:600px; padding-top:60px; padding-right:20px} 
#copyBlack p{ margin: 0 0 15px 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; clear:none; color: #ffffff}
#copyBlack h1{ margin: 0 0 5px 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:25px; color: #ffffff; font-weight: bold}
#copyBlack h2{ margin: 0 0 15px 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:16px; color: #ffffff; font-weight: bold}
#copyBlack span{ margin: 0 0 5px 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:16px; color: #cc6633; font-weight: Bold}

/*  SubPage Right image styles */
#rightImg{ height:580px; width:190px; position:absolute; right:0px; top:54px; background-repeat:no-repeat; background-position:right top}

.aboutimg{background-image:url(../images/about-img-r.jpg)}
.charlieimg{background-image:url(../images/charie-img-r.jpg)}
.glennimg{background-image:url(../images/glenn-img-r.jpg)}
.dominicimg{background-image:url(../images/dominic-img-r.jpg)}
.serviceimg{background-image:url(../images/service-img-r.jpg)}
.generalimg{background-image:url(../images/general-img-r.jpg)}
.designimg{background-image:url(../images/design-img-r.jpg)}
.worksimg{background-image:url(../images/works-img-r.jpg)}
.contactimg{background-image:url(../images/contact-img-r.jpg)}
.projectsimg{background-image:url(../images/projects-img-r2.jpg)}
.copyrightimg{background-image:url(../images/copyright-img-r.jpg)}

/*  SubPage Page Title Image styles */
.TitleAbout { background-image: url(../images/titles/title-about.gif); background-repeat: no-repeat}
.TitleService { background-image: url(../images/titles/title-service.gif); background-repeat: no-repeat}
.TitlePortfolio { background-image: url(../images/titles/title-portfolio.gif); background-repeat: no-repeat}
.TitleProjectMan { background-image: url(../images/titles/title-projectMan.gif); background-repeat: no-repeat}
.TitleGeneral { background-image: url(../images/titles/title-general.gif); background-repeat: no-repeat}
.TitleDesign { background-image: url(../images/titles/title-design.gif); background-repeat: no-repeat}
.TitleWorks { background-image: url(../images/titles/title-works.gif); background-repeat: no-repeat}
.TitleContact { background-image: url(../images/titles/title-contact.gif); background-repeat: no-repeat}
.TitleProjects { background-image: url(../images/titles/title-projects.gif); background-repeat: no-repeat}
.TitleCopyright { background-image: url(../images/titles/title-copyright.gif); background-repeat: no-repeat}

/*  SubPage Big BG image styles */
.about-bg {background-image: url(../images/about-bg.jpg); background-repeat: no-repeat; background-position: left bottom}
.portfolio { background-image: url(../images/portfolio-bg.jpg); background-repeat: no-repeat; background-position: left bottom}
.glenn-bg { background-image: url(../images/glenn-bg.jpg); background-repeat: no-repeat; background-position: left bottom}
.dominic-bg { background-image: url(../images/dominic-bg.jpg); background-repeat: no-repeat; background-position: left bottom}
.works-bg { background-image: url(../images/works-bg.jpg); background-repeat: no-repeat; background-position: left bottom}