/***************************************************
LAYOUT ELEMENTS
***************************************************/

html, body {height: 100%; text-align: center;}

#frame {
    width: 840px;
    margin:0 auto;
    padding: 0px;
    font-family: arial, helvetica, sans-serif;
	background-color: #ffffff;	
	text-align:left; 
	position:relative;   
}


/* ROWS */
.row-1  { width: 840px; height: 175px;}
.row-2  { width: 840px; height: 325px;}
.row-3  { width: 840px;}

/* GRID */
.span-1  { width: 500px;}
.span-2  { width: 336px; padding: 112px 0 0 0;}
.span-contact  { width: 650px;} /** use in contact **/
.span-2b  { width: 185px; padding: 23px 5px 0 0;} /** use in contact **/
.span-3  { width: 705px; height: 320px; background: #fff url(images/gallery/bg_gallery.jpg) no-repeat;}
.span-4  { width: 800px;} /** use in about **/

.span-services { width: 530px;}
.span-services2  { width: 310px; padding: 25px 0 0 0;}


.clear { clear:both; }
.fl { float:left; }
.fr { float:right; }

.tar { text-align:right; }
.tal { text-align:left; }
.tac { text-align:center; }



/***************************************************
TEXT ELEMENTS
***************************************************/
a:link {color: #ee896b; text-decoration: underline;}
a:visited {color: #ee896b; text-decoration: underline;}
a:hover {color: #666666; text-decoration: underline;}
a:active {color: #ee896b; text-decoration: underline;}

a.black:link {color: #000000; text-decoration: none;}
a.black:visited {color: #000000; text-decoration: none;}
a.black:hover {color: #ee896b; text-decoration: none;}
a.black:active {color: #000000; text-decoration: none;}


H1 {
    font-size: 45px;
	color: #3d3d3d;
	margin: 0px;
	padding: 0 0 10px 0;
	line-height: 40px;
}

H2 {
    font-size: 50px;
	color: #3d3d3d;
	margin: 0px;
	padding: 0px;
	line-height: 50px;
}

H3 {
    font-size: 18px;
	color: #6d6e71;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}

H4 {
    font-size: 37px;
	color: #3d3d3d;
	margin: 0px;
	padding: 0px;
	line-height: 50px;
}


.paragraph{
	font-size: 16px;
	color: #3d3d3d;
	line-height: 1.8em;
}

.paragraph2{
	font-size: 16px;
	color: #3d3d3d;
	line-height: 1.4em;
}

.paragraphsm{
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	color: #3d3d3d;
}

.paragraphsm2{
	font-family: arial, helvetica, sans-serif;
	font-size: 13px;
	color: #3d3d3d;
	font-weight: bold;
}

.paragraphsm2color{
	font-family: arial, helvetica, sans-serif;
	font-size: 13px;
	color: #ee896b;
	font-weight: bold;
}

.paragraphsm3{
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	color: #3d3d3d;
}

.web {
	padding-top: 45px;
	font-size: 10px;
	color: #3d3d3d;
}



 /* this is for the beta version placement */ 
.beta {
   z-index:1;
   position: absolute;
   top: 528px;
   left: 758px;
   font-style:italic;   
  }
 /* this is for the beta version placement */ 

 
/* this is for the homepage text placement */ 
.homepage {
   z-index:10;
   position: absolute;
   top: 8px;
   left: 0px;  
  }
 /* this is for the homepage text placement */ 
 /* this is for the karma text placement */ 
.karma {
   z-index:10;
   position: absolute;
   top: 30px;
   left: 0px;  
  }
 /* this is for the karma text placement */ 
 

/* this is for IE browser */
.contactform
{
 width: 203px;
}

.subnav {
   z-index:1;
   position: absolute;
   top: 188px;
   left: 0px;   
  }

.bullets {
   padding: 0 0 0 15px;
   margin: 0px;
   line-height: 20px;
  }