* { margin: 0; padding: 0; }
body { background: #FFFFFF; height: 100%; }

#wrapperTable { height: 90%; width: 100%; }
#wrapperColumn { height: 100%; }
#wrapper { background: #FFFFFF; position: relative; width: 775px; left: 50%; margin-left: -389px; #margin-left: -388px; border-left: 1px #cecec9 dotted; border-right: 1px #cecec9 dotted; height: 100%; z-index: 100; }

#miscimagescol { float: right; right: -2px; top: 0; width: 155px; }
#menunav { float: right; right: -2px; top: 0; width: 155px; }
#content { float: right; right: 0; top: 0; width: 462px; }
		
#footerTable { height: 10%; }
			
#nav { margin-top: 50px; }
#nav li { list-style: none; }

#nav2 { margin-top: -15px; }
#nav2 li { list-style: none; margin: 9px 0; margin-left: 10px;  }

	
a#homebutton { display: block; width: 145px; height: 31px; background: url(../images/home_button.gif) no-repeat left top; }
a#homebutton:hover { background: url(../images/home_button.gif) no-repeat left bottom; }
			
a#projectsbutton { display: block; width: 145px; height: 31px; background: url(../images/projects_button.gif) no-repeat left top; }
a#projectsbutton:hover { background: url(../images/projects_button.gif) no-repeat left bottom; }
			
a#kitchensbutton { display: block; width: 145px; height: 31px; background: url(../images/kitchens_button.gif) no-repeat left top; }
a#kitchensbutton:hover { background: url(../images/kitchens_button.gif) no-repeat left bottom; }
			
a#dealersbutton { display: block; width: 145px; height: 31px; background: url(../images/dealers_button.gif) no-repeat left top; }
a#dealersbutton:hover { background: url(../images/dealers_button.gif) no-repeat left bottom; }
	
a#whitespace { display: block; width: 145px; height: 20px; background: url(../images/menu_whitespace.jpg) no-repeat left top; }
			
#menunav p { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: #89b7d8; }
.important { color: #aa7000; }
			
.menu { background: #fff url(../images/dot.gif) repeat-x left bottom; padding-bottom: 2px; margin: 0 15px;  height: 61px; position: relative; }

#header { font-family: tahoma, sans-serif; font-size: 9px; letter-spacing: 1px; text-align: center; padding-top: 20px; color: #aa7000;  }
#header a { text-decoration: none; }
#header a:link, a:visited { color: #b8b8b8; }
#header a:hover { color:#89b7d8;  }
			
#logo { padding-top: 30px; padding-left: 35px; }
#label { position: absolute; bottom: 5px; }
#exception { margin-left: 135px; }
			
#footer { width: 775px; height: 6px; clear: both; }
			
#footer p, #footer2 p { font-family: tahoma, sans-serif; font-size: 10px; color: #757575; width: 772px; padding-top: 20px; }
		
a#olympicbutton { display: block; width: 144px; height: 61px; background: url(../images/olympic_button.gif) no-repeat left top; }
a#olympicbutton:hover { background: url(../images/olympic_button.gif) no-repeat left bottom; }
a#atlanticbutton { display: block; width: 144px; height: 61px; background: url(../images/atlantic_button.gif) no-repeat left top; }
a#atlanticbutton:hover { background: url(../images/atlantic_button.gif) no-repeat left bottom; }
a#atashibutton { display: block; width: 144px; height: 61px; background: url(../images/atashi_button.gif) no-repeat left top; }
a#atashibutton:hover { background: url(../images/atashi_button.gif) no-repeat left bottom; }
a#laperlabutton { display: block; width: 144px; height: 61px; background: url(../images/laperla_button.gif) no-repeat left top; }
a#laperlabutton:hover { background: url(../images/laperla_button.gif) no-repeat left bottom; }
a#mobilobutton { display: block; width: 144px; height: 61px; background: url(../images/mobilo_button.gif) no-repeat left top; }
a#mobilobutton:hover { background: url(../images/mobilo_button.gif) no-repeat left bottom; }
a#sparkbutton { display: block; width: 144px; height: 62px; background: url(../images/spark_button.gif) no-repeat left top; }
a#sparkbutton:hover { background: url(../images/spark_button.gif) no-repeat left bottom; }
a#optimabutton { display: block; width: 144px; height: 61px; background: url(../images/optima_button.gif) no-repeat left top; }
a#optimabutton:hover { background: url(../images/optima_button.gif) no-repeat left bottom; }
a#origanobutton { display: block; width: 144px; height: 61px; background: url(../images/origano_button.gif) no-repeat left top; }
a#origanobutton:hover { background: url(../images/origano_button.gif) no-repeat left bottom; }
a#visionbutton { display: block; width: 144px; height: 57px; background: url(../images/vision_button.gif) no-repeat left top; }
a#visionbutton:hover { background: url(../images/vision_button.gif) no-repeat left bottom; }
a#classicbutton { display: block; width: 144px; height: 61px; background: url(../images/classic_button.gif) no-repeat left top; }
a#classicbutton:hover { background: url(../images/classic_button.gif) no-repeat left bottom; }

a#olympicbutton2 { display: block; width: 145px; height: 40px; background: url(../images/olympic_button_2.gif) no-repeat right top; }
a#olympicbutton2:hover { background: url(../images/olympic_button_2.gif) no-repeat right bottom; }
a#atlanticbutton2 { display: block; width: 145px; height: 40px; background: url(../images/atlantic_button_2.gif) no-repeat right top; }
a#atlanticbutton2:hover { background: url(../images/atlantic_button_2.gif) no-repeat right bottom; }
a#atashibutton2 { display: block; width: 145px; height: 40px; background: url(../images/atashi_button_2.gif) no-repeat right top; }
a#atashibutton2:hover { background: url(../images/atashi_button_2.gif) no-repeat right bottom; }
a#laperlabutton2 { display: block; width: 145px; height: 40px; background: url(../images/laperla_button_2.gif) no-repeat right top; }
a#laperlabutton2:hover { background: url(../images/laperla_button_2.gif) no-repeat right bottom; }
a#mobilobutton2 { display: block; width: 145px; height: 40px; background: url(../images/mobilo_button_2.gif) no-repeat right top; }
a#mobilobutton2:hover { background: url(../images/mobilo_button_2.gif) no-repeat right bottom; }
a#sparkbutton2 { display: block; width: 145px; height: 40px; background: url(../images/spark_button_2.gif) no-repeat right top; }
a#sparkbutton2:hover { background: url(../images/spark_button_2.gif) no-repeat right bottom; }
a#optimabutton2 { display: block; width: 145px; height: 40px; background: url(../images/optima_button_2.gif) no-repeat right top; }
a#optimabutton2:hover { background: url(../images/optima_button_2.gif) no-repeat right bottom; }
a#origanobutton2 { display: block; width: 145px; height: 40px; background: url(../images/origano_button_2.gif) no-repeat right top; }
a#origanobutton2:hover { background: url(../images/origano_button_2.gif) no-repeat right bottom; }
a#visionbutton2 { display: block; width: 145px; height: 40px; background: url(../images/vision_button_2.gif) no-repeat right top; }
a#visionbutton2:hover { background: url(../images/vision_button_2.gif) no-repeat right bottom; }
a#classicbutton2 { display: block; width: 145px; height: 40px; background: url(../images/classic_button_2.gif) no-repeat right top; }
a#classicbutton2:hover { background: url(../images/classic_button_2.gif) no-repeat right bottom; }						

a#olympicbuttonhover { display: block; width: 145px; height: 40px; background: url(../images/olympic_button_2.gif) no-repeat right bottom; }
a#atlanticbuttonhover { display: block; width: 145px; height: 40px; background: url(../images/atlantic_button_2.gif) no-repeat right bottom; }
a#atashibuttonhover { display: block; width: 145px; height: 40px; background: url(../images/atashi_button_2.gif) no-repeat right bottom; }
a#laperlabuttonhover { display: block; width: 145px; height: 40px; background: url(../images/laperla_button_2.gif) no-repeat right bottom; }
a#mobilobuttonhover { display: block; width: 145px; height: 40px; background: url(../images/mobilo_button_2.gif) no-repeat right bottom; }
a#sparkbuttonhover { display: block; width: 145px; height: 40px; background: url(../images/spark_button_2.gif) no-repeat right bottom; }
a#optimabuttonhover { display: block; width: 145px; height: 40px; background: url(../images/optima_button_2.gif) no-repeat right bottom; }
a#origanobuttonhover { display: block; width: 145px; height: 40px; background: url(../images/origano_button_2.gif) no-repeat right bottom; }
a#visionbuttonhover { display: block; width: 145px; height: 40px; background: url(../images/vision_button_2.gif) no-repeat right bottom; }
a#classicbuttonhover { display: block; width: 145px; height: 40px; background: url(../images/classic_button_2.gif) no-repeat right bottom; }
			
.floatToLeft { float: left; }
.floatToRight { float: right; }			
	
#miscimagescol img { display: block; }

div#mainAreaLoading .loadingText, div#picAreaLoading .loadingText { font-family: tahoma, sans-serif; font-size: 10px; color: #aa7000; text-transform: uppercase; }
div#mainAreaLoading, div#picAreaLoading { position: absolute; background-color: #ffffff; }
div#mainAreaLoading img, div#picAreaLoading img { padding-bottom: 10px; }
/* ****************************************************************************************************************************************************************** */
div#webcontent h1 { background: url(../images/dot.gif) repeat-x left bottom; padding-bottom: 5px; margin-top: 20px; margin-left: 10px; margin-right: 40px; font-family: serif; font-size: 28px; color: #89b7d8; margin-bottom: 10px; }
div#webcontent h2 { background: url(../images/dot.gif) repeat-x left bottom; padding-bottom: 5px; margin-top: 10px; margin-left: 10px; font-family: serif; font-size: 20px; color: #ddcc21; margin-bottom: 10px; width: 320px; } 
div#webcontent h2 span { font-style: italic; font-size: 10px; text-transform: uppercase; font-weight: normal; }
div#webcontent h2 img.leb { margin-left: 30px; #margin-left: 35px; }
div#webcontent h2 img.qtr { margin-left: 125px; #margin-left: 130px; }

div#webcontent p { margin-left: 10px; font-family: sans-serif; font-size: 12px; line-height: 1.6em; }


div#webcontent ul { list-style: none; display: inline; }
div#webcontent ul li { margin: 5px 10px; #margin: 5px 0;  }
div#webcontent ul li ul li { margin: 5px 20px; }

div#webcontent ul li a { text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
div#webcontent ul li a:link, div#webcontent ul li a:visited { color: #ddcc21; }
div#webcontent ul li a:hover { color: #aa7000; }

div#webcontent span#spacer { background:url(../images/dot.gif) repeat-x left bottom; width: 150px; height: 1px; }

/*******************************************/
#canvas { position:relative; width: 445px; height: 290px; text-align: center; padding-top: 20px; }
#pictureArea { width: 445px; height: 290px; }
#pictureArea img { border: 1px solid #757575; }

#galleryItems { position: relative; width: 290px; padding-bottom: 620px; #padding-bottom: 555px; }
.galleryLogo { position:relative; background: url(../images/dot.gif) repeat-x left bottom; padding-bottom: 4px; padding-left: 10px;  }
.galleryThumbnail img { margin: 12px 0 12px 15px; border: 1px solid #757575; }

#galleryThumbnail2 img { margin: 12px 15px; border: 1px solid #757575; }

#anothergallery { position: absolute; top: 0; left: 350px; width: 250px; }
#anothergallery span { color: #aa7000; }

/* ************************************************************************************************************************************** */
#arrow { background: url(../images/arrow.gif) no-repeat left top; width: 8px; height: 9px; position: absolute; margin-left: -8px; margin-top: 15px; }
/* ************************************************************************************************************************************** */
.projectName { font-family: tahoma, sans-serif; color: #ddcc21; font-size: 10px; text-transform: uppercase; }

#projectDesc { position: absolute; left: 450px; top: 50px; width: 140px; padding: 0; margin: 0; }
#projectDesc p { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: #89b7d8; text-align: left; }