/* CSS Document */
@import url("levelplay.css");

html {

     overflow: -moz-scrollbars-vertical;

}


body    {
	font: 90% verdana, arial, helvetica, sans-serif;
	text-align:center;
	background-color:#cc9f96;
	color:#000;
	}
	
#container  {
	width:774px;
	text-align:left;
	margin:0 auto;
	height:100%;
	}
		
#decorative   {
	line-height:.5;
	background-color:#cc9f96;
	color:#000;
	}	
		
.logoStyle   { margin:0 0 0 -.5em;width:324px; height:140px;   }
	
.frontimage  {
	float:left;
	padding:.6em;
	}

	
		
#visit  {
	clear:left;
	margin:1.75em 2em 0 1.5em;
	padding:.5em;
	overflow:hidden;
	}
	
#visit  p {
	margin:.75em .5em .5em .5em;
	}	
		
.company  {
	font-size:130%;
	color:#c5640f;
	font-weight:bold;
	}
	
#unders  {
	width:100%;
	height:61px;
	background:#fff url(../images/bgneti.gif) repeat-x fixed;
	}	
	
p   {

 	font-size:85%;
	padding:4px;
	line-height:1.5;
	margin:.5em .5em 1em;
	}
	
#leftSide p  a {
	padding:0;
	}
a {
	color: #981793;
	padding:10px;
	}
	
#outline  {
	width:774px;
	border-left: 1px solid #000;	
	border-top: 1px solid #000;
	border-right: 1px solid #000;		
	margin:0;
	padding:0;	
	background-color:#fff;
	color:#000;	
	}
	
	
.rightSide   {
	float:right;
	width:30%;
	}
	
#leftSide  {
	text-align:left;
	}
	
.frontBox  {
	width:28%;
	}

			
#level2leftSide {
	margin:1.5em .5em;
	text-align:justify;
	}
	
#level2leftSide h2 {
	font-size:160%;
	font-weight:bold;
	background-color:#fff;
	color:#9f8e92;
	}
	
		
#level2leftSide p {
	display:block;
	}	
#highlight   {
	float:right;
	width:190px;
	vertical-align:top;
	margin:0 0 1.5em 1.5em;
	}	
	
		
.spacer  {
	line-height: 2px;
	font-size:5%;
	}
	
	
.spacer2  {
	line-height: 3;
	}

br.clearbr   {
	clear:both;
	}
		
#footer  {
	clear:both;
	line-height:1;
	margin-top:2em;
	width:100%;
	text-align:center;
	white-space:nowrap;
	padding:1em 0;	
	background-color: #333;
	color: #FFF;	
	}

#footer a {
	display:inline;
	color: #fff;
	font-siZe:85%;
	}

.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 {
    background: transparent url(../images/boxaround.png) no-repeat bottom right; 
} 


.cssbox { 
    width: 200px !important; /* intended total box width - padding-right(next) */
    width: 174px; /* IE Win = width - padding */
    padding-right: 15px; /* the gap on the right edge of the image (not leftSide padding) */
    margin: 0 auto; /* use to position the box */ 
} 

/* set the top-right image */ 
.cssbox .cssbox_head  { 
    background-position: top right;
	margin-right: -15px; /* pull the right image over on top of border */
    padding-right: 40px; /* right-image-gap + right-inside padding */ 
	text-align:right;
} 

.cssbox_body   {
	font-size:98%; 
	}
	
.cssbox_body  p  {
	font-size:70%; 
	padding:1px;
	}
		
		
h3  {
	font-size:80%;
	text-align:center;
	color:#002d62;
	font-weight:bold;
	}
	
	
h2.testimon {
	font-size:110%;
	text-align:center;
	color:#002d62;
	font-weight:bold;
	}
	
#map-side-bar  { width:94%; margin:1em auto;  }

#map-side-bar  h3 { font-size:150%; margin:1em auto;  }
.map-location  { width:150px;float:left;padding:.5em; }	
.cssbox  ul  {
	font-size:80%;
	margin:.75em 1.5em .75em;
	}


/* set the top-left image */ 
.cssbox_head h2 { 
    background-position: top left; 
    margin: 0; /* reset main site styles*/ 
    border: 0; /* ditto */ 
    padding: 15px 4px 8px 10px; /* padding-left = image gap + interior padding ... no padding-right */ 
    height: auto !important; height: 1%; /* IE Holly Hack */ 
	color:#002d62;
	font-weight:bold;
	font-size:110%;
	text-align:center;
} 

.cssbox_head h2 a { 
   
	color:#002d62;
} 

.cssbox_head h2 a:hover { 
   
	color:#96172e;
} 


/* set the lower-left corner image */ 
.cssbox_body { 
    background-position: bottom left; 
    margin-right:5px; /* interior-padding right */ 
    padding: 15px 4px 18px 10px; /* mirror .cssbox_head right/left */ 
} 

.cssbox_body p { 
    margin-top:-1em;
	padding-left:.5em;
	font-size:90%;
} 

