/* css developed by Rivercrest Productions Inc. for Icon Constructors Inc. */
body{ background-color: #CDCBB6; font-size: 10pt; font-family: Futura Lt BT, Arial, Helvetica, sans-serif; font-weight: normal; color: #000; margin-top: 5px;}
/* Flash Intro Formatting */
#flash{ margin-top: 50px;}
#sitelink{ margin-top: 25px;}
#sitelink a:link, #sitelink a:visited, #sitelink a:active{ color: #B94F26; text-decoration: none; font-size: 11pt; font-weight: bold;}
#sitelink a:hover{ color: #4F1F91;}

/* Header Bar Formatting - All Pages */
#header{ background-image: url(../images/header/header.gif); background-repeat: no-repeat; margin: 0; width: 740px; height: 95px; border: 0;}
#header #logo{ background-image: url(../images/header/Iconlogo.gif); background-repeat: no-repeat; margin: 12px 0px 0px 18px; width: 500px; height: 65px; float: left;}
/* IE Specific Formatting - Header Bar */
*html #header #logo{ margin: 12px 0px 0px 10px;}

/* Navigation Bar Formatting - All Pages */
#navbar{ background-image: url(../images/nav/navbar.gif); background-repeat: no-repeat; margin: 0; width: 740px; height: 40px; border: 0;}
#navbar #linkgroup{ font-family: Futura Lt BT, Geneva, Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: normal; letter-spacing: 0; padding: 8px 40px 0px 0px; float: right;}
#navbar #linkgroup #links{ display: inline; padding: 0px 10px 0px 0px;}
#navbar #linkgroup #links #ucase{ font-weight: normal;}
#navbar #linkgroup #links #ucase, #navbar #linkgroup #links #lcase{ display: inline; text-decoration: none;}
#navbar #linkgroup #links a:link, #navbar #linkgroup #links a:active, #navbar #linkgroup #links a:visited{ color: #FFF; text-decoration: none;}
#navbar #linkgroup #links a:hover{ color: #4F1F91;}

/* Content Section Formatting - All Pages */
#content{ width: 740px;}
#content-text{ width: 450px; margin: 20px 0px 0px 10px; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 12pt; float: left;}
#content-text ul{ list-style-position: inside; list-style: disc;}
#content #leftbox-blank{ background-image: url(../images/main/leftbox-blank.gif); background-repeat: no-repeat; width: 180px; height: 405px; border: 0px; float: left;}
#content #leftbox-blue{ background-image: url(../images/main/leftbox-bluehammer.gif); background-repeat: no-repeat; width: 180px; height: 405px; border: 0px; float: left;} 
#content #leftbox-orange{ background-image: url(../images/main/leftbox-orangehammer.gif); background-repeat: no-repeat; width: 180px; height: 405px; border: 0px; float: left;}
#content #leftbox-orange ul#address{ padding: 0px; margin: 285px 0px 0px 25px; width: 125px; height: 100px; position: relative; font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: normal; float: left;}
#content #leftbox-orange #address li.lft{ list-style-type: none; list-style-position: outside; position: relative; float: left;}
/* IE Specific Formatting - Content Section */
*html #content #leftbox-orange ul#address{ margin: 285px 0px 0px 15px;}

#content #leftbox-testimonial{ background-image: url(../images/main/leftbox-testimonial.gif); background-repeat: no-repeat; width: 180px; height: 405px; border: 0px; float: left;}
#content #leftbox-large{ background-image: url(../images/main/leftbox-blank-large.gif); background-repeat: no-repeat; width: 180px; height: 405px; border: 0px; float: left;}
#content #leftbox-large #title{ padding: 10px 0px 5px 0px; font-family: Futura Lt BT, Arial, Helvetica, sans-serif; font-size: 14pt; font-weight: normal; color: #B94F26;}
#content #rightbox{ background-image: url(../images/main/content.gif); background-repeat: no-repeat; width: 560px; height: 405px; border: 0px; float: right;}
#content #rightbox #sphere{ background-image: url(../images/main/sphere.gif); background-repeat: no-repeat; width: 555px; height: 431px; border: 0px; margin: 0px; float: right; position: absolute;}
#content #rightbox #bigimage{ width: 410px; height: 310px; border: 4px solid #B94F26; margin: 40px 0px 0px 50px; float: left; position: absolute;}
/* IE Specific Formatting - Sphere placement */
*html #content #rightbox #bigimage{ margin: 40px 0px 0px -227px;}
*html #content #rightbox #sphere{ margin: 0px 0px 0px -280px;}

/* Main Page Association Links Formatting */
#content #leftbox-blue ul#asclinks{ padding: 0px; margin: 285px 0px 0px 5px; width: 150px; height: 100px; position: relative; float: left;}
#content #leftbox-blue ul#asclinks img{ border: 0px;}
#content #leftbox-blue #asclinks li{ list-style-type: none; width: 63px; height: 50px; padding: 0px 0px 5px 0px; float: left;}
#content #leftbox-blue #asclinks li.lft{ list-style-type: none; width: 63px; height: 50px; float: left;}
#content #leftbox-blue #asclinks li.rgt{ list-style-type: none; width: 63px; height: 50px; float: right;}

/* Main Page Content area formatting */
#content #rightbox #content-text{ font-family: Futura Lt BT, Arial, Helvetica, sans-serif; width: 450px; height: 400px; margin-left: 15px;}

/* Testimonial Page Formatting */
#content #rightbox #content-text #messagetitle{ font-weight: bold; padding: 10px 0px 0px 0px;}
#content #rightbox #content-text #message{ padding: 5px 0px 5px 0px;}
#content #rightbox #content-text #message a:link, #content #rightbox #content-text #message a:active, #content #rightbox #content-text #message a:visited{ color: #B94F26; text-decoration: none; font-style: normal;}
#content #rightbox #content-text #message a:hover{ color: #4F1F91;}
#content #rightbox #content-text #name{ font-size: 10pt; display: inline;}
#content #rightbox #content-text #title{  font-size: 10pt; font-style: none; display: inline;}

/* Footer Section Formatting - All Pages */
#footer{ width: 740px; margin-top: -25px;}
#footer #catchphrase{ font-family: Arial, Helvetica, sans-serif; font-size: 11pt; letter-spacing: 0px; color: #888; width: 425px; float: right;}
/* IE Specific Formatting - Footer Section */
*html #footer { margin-top: 0px;}
*html #footer #catchphrase{ width: 410px;}

#footer #catchphrase #ucase{ font-weight: bold;}
#footer #catchphrase #lcase{ padding: 0px 5px 0px 0px;}
#footer #catchphrase #ucase, #catchphrase #lcase{ display: inline;}
#footer #line{ background-image: url(../images/main/lower-bar.gif); background-repeat: no-repeat; height: 3px; width: 740px; float: left;}
#footer #copyright{ width: 740px; margin-top: -10px;}
#footer #copyright #company{ font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 7pt; color: #888; float: left;}
#footer #copyright #webdev{ font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 7pt; color: #888; width: 365px; float: right;}
#footer #copyright #webdev a:link, #footer #copyright #webdev a:visited, #footer #copyright #webdev a:active{ color: #888; text-decoration: none;}
#footer #copyright #webdev a:hover{ color: #123;}

/* Gallery Formatting */
ul#gallery{ padding: 0px; margin: 5px 0px 0px 10px; width: 156px; height: 310px; position: relative; float: left;}
/* IE Specific Formatting - Gallery Page */
*HTML ul#gallery{ margin: 5px 0px 0px 5px;}
#gallery li{ list-style-type: none; width: 78px; height: 61px; float: left; z-index: 100px;}
#gallery li.lft{ float: left; clear: left;}
#gallery li.rgt{ float: right; clear: right;}
#gallery a{ position: relative; width: 70px; height: 53px; display: block; float: left; z-index: 100px; cursor: default;}
#gallery a img{ background: #B94F26; position: relative; padding: 2px; width: 70px; height: 53px; border: 2px solid #E4E3D7; z-index: 100px;}
#nextimage{ padding-top: 5px;}
#nextimage a, #nextimage a:link, #nextimage a:visited, #nextimage a:active{ color: #B94F26; font-size: medium; font-weight: bold; font-family: Futura Lt BT, Geneva, Arial, Helvetica, sans-serif; text-decoration: none;}
#nextimage a:hover{ color: #4F1F91;}

/* Contact Page Form Formatting */
#contactform{ position: relative; margin: 30px 0px 0px 20px;}
#contactform table{ width: 400px;}
#contactform input.text, #contactform textarea.text{ width: 250px; border-color: #B94F26; border-style: solid; border: 1px;}
#contactform input.button, #contactform input.reset{ width: 120px; height: 20px; font-size: 10px; border-color: #B94F26; border-style: solid; border: 1px;}
#contactform td.label{ font-weight: normal;}
#contactform td.button{ padding-top: 20px;}