.clearfix:after {
 content: "."; 
 display: block; 
 clear: both; 
 visibility: hidden;
 border: 0px;
 margin: 0px 0px 0px 0px;
 height: 0px;
 padding: 0px;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 0px;}
.clearfix {display: block;}
/* End hide from IE-mac */

* { padding: 0; margin: 0;}

body {
 font-family: Verdana, Arial, Helvetica;
 color: #000000;
 font-size: 12px;
 background-color: #565656;
 margin: 0px;
 padding: 0px;
}
#wrapper {
 width: 934px;
 border: solid #3F3F3F;
 border-width: 0px 3px 0px 3px;
 margin: 0px auto;
 padding: 0px;
 background-color: #FFFFFF;
}
#header {
 border: 0px;
 margin: 0px 0px 0px 0px;
 height: 100px;
 padding: 0px;
 background-image: url(../images-resources/header.jpg);
 background-color: #000000;
 color: #ffffff;
}
#navbar {
 border: 0px;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: 40px;
 background-image: url(../images-resources/nav_bg.jpg);
 background-color: #FF3333;
}

#bannerbar {
 border: 0px;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: 200px;
 background-color: #000000;
}

#bannerbar img {
border: 0px;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: 200px;
 background-color: #000000;
}

#centercolumn { /* Parent Wrapper for inside boxes */
 border: 0px;
 margin: 0px 0px 0px 0px;
 display: inline; /* IE Hack */
 padding: 0px 0px 0px 0px;
 width: 665px;
 float: left;
 min-height: 200px;
 background-repeat: repeat-x;
 background-image: url(../images-resources/fade_bg_upper.jpg);
 background-color: #ffffff;
}
* html #centercolumn {height:200px} /* IE Min-Height Hack */

#rightcolumn {
 margin: 0px 0px 0px 0px;
 padding: 0px;
 display: inline; /* IE Hack */
 width: 269px;
 float: left;
 border: 0px;
 min-height: 200px;
 background-repeat: repeat-x;
 background-image: url(../images-resources/fade_bg_upper.jpg);
 background-color: #ffff;
}
* html #rightcolumn {height:200px} /* IE Min-Height Hack */ 

#rightcolumn img{ margin: 25px 0px 0px 0px;}

#footer { font-family: Verdana, Arial, Helvetica;
 color: #ffffff;
 font-size: 9px;
 text-decoration: none;
 background-image: url(../images-resources/footer_bg.jpg);
 background-color: #FF3333;
 margin: 0px 0px 0px 0px;
 display: inline; /* IE Hack */
 padding: 0px;
 float: left;
 width: 100%;
 height: 30px;
}

#footer p{ color: #ffffff; text-decoration: none; display: inline; float: left; padding: 0px; margin: 8px 0px 0px 10px;}

#footer a{ color: #ffcccc; text-decoration: none; display: inline; padding: 0px; margin: 0px;}

#footer a:hover{ color: #ffffff; text-decoration: underline; display: inline; padding: 0px; margin: 0px;}

#footer2 { font-family: Verdana, Arial, Helvetica; color: #dddddd; font-size: 9px; text-decoration: none; background-color: #3F3F3F; margin: 0px; display: inline; padding: 0px; float: left; width: 100%; height: 24px;}

#footer2 p{ color: #dddddd; text-decoration: none; display: inline; float: left; padding: 0px; margin: 5px 0px 0px 10px;}

#footer2 a{ color: #dddddd; text-decoration: none; display: inline; padding: 0px; margin: 0px;}

#footer2 a:hover{ color: #ffffff; text-decoration: underline; display: inline; padding: 0px; margin: 0px;}

#leftcontent { width: 605px; margin: 30px;}

#thetitle { border: 0; margin: 0px 0px 5px 0px; padding: 0;}

#introtext { font-size: 14px; font-weight: bold; margin: 0px 0px 50px 0px;}

#maintext { margin: 0px 0px 20px 0px;}

#maintext a{ color: #ff0000; text-decoration: none; display: inline; padding: 0px; margin: 0px;}