.ulindent  {
	margin-left:1em;
	margin-bottom:2em;
	font-size:85%;
	}
	
.ulindent li {
	list-style:none;
	}
		
.ulindent li a {
	margin:0;
	padding:0 0 .5em;
	color:#002d62;
	}
	
.fancy  {
	width:100%;
	background: #96172e url(../images/level2back.png); 
	border: 1px solid #000;		
	color: #fff;
	font-size:140%;
	}
	
.fancier  {
	margin-left:1.5em;
	margin-top:.75em;
	border: 2px solid #96172e;	
background: #e6d285;	
	}
.fancier li {
	margin:.75em 1em;
	list-style:none;	
	}	
.fancier li a {
	font-weight:bold;
	}		
	
.floatR   {
	float:right;
	}	
	
.domargin  {
	margin:.5em;
	}	
	
.thisscroller   {
height:340px;
font-size: 80%;
overflow:auto;
}	

	
#tabs {
	padding-top:5px;
	font-size:75%;
	background-color:#cc9f96;
}
#tabs ul {
	float:left;
	width:100%;
	list-style:none;
	background:#d07e6e url(../images/nav-tab1.gif) repeat-x;
	
}
#tabs li {
	display:inline;
}
#tabs a {
	display:block;
	float:left;
	width:auto;
	padding:0 6px;
	border-right:1px solid #bb1600;
	border-bottom:none;
	border-left:1px solid #fe633a;
	color:#fff;
	background:#d07e6e url(../images/nav-tab1.gif) repeat-x;
	font:bold 1.1em/2.5 "Trebuchet MS",Helvetica,Arial,Geneva,sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	letter-spacing:1px;
	 white-space:nowrap;
}
#tabs a:hover,
#tabs a:focus,
#tabs a:active {background:#b31203 url(../imagesi/nav-tab1.gif) repeat-x 0 -150px}
	
	
body.home #tabs ul li a.home1, body.home1 #tabs a.home1, 
body.blog #tabs ul li a.blog1, body.blog1 #tabs a.blog1, 
body.about #tabs ul li a.about1,  body.about #tabs ul a.about1,
body.whole #tabs ul li a.whole1,  body.whole #tabs ul a.whole1,
body.netis #tabs ul li a.netis1,  body.netis #tabs ul a.netis1,
body.ceramics #tabs ul li a.ceramics1,  body.ceramics #tabs ul a.ceramics1,
body.benefits #tabs ul li a.benefits1, body.benefits #tabs ul a.benefits1  { 
background:#720000 url(../images/nav-tab1.gif) repeat-x 0 -300px;}


.pullquote {
	width: 30%;
	float:right;
	font-size:80%;
	line-height:1.75;
	margin:10px;
	background: url(../images/closequote.gif) no-repeat bottom right !important;
	background /**/:url(); /* removing quote graphic in IE5+ */
	padding:0px 25px 5px 0px;
}
.pullquote:first-letter,.pullquote2:first-letter  {
	background: url(../images/openquote.gif) no-repeat left top !important;
	padding:5px 2px 10px 35px!important;
	padding /**/:0px; 	/* resetting padding in IE5+ */
	background /**/: url(); /* removing quote graphic in IE5+ */
}

.pullquote2 {
	width: 30%;
	float:right;
	font-size:80%;
	line-height:1.75;
	margin:10px;
	background: url(../images/closequote2.gif) no-repeat bottom right !important;
	background /**/:url(); /* removing quote graphic in IE5+ */
	padding:0px 25px 5px 0px;
	height:98px; overflow:hidden;
}


.author a  {
	font-size:88%;
	padding-left:1.5em;
	}
	

.gallerypholder {
	margin: .5em auto;
	font-size: 130%;
	color: red;
	width:760px;
	height:100%;
	}	
		
.galleryp {
	float: left;
	width: 240px;
	margin: 0 1px 1px 0;
	text-align: center;
	background-color:#fff;	
	color:black;	
	font-size: 70%;
/* added rules */
	height: 250px;
	}
	
.hide  {
	position:relative;
	float:right;
	left:9999px;
	}	
	
.galleryp1 {
	float: left;
	width: 240px;
	margin: 0 1px 1px 0;
	text-align: center;
	background-color:#fff;	
	color:black;	
	font-size: 70%;
/* added rules */
	}
	

	
	
.galleryp-title2 {
	margin: 1px 0 0 0; 
	padding:.2em .2em .2em .6em;
	text-align: left;
	font-size: 95%;
	background-color:#fff;	
	width:95%;
	color:#590000;	
	}
	
.orderform {
	margin:0; 
	padding:0; width:100%; }	

.galleryp-photo {
	margin:0 auto; 
	padding:0;
	border: 0;
	}
	
.galleryp-photo img {
	margin:0 auto; 
	padding:0;
	border-top: 3px solid #d07e6e;
	border-left: 3px solid #d07e6e;
	border-bottom: 2px solid #bb1600;
	border-right: 2px solid #bb1600;			
	width:234px;
	}	
.galleryp-title {
	margin: 1px 0 0 0; 
	padding:.2em .2em .2em .6em;
	text-align: left;
	font-size: 95%;
	background-color:#bb1600;	
	width:95%;
	color:white;	
	}
	
.galleryp-desc {
	margin: 1px 0 0 0; 
	padding:.4em;
	text-align: left;
	font-size: 76%;
	width:98%;
	background-color:#fff;	
	color:black;	
	}	
.galleryp-info {
	margin: 5px 1px 0 1px; 
	padding:0;
	text-align: right;
	font-size: 86%;
	color: #666;
	}
	
h2.galleryp-title a {
	color: red;
	background-color:white;
	padding:.15em 1em;
	}	
	
.pay  {
	margin:.35em 0; 
	vertical-align:bottom;
		font-size:90%;
	}
	
label  {vertical-align:bottom; font-weight:normal;

	margin-left:.3em;
	}
	
.pay input {
	margin:0; 
	}	

h2.sales {
	font-size:130%;
	font-weight:bold;
	background-color:#fff;
	color:#b84040;
	margin:1em 0 0 .5em;
	}	
		
h2.galleryp-title a:hover {
	color: #000;
	background-color:red;	
	}			
#container h1   {
	font-size:179%;
	background-color:#fff;
	color:#c5640f;
	margin-left:.5em;
	}
		
h1  {
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
	}
	
form  {
	width:63%;
	float:left;
	margin-bottom:2em;
	}		
	
fieldest.whole  {
	border:1px solid #838383;
	}

legend   {
	margin-top:1em;
	font-size:140%;
	background-color:#fff;
	color:#c5640f;
	margin-left:.5em;
	}
	
input.length   {
	width:90%;
	margin-left:.5em;	
	}

textarea   {
	width:90%;
	margin-left:.5em;	
	}
	

	
.smallBR  { font-size:1%;line-height:.01  }
	
.button {
	background-color: #d07e6e;
	border-bottom: 2px #d07e6e solid;
	border-left: 2px #ccccff solid;
	border-right: 1px #000 solid;
	border-top: 1px #000 solid;
	color: #fff;
	font-size: 75%;
	font-weight: bold;
	letter-spacing: 1px;
	margin: 10px 0 0 2em;
	Padding:1px;
	}		
	
.button2 {
	background-color: #d07e6e;
	border-bottom: 2px #d07e6e solid;
	border-left: 2px #ccccff solid;
	border-right: 1px #000 solid;
	border-top: 1px #000 solid;
	color: #fff;
	font-size: 75%;
	font-weight: bold;
	letter-spacing: 1px;
	margin: 10px 0 0 1px;
	Padding:1px;
	}		
				
				
fieldset  {
	width:90%;
	margin:1.5em auto;
	border:2px solid #d07e6e;
	padding:4px;
	}
	
#testimonial  {
	width:40%;
	float:right;
	margin:0 .8em;
	padding:.4em;
	border: 2px #d07e6e solid;
	}
	
#testimonial h3 {
	font-size:120%;
	}
#testimonial p {
	font-size:77%;
	}
	
.spacing  {
	margin-bottom:2.5em;
	clear:both;
	}	
	
/*Tooltip Styles*/


#leftSide p a.tooltip  { 
cursor: help;
position:relative;
padding:0;
margin:0;
z-index:24;
background-color:#fdf0e6;
text-decoration:none;
border-bottom:1px dashed #000;
color:#000;
vertical-align:top;

}


#leftSide p a.tooltip:hover {
z-index:25;
position:relative;
cursor: help;
background:#fff;
color:#231f20;
text-decoration:none;
overflow: visible;
}

#leftSide p a.tooltip span {
display: none;
background:#fff;
left:2em;
width: 65%;
color:#231f20;
}	

#leftSide p a.tooltip:hover span { 
font-weight: normal;
text-align: left;
display: block;
position: absolute;
left: 2em;
right:-5em;
width: 26em;
color:#000;
background-color: #fdf0e6;
padding: 2px 6px 6px;
border: 1px solid #96172e;
white-space: normal !important;
text-decoration:none;
overflow: hidden;
font-size:87%;
}

	
#leftSide p a.tooltip:hover span span { 
font-weight: normal;
text-align: left;
display: inline;
position: relative;
left: 0;
right:0;
width:auto;
color:#000;
background-color: #fdf0e6;
padding: 0;
border: none;
white-space: normal !important;
text-decoration:none;
overflow: auto;
font-size:100%;
}	


.captionbox2  {
	font-size:80%;
	padding:.5em;
	width:44%;
	float:right;
	text-align:center;
	margin-right:.8em;
	}
	
.captionbox  {
	font-size:80%;
	padding:.5em;
	width:43%;
	text-align:center;

	}
		
#new  {
	clear:left;
	margin:1.75em 2em 0 1.5em;
	padding:.5em;
	overflow:hidden;
	}