body { background: url(../images/backer.gif) top repeat-x; background-color:#2f0418; align: center; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: center; height:2000px;}

html,body {height: 100%; }

#twoColLayout 



/* OVERALL CONTAINER \*/

#wrapper {height:100%; width: 766px; align: center; margin-right: auto; margin-left: auto; text-align:left; padding-top:0px;}





.clearfix:after {

    content: "."; 

    display: block; 

    height: 20px; 

    clear: both; 

    visibility: hidden;

}



/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

/* End hide from IE-mac */



.clearfixright:after {

    content: "."; 

    display: block; 

    height: 5px; 

    clear: both; 

    visibility: hidden;

}



/* Hides from IE-mac \*/

* html .clearfixright {height: 1%;}

/* End hide from IE-mac */



#left {width: 465px; height: 645px; align:center;float:left; display:inline;}

.logo a {width: 272px; height: 128px; background: url(../images/logo_no_strap.gif) top left no-repeat; float:left; display:inline;}

.logo a:active {color: #FFFFFF; background-position: 0px 0px;}

.logo a:active {color: #FFFFFF; background-position: 0px 0px;}



.homeImageLeftTopButton {float:left; display:inline; width: 165px; height: 165px; margin-top:0px; margin-left:123px; background: url("../images/home_image_1.gif") 0 0 no-repeat;}

.homeImageMiddleTopButton  {float:left; display:inline; width: 165px; height: 165px; margin-top:0px; margin-left:12px; background: url("../images/home_image_2.gif") 0 0 no-repeat;}

.homeImageLeftMiddleButton {float:left; display:inline; width: 165px; height: 164px; margin-top:12px; margin-left:123px; background: url("../images/home_image_4.gif") 0 0 no-repeat;}

.homeImageMiddleMidButton a{float:left; display:inline; width: 165px; height: 165px; margin-top:12px; margin-left:12px; background: url("../images/home_image_5.jpg") 0 0 no-repeat;} 

.homeImageMiddleMidButton a:hover {color: #FFFFFF; background-position: 0px -165px; background-color: #FFFFFF;}

.homeImageMiddleMidButton a:active {color: #FFFFFF; background-position: 0px -165px;}

.homeImageLeftBottomButton {float:left; display:inline; width: 165px; height: 165px; margin-top:12px; margin-left:123px; background: url("../images/home_image_7.gif") 0 0 no-repeat;}

.homeImageMiddleBottomButton {float:left; display:inline; width: 165px; height: 164px; margin-top:12px; margin-left:12px; background: url("../images/home_image_8.gif") 0 0 no-repeat;}







/* COPY PANEL ON LANDING PAGES */

.bodyText {margin-left:123px; margin-top:310px; width:310px;}

.copy {font-family: Arial, Helvetica, sans-serif; margin-top:7px; font-size: 12px; line-height: 15px; font-weight: normal; color: #EAD6B7; text-decoration: none;}





#middle {width: 177px; height: 645px; float:left; display:inline; align:center;}

.homeImageRightTopButton {float:left; display:inline; width: 165px; height: 165px; margin-top:128px; margin-left:12px; background: url("../images/home_image_3.gif") 0 0 no-repeat;}

.homeImageRightMidButton {float:left; display:inline; width: 165px; height: 165px; margin-top:12px; margin-left:12px; background: url("../images/home_image_6.gif") 0 0 no-repeat;}

.homeImageRightBottomButton {float:left; display:inline; width: 165px; height: 164px; margin-top:12px; margin-left:12px; background: url("../images/home_image_9.gif") 0 0 no-repeat;}







#right {width: 124px; height: 645px; float:left; display:inline; align:center;margin-top:8px;}



/* NAV BUTTONs \*/

.button_vision a {margin-top:119px; float:left; display:inline; width: 120px; height:30px; background-color:#FFFFFF; background: url("../images/button_vision.gif") 0 0 no-repeat;}

.button_vision a:hover {color: #FFFFFF; background-position: 0px -30px; background-color: #FFFFFF;}

.button_vision a:active {color: #FFFFFF; background-position: 0px -30px;}



.button_beauty a {float:left; display:inline; width: 120px; height:30px; background-color:#FFFFFF; background: url("../images/button_beauty.gif") 0 0 no-repeat;}

.button_beauty a:hover {color: #FFFFFF; background-position: 0px -30px; background-color: #FFFFFF;}

.button_beauty a:active {color: #FFFFFF; background-position: 0px -30px;}



.button_love a {float:left; display:inline; width: 120px; height:30px; background-color:#FFFFFF; background: url("../images/button_love.gif") 0 0 no-repeat;}

.button_love a:hover {color: #FFFFFF; background-position: 0px -30px; background-color: #FFFFFF;}

.button_love a:active {color: #FFFFFF; background-position: 0px -30px;}



.button_blog a {float:left; display:inline; width: 120px; height:30px; background-color:#FFFFFF; background: url("../images/button_blog.gif") 0 -30px no-repeat;}

.button_blog a:hover {color: #FFFFFF; background-position: 0px 0px; background-color: #FFFFFF;}

.button_blog a:active {color: #FFFFFF; background-position: 0px -30px;}



.button_contact a {float:left; display:inline; width: 120px; height:30px; background-color:#FFFFFF; background: url("../images/button_contact.gif") 0 -30px no-repeat;}

.button_contact a:hover {color: #FFFFFF; background-position: 0px 0px; background-color: #FFFFFF;}

.button_contact a:active {color: #FFFFFF; background-position: 0px -30px;}






/* BASE AREA WITH COPYRIGHT & CONTACT GUFF \*/

#base {float:left; display:inline; width:766px; height:30px; }

#baseContent{margin-left:123px; align:center; width:520px; height:30px;}

.copyright {float:left; display:inline; margin-left:120px; width:642px; height:30px; }

.copyrightText {float:left; display:inline; font-family: Arial, Helvetica, sans-serif; margin-left:1px; margin-top:7px; font-size: 11px; line-height: 14px; font-weight: normal; color: #EAD6B7; text-decoration: none;}

.mobileText {float:left; display:inline; font-family: Arial, Helvetica, sans-serif; margin-left:65px; margin-top:7px; font-size: 11px; line-height: 14px; font-weight: normal; color: #EAD6B7; text-decoration: none;}

a.emailText:link {float:right; display:inline; font-family: Arial, Helvetica, sans-serif; margin-top:7px; font-size: 11px; line-height: 14px; font-weight: normal; color: #EAD6B7; border-bottom: 0px; text-decoration: none;}

a.emailText:hover {float:right; display:inline; font-family: Arial, Helvetica, sans-serif; margin-top:7px; font-size: 11px; line-height: 14px; font-weight: normal; color: #A5084C; border-bottom: 1px solid; text-decoration: none;}

a.emailText:active {float:right; display:inline; font-family: Arial, Helvetica, sans-serif; margin-top:7px; font-size: 11px; line-height: 14px; font-weight: normal; color: #EAD6B7; border-bottom: 0px; text-decoration: none;}

a.emailText:visited {float:right; display:inline; font-family: Arial, Helvetica, sans-serif; margin-top:7px; font-size: 11px; line-height: 14px; font-weight: normal; color: #EAD6B7; border-bottom: 0px; text-decoration: none;}