#maintext a:hover{ color: #ff0000; text-decoration: underline; display: inline; padding: 0px; margin: 0px;}

#rightcontent { width: 249px; margin: 0px 20px 0px 0px;}

#newstextA { font-size: 10px; font-weight: bold;}

#newstextA i{ color: #00C0FF;}

#newstextB { font-size: 10px; margin: 0px 0px 20px 0px;}

div#navigation { position: absolute; margin: 0; padding: 0; margin-left: 12px;}

#navigation dt { display: none;}

#navigation dl { display: block; margin: 0; padding: 0;}

#navigation dd { float: left; margin: 0; padding: 0;}

#navigation dd, #navigation a { display: block; height: 40px; margin: 0; padding: 0;}

#navigation dl dd a { text-indent: -9999px; text-decoration: none; margin: 0; padding: 0;}

#leftPicDiv { float:left; margin: 0px 0px 10px 0px; padding: 0; height:170px;}

#leftPic { border: 0; margin: 0px 0px 0px 0px; padding: 0;}

#leftPicText { margin: -150px 0px 0px 180px; }

#rightPicDiv { float:left; margin: 0px 0px 10px 0px; padding: 0; height:170px;}

#rightPic { border: 0; margin: 0px 0px 0px 420px; padding: 0;}

#rightPicText { margin: -150px 0px 0px 0px; width: 410px;}

#rightPicDiv li{list-style-type: disc; margin: 0px 0px 0px 20px;  width: 400px;}

#bulletText { margin: 0px 0px 0px 20px; width: 410px;}

#clientwrapper { width:610px; margin: 0px; padding: 0px; background-color: #ffffff;}

#clientimages { width:200px; height:100px; margin: 0px 20px 0px 0px; padding: 0px; display: inline;}

#commenttext { font-size: 12px; font-style: italic; font-weight: bold; margin: 0px 0px 0px 0px;}

#commentertext { color: #cc3333; font-size: 14px; margin: 0px 0px 24px 0px;}

#formtext { margin: 20px 0px 0px 0px;}

#linktext { margin: 0px 0px 20px 0px;}

#linktext a{ color: #ff0000; text-decoration: none; display: inline; padding: 0px; margin: 0px;}

#linktext a:hover{ color: #ff0000; text-decoration: underline; display: inline; padding: 0px; margin: 0px;}


#home {width: 70px; height: 40px; background: url("../images-navigation/nav_btn_home_off.jpg") no-repeat 100% 100%;}
#about {width: 70px; height: 40px; background: url("../images-navigation/nav_btn_about_off.jpg") no-repeat 100% 100%;}
#wedding {width: 70px; height: 40px; background: url("../images-navigation/nav_btn_wedding_off.jpg") no-repeat 100% 100%;}
#closeup {width: 70px; height: 40px; background: url("../images-navigation/nav_btn_closeup_off.jpg") no-repeat 100% 100%;}
#corporate {width: 70px; height: 40px; background: url("../images-navigation/nav_btn_corporate_off.jpg") no-repeat 100% 100%;}
#table {width: 70px; height: 40px; background: url("../images-navigation/nav_btn_table_off.jpg") no-repeat 100% 100%;}
#clients {width: 70px; height: 40px; background: url("../images-navigation/nav_btn_clients_off.jpg") no-repeat 100% 100%;}
#comments {width: 70px; height: 40px; background: url("../images-navigation/nav_btn_comments_off.jpg") no-repeat 100% 100%;}
#images {width: 70px; height: 40px; background: url("../images-navigation/nav_btn_images_off.jpg") no-repeat 100% 100%;}
#areas {width: 70px; height: 40px; background: url("../images-navigation/nav_btn_areas_off.jpg") no-repeat 100% 100%;}
#contact {width: 70px; height: 40px; background: url("../images-navigation/nav_btn_contact_off.jpg") no-repeat 100% 100%;}
#links {width: 70px; height: 40px; background: url("../images-navigation/nav_btn_links_off.jpg") no-repeat 100% 100%;}
#sitemap {width: 70px; height: 40px; background: url("../images-navigation/nav_btn_sitemap_off.jpg") no-repeat 100% 100%;}

#home a:hover {width: 70px; height: 40px; background: url("../images-navigation/nav_btn_home_over.jpg") no-repeat 100% 100%;}
#about a:hover {width: 70px; height: 40px; background: url("../images-navigation/nav_btn_about_over.jpg") no-repeat 100% 100%;}
#wedding a:hover {width: 70px; height: 40px; background: url("../images-navigation/nav_btn_wedding_over.jpg") no-repeat 100% 100%;}
#closeup a:hover {width: 70px; height: 40px; background: url("../images-navigation/nav_btn_closeup_over.jpg") no-repeat 100% 100%;}
#corporate a:hover {width: 70px; height: 40px; background: url("../images-navigation/nav_btn_corporate_over.jpg") no-repeat 100% 100%;}
#table a:hover {width: 70px; height: 40px; background: url("../images-navigation/nav_btn_table_over.jpg") no-repeat 100% 100%;}
#clients a:hover {width: 70px; height: 40px; background: url("../images-navigation/nav_btn_clients_over.jpg") no-repeat 100% 100%;}
#comments a:hover {width: 70px; height: 40px; background: url("../images-navigation/nav_btn_comments_over.jpg") no-repeat 100% 100%;}
#images a:hover {width: 70px; height: 40px; background: url("../images-navigation/nav_btn_images_over.jpg") no-repeat 100% 100%;}
#areas a:hover {width: 70px; height: 40px; background: url("../images-navigation/nav_btn_areas_over.jpg") no-repeat 100% 100%;}
#contact a:hover {width: 70px; height: 40px; background: url("../images-navigation/nav_btn_contact_over.jpg") no-repeat 100% 100%;}
#links a:hover {width: 70px; height: 40px; background: url("../images-navigation/nav_btn_links_over.jpg") no-repeat 100% 100%;}
#sitemap a:hover {width: 70px; height: 40px; background: url("../images-navigation/nav_btn_sitemap_over.jpg") no-repeat 100% 100%;}

body#homepage #home a {width: 70px; height: 40px; background: url("../images-navigation/nav_btn_home_on.jpg") no-repeat 100% 100%;}
body#aboutpage #about a {width: 70px; height: 40px; background: url("../images-navigation/nav_btn_about_on.jpg") no-repeat 100% 100%;}
body#weddingpage #wedding a {width: 70px; height: 40px; background: url("../images-navigation/nav_btn_wedding_on.jpg") no-repeat 100% 100%;}
body#closeuppage #closeup a {width: 70px; height: 40px; background: url("../images-navigation/nav_btn_closeup_on.jpg") no-repeat 100% 100%;}
body#corporatepage #corporate a {width: 70px; height: 40px; background: url("../images-navigation/nav_btn_corporate_on.jpg") no-repeat 100% 100%;}
body#tablepage #table a {width: 70px; height: 40px; background: url("../images-navigation/nav_btn_table_on.jpg") no-repeat 100% 100%;}
body#clientspage #clients a {width: 70px; height: 40px; background: url("../images-navigation/nav_btn_clients_on.jpg") no-repeat 100% 100%;}
body#commentspage #comments a {width: 70px; height: 40px; background: url("../images-navigation/nav_btn_comments_on.jpg") no-repeat 100% 100%;}
body#imagespage #images a {width: 70px; height: 40px; background: url("../images-navigation/nav_btn_images_on.jpg") no-repeat 100% 100%;}
body#areaspage #areas a {width: 70px; height: 40px; background: url("../images-navigation/nav_btn_areas_on.jpg") no-repeat 100% 100%;}
body#contactpage #contact a {width: 70px; height: 40px; background: url("../images-navigation/nav_btn_contact_on.jpg") no-repeat 100% 100%;}
body#linkspage #links a {width: 70px; height: 40px; background: url("../images-navigation/nav_btn_links_on.jpg") no-repeat 100% 100%;}
body#sitemappage #sitemap a {width: 70px; height: 40px; background: url("../images-navigation/nav_btn_sitemap_on.jpg") no-repeat 100% 100%;}





