/* CSS Document */
* { margin: 0; padding: 0; font-family: Gautami, Verdana, Arial, Sans-Serif; font-size: 14px; }

.light { color: #FFFADC; }
.blueone { color: #BEDCF5; }
.bluetwo { color: #87AAC3; } 
.bluethree { color: #5C7F99; }
.purple { color: #322328; }

.darkpurple { color: #281F20; }
.grayblue { color: #D5DCDF; }
.orange { color: #EAB166; }
.black { color: #000000; }

.clearer { clear: both; }

body { background: #CCCCCC url(/images/background_tile.gif) repeat-x; margin: 0; padding: 0; width: 100% auto; height: 100% auto; min-height: 500px; text-align: center;}

.b1 { border: solid 1px black; }
hr { color: red; height: 1px; }
strong { font-size: 115%; font-weight: bolder; }
.big { font-size: 200%; }


.alternatingRow { background-color: #2A2A2A;}

#HeaderWrap {background-color: #322328; width: 100%; text-align: center; margin: 0;border: 0; border-bottom: solid 5px #5C7F99;-webkit-box-shadow:0 0 5px 5px rgba(34,34,34,0.3); -moz-box-shadow:0 0 5px 5px rgba(34,34,34,0.3);}

#SubHeaderWrap { -moz-background-clip:border; -moz-background-inline-policy:continuous;-moz-background-origin:padding;
               width : 100%; text-align: center; margin: 0;border: 0;}

#ContentWrap {padding:0; width: 100%; text-align: center; margin: 0;border: 0;} 

#FooterWrap { background-color: #322328; width: 100%; text-align: center; margin: 0; margin-top: 15px; border: 0; border-top: solid 5px #5C7F99;-webkit-box-shadow:0 0 5px 5px rgba(34,34,34,0.3); -moz-box-shadow:0 0 5px 5px rgba(34,34,34,0.3); }    

#Header { width: 980px; height: 50px; display: inline-block; border: solid 0px yellow; padding: 0px 10px 0px 10px; }

#Header a, #SubHeader a {border-bottom: 0; color: #87AAC3;}
#Header a:hover, #SubHeader a:hover {border-bottom: 0; color: #EAB166; }

.contactBlock { width: 400px; height: 45px;  float: right; text-align: right; border: solid 0px red; padding: 5px; 
                    vertical-align: middle; color: #fff; text-align: right;}
.contactBlock table { display: inline-block; }                    
.contactBlock td {color: #fff; font-size: 12px; width: 200px; border: solid 0px #FFF; height: 20px; line-height: 20px; vertical-align: middle;}
.contactBlock td a {text-decoration: none; color: #FFFFFF; font-size: 12px;}
.contactBlock td a:hover {text-decoration: none; color: #EAB166; font-size: 12px;}
.contactBlock td img {margin-right: 5px; margin-top: -4px;}

#SubHeader {-webkit-box-shadow:0 3px 5px 4px rgba(34,34,34,0.3); -moz-box-shadow:0 3px 5px 4px rgba(34,34,34,0.3); 
            -moz-border-radius-bottomleft: 10px;-moz-border-radius-bottomleft:   10px; -webkit-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; 
            -moz-border-radius-bottomright: 10px;-moz-border-radius-bottomright:   10px; -webkit-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; 
            width: 960px; height: 125px; display: inline-block; margin-bottom: 20px; background-color: #FFF; padding-left: 20px; padding-right: 20px; border: solid 1px #281F20; border-top: 0;}

#Content { -webkit-box-shadow:0 0 5px 5px rgba(34,34,34,0.3); -moz-box-shadow: 0 0 5px 5px rgba(34,34,34,0.3);-moz-border-radius: 10px; -webkit-border-radius: 10px; width: 1000px; display: inline-block; border: solid 1px #281F20; background: #FFF; padding: 0; padding-top: 20px; }

#Logo { float: left; text-align: left; width: 450px; margin-top: 25px; background-color: #FFFFFF; }

#HeaderSlogan { float: right; width: 450px; margin: 20px 0px 5px 0px;}
#HeaderSlogan p { font-family: 'Century Gothic', Gautami, Verdana,Arial, Sans-Serif !Important; font-size: 16px; margin: 0; text-align: justify; }
#HeaderSlogan strong { font-size: 20px; font-weight: bolder; }
#HeaderSlogan p.subText { font-size: 14px; margin-top: 0px; }

#RecentProjects { margin: 15px 0px 15px 0px; width: 1000px; padding: 0;}

/********************  COLUMN LAYOUT STYLES  *********************/

.column { float:left; text-align: left; border: 0px solid #DDDDDD; padding-left: 20px; padding-right: 20px; }
.withBorder {padding: 5px; border: solid 1px #D5DCDF; -webkit-box-shadow:0 0 1px 1px rgba(34,34,34,0.3); -moz-box-shadow:0 0 1px 1px rgba(34,34,34,0.3);-moz-border-radius: 5px; -webkit-border-radius: 5px; }

.w600 { width: 600px; } .w500 { width: 500px; } .w550 { width: 550px; } .w400 { width: 400px; } .w450 { width: 450px; } .w300 { width: 300px; } .w350 { width: 350px; } .w250 { width: 250px; } .w200 { width: 200px; } 
.left { float: left; }
.right { float: right; }
.gutterLeft { margin-left: 25px;}


/********************  END COLUMN LAYOUT STYLES  *********************/

/*********************  FOOTER STYLES *******************************/

#Footer { height: 700px; padding: 0; margin: 0; vertical-align: bottom; width: 1000px; display: inline-block; border: solid 0px yellow;}

#Footer .columnc { padding: 10px; border: solid 0px #FFF; width: auto;}

#Footer .single { width: 940px; }
#Footer .leftc { width: 450px; float: left;}
#Footer .rightc { width: 450px; float: right;}

#Footer h1, #Footer h2, #Footer h3 { color: #FFFFFF; font-size: 11pt; font-weight: normal; margin-top: 0px; margin-bottom: 4px;}
#Footer h2 { font-size: 14px; margin-top: 5px; margin-bottom: 5px; margin-left: 0px; padding-left: 0px; letter-spacing: .1em;}

#Footer p, #Footer td { color: #FFF; line-height: 1.6em; }

#Footer ul { line-height: 1.5em; margin-top: 5px; }
#Footer li {margin-left: 15px; list-style-type: none;}
#Footer li a {background:url(/images/list-item-off.gif) no-repeat left; padding:0 0 0 20px; line-height:1.2em;}
#Footer li a:hover { background:url(/images/list-item-on.gif) no-repeat left; }
#Footer li a.active { background:url(/images/list-item-on.gif) no-repeat left;}

#Footer .address { float: left; }
#Footer .addressCell { padding-left: 10px; border-left: solid 1px #D5DCDF;}
#Footer .iconCell { padding-left: 5px; padding-right: 5px;}
#Footer .contactCell { padding-top: 4px; padding-bottom: 4px;}
#Footer .map { float: left; margin: 10px; border: solid 2px #5C7F99;-moz-border-radius: 5px; -webkit-border-radius: 5px; }
#Footer .map:hover { border: solid 2px #EAB166;}

#SubFooter { text-align: center; height: 25px; margin: 0; padding: 0; background-color: #5C7F99;}
#SubFooter p { text-align:center; font-size: 12px; color: #FFF; padding: 0; margin: 5px;} 

/********************* END FOOTER STYLES *******************************/

.headerWrapper { color: #FFFADC; background-color: #322328; margin: 20px 0px 20px 0px; padding: 7px; border-top: solid 2px #5C7F99; border-bottom: solid 2px #5C7F99; width: auto;}
.headerWrapper h1 { color: #FFFADC; }

h1, h2, h3, h4, h5 { text-align: left; margin: 0; padding: 0; color: #322328;}

h1 { border:0; font-size: 22px; font-weight: normal; letter-spacing: 2px; color: #5C7F99; margin-left: -5px;}
h2 { font-size: 18px; font-weight: normal;}
h3 { font-size: 12px; font-weight: normal;}

p, ul, ol { margin: 18px 0px 18px 0px; text-align: left; line-height: 1.6em; color: #272727; }

.modalUserMessageText {margin: 10px;}

.contactUs {margin: 25px 5px 25px 5px; font-size: 16px; font-weight: bolder;}
.contactUs a { font-size: 16px; }

.socialContainer { background-image: url(/images/bluegradient.gif); background-repeat:repeat-x; border: solid 2px #D5DCDF; text-align: center; padding: 15px 5px 15px 5px;  -moz-border-radius: 10px; -webkit-border-radius: 10px;}

.quote { margin: 25px 15px 15px 15px; padding-bottom: 20px; text-align: justify; background-image: url(/images/quotemarks2.gif); background-position: bottom right; background-repeat: no-repeat; }

.aboutHeader {text-indent: -9999px; height: 35px; width: 400px; margin-bottom: 15px; background-image: url(/images/about24.gif); background-repeat: no-repeat; background-position: left center; }
.recentProjectsHeader {text-indent: -9999px; float: left; height: 35px; width: 600px; background-image: url(/images/RecentProjects.gif); background-repeat: no-repeat; background-position: left center; }
.facebookHeader {text-indent: -9999px; height: 35px; width: 400px; background-image: url(/images/facebook.gif); background-repeat: no-repeat; background-position: left center; }
.twitterHeader {text-indent: -9999px; height: 35px; width: 400px; background-image: url(/images/twitter.gif); background-repeat: no-repeat; background-position: left center; }
.contactUsHeader {text-indent: -9999px; height: 35px; width: 400px; margin-bottom: 15px; background-image: url(/images/contact.gif); background-repeat: no-repeat; background-position: left center; }
.requestInfoHeader {text-indent: -9999px; height: 35px; width: 400px; background-image: url(/images/requestmoreinfo.gif); background-repeat: no-repeat; background-position: left center; }
.servicesHeader {text-indent: -9999px; height: 35px; width: 400px; margin-bottom: 15px; background-image: url(/images/services.gif); background-repeat: no-repeat; background-position: left center; }


a, .menuItem, .scrollableLink  { color: #5C7F99; text-decoration: none; font-weight: bolder;  }
a:hover, .scrollableLink:hover { color: #EAB166; text-decoration: underline; font-weight: bolder;  }
.scrollableLink { cursor: pointer; }

.address { margin-left: 15px; margin-top: 0px; font-size: 14pt; } 
.moreInfoLink {font-size:9pt; font-style:oblique; margin-left: 5px; letter-spacing: .1em;}

.button { font-family: Century Gothic, Arial; color: #FFF; font-size: 14px; font-weight: bolder; text-align: center; 
          padding: 5px; margin: 0; vertical-align: middle; border: solid 1px #FFF;background-color: #5C7F99;          
          -moz-border-radius: 10px; -webkit-border-radius: 10px; vertical-align: middle;
         }

.button a { padding: 2px; margin-right: 30px; display: block; text-decoration: none; }
.button:hover {color: #EAB166 !Important; border-color: #EAB166 !Important;  text-decoration: none; -webkit-box-shadow:0 0 5px 5px rgba(34,34,34,0.3); -moz-box-shadow:0 0 5px 5px rgba(34,34,34,0.3); cursor: pointer;}          

.largeButton a { padding: 7px; text-decoration: none;}
.largeButton {  font-size: 16px; width: 175px; height: 22px; line-height: 15px; background-image: url(/images/next.png); background-position:right; background-repeat:no-repeat; text-decoration: none;}
.normalButton { height: 15px; width: 100px; line-height: 15px; background-image: url(/images/next.png); background-position:right; background-repeat:no-repeat; text-decoration: none; } 
.smallButton { font-size: 10px; width: 75px; height: 12px; line-height: 12px; text-decoration: none;}

.button a { color: #FFF; border-bottom: 0; text-decoration: none;}
.button a:hover { color: #EAB166; border-bottom: 0; text-decoration: none; }

/* -------------------------------  MAIN MENU STYLES ----------------------------------- */

#Nav {clear: both; margin-top: 0px; text-align: right; width: 500px; height: 50px; padding: 0px; font-family: Geneva, Arial; font-size: 12px; font-weight: normal; letter-spacing: 2px;}
#Nav ul	{ display: inline-block; width: 500px; list-style: none; text-align: right; margin: 0; padding: 0; height: 50px; margin-top: 5px;}
#Nav ul li { float: left; text-align: left; display: inline; height: 30px; text-transform: uppercase; font-weight: normal;padding: 6px 14px 5px 14px; margin: 0;}
#Nav ul li a, .menuItem { color: #FFFADC; text-decoration: none; border-bottom: 0; font-size: 14px;letter-spacing: .15em;}
#Nav ul li a:hover, #SelectedMenuItem a, .selectedItem a, .menuItem:hover {color: #EAB166 !Important;}
#Nav ul li:hover, #Nav ul li.selected, #Nav ul li.selectedItem { border-top: solid 0px #EAB166; border-bottom: 0;}
#Nav .home ul li { padding-left: 0; }

.menuItem:hover { cursor: pointer; }

		
/* -------------------------------  END MAIN MENU STYLES ----------------------------------- */

/***************************************** FORM ELEMENT STYLES *****************************************************/

.eee { font-size: 22px; }

.userMessage { width: 275px; padding: 25px; margin: 25px 0px 10px 10px; border: solid 1px #535C51 !Important;}
.userMessage p { font-family: Arial, Sans-Serif; font-size: 11pt; color: #CDCDCD; margin: 15px;}

.success { border-color: inherit; }
.failure { border-color: inherit; }
.warning { border-color: inherit; }

.statusImage { margin: 5px; float: left; border: solid 1px white;}

.formSubmitButton { font: Arial 10pt; color: #CDCDCD; background-color: #535C51; border: solid 1px #000; padding: 5px; margin: 15px 0px 0px 0px; }
.formSubmitButton:hover { color: #EAB166; border-color: #EAB166; cursor: pointer; }

.registrationForm { border: solid 0px white; z-index:999; margin-top: 20px; padding-top: 25px; }
.registrationForm formHeader { margin: 5px; }
.registrationForm label { font-family: Arial, Sans-Serif; font-size: 10pt; color: #CDCDCD; font-weight: normal; letter-spacing: .1em; margin-right: 2px; margin-bottom: 0px; }
.registrationForm input { padding: 5px; font-family: Arial, Sans-Serif; font-size: 10pt;}

.formRow { height: 40px; line-height: 40px; vertical-align: middle; margin-top: 5px; margin-bottom: 5px;}
.formRow label {height: 40px; line-height: 40px; vertical-align: middle; float: left; text-align: right; width: 70px; display: block; color: #FFF;}

.formElement { margin-left: 5px; width: auto; padding:0; float: left; text-align: left;}
.formElement input[type="text"], .formElement textarea, .formElement select {border: solid 2px #5C7F99;-moz-border-radius: 5px; -webkit-border-radius: 5px;}
.formElement input[type="text"]:hover, .formElement textarea:hover,  .formElement select {border: solid 2px #EAB166;-moz-border-radius: 5px; -webkit-border-radius: 5px;}

.formElementInfo { width: 20px auto; padding: 0px; margin-left: 5px; margin-top: 2px; float:left; text-align: center; border: solid 0px black;}
.formSubmitButton { height: 30px; padding: 2px; }

/***************************************** END FORM ELEMENT STYLES *****************************************************/

/***************************************** ACCORDIAN STYLES ************************************************************/
#Services { background-color:#FFFFFF; width: 425px; margin-left: 25px;}

/* accordion header */
#Services h2 { padding: 5px 0px 0px 15px; background-image: url(/images/list-item-blue.gif); background-repeat: no-repeat; background-position:left center; margin: 0; font-size:16px; font-weight:normal; cursor:pointer; }

/* currently active header */
#Services h2.current { cursor:default; border: solid 1px #EAB166; color: #5C7F99; font-weight: bolder; font-size:18px; background-image: url(/images/list-item-orange.gif); -moz-border-radius: 5px; -webkit-border-radius: 5px;}

/* Servicesordion pane */
#Services div.pane { display:none; height:200px; padding:0; font-size:14px; }
#Services div.pane p { margin: 25px 5px 5px 25px; line-height: 1.5em; }

/* a title inside pane */
#Services div.pane h3 { font-weight:normal; margin:0 0 -5px 0; font-size:16px; color:#999; }

/***************************************** END ACCORDIAN STYLES ********************************************************/