@import url(layout.css);
@import url(text.css);

/*
--------------------------------------------------
Soni Motors Styles
Modified By: Jim Quraishi
--------------------------------------------------
Revised 24 June 2005
--------------------------------------------------
*/


	Site:		www.sonimotorsthailand.com :: www.thailand4x4.com :: www.sonirodban.com

	Author:		Mark Quraishi

	Possible Future Listing Order:
	==============

	1 - Universal
	2 - Structure/Layout
	3 - Main Navigation
	4 - Sub Navigation
	5 - Left Navigation
	6 - Footer Navigation
	7 - Page Elements
	8 - Forms
	9 - Shadowboxs
	
************************************************************************/

/***********************************************************************
	1 - UNIVERSAL STYLES
************************************************************************/

/***********************************************************************
	2 - STRUCTURE/LAYOUT
************************************************************************/
body { 
	background-position: left top; margin:25px; padding-left:0px; padding-right:0px; padding-top:10px; padding-bottom:10px; 
	  background-color:#FFFFFF
	}	

div.hr {
		color:;
		
	}
/*  background-color:#69BCDC;url(../body_bg.gif"); background-attachment: fixed; margin: 25; padding: 0; text-align: center;background-image:url('../body_bg2.gif'); repeat-y 50% 0;  background-attachment:fixed */




body>#Header {
	height:221px;
}


#siteholder {
  margin:0px auto; background-position: 
               0% 0%; padding:0px; width:780px;
               color:#000000;background-image:url('../images/shbg.gif'); background-repeat:repeat-y; background-attachment:scroll

  }
  
  /*   background:#B9D4F1 url('../bgMain.gif') repeat-y left top color:#000000;background-image:url('../shbg.gif'); background-repeat:repeat-y; background-attachment:scroll */
#header {
	margin: 0px;
	padding: 0px;
	width: 780px;
	height: 120px;
	background: url('../images/header11.gif') no-repeat;
	color: #000;
	text-align: right;
	line-height: 15px;
	background-repeat: repeat-x;
}
#content {
  margin:0px 30px 0px 30px;
  padding:0px 0px 50px 0px;
  text-align:left;
  }

#content1
{
clear: both;
background: url('../images/contentbg.gif') no-repeat;
border-right: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
line-height: 18px; padding-left:20px; padding-right:20px; padding-top:10px; padding-bottom:20px
}

#footer {
   margin-left:7px;
   
  padding-left:0px;
height:40px;
width:780px;

  background:url('../images/curvedbottom4.gif') no-repeat;
  color:#000;
  }

/*#footer {
  margin:0px;
  padding:0px;
  width:780px;
  height:70px;
  background:url('../shfooter.gif') no-repeat;
  color:#000;
  }
*/



/*TEXT ELEMENTS	
a{color:#520;text-decoration:none;border-bottom:1px dotted #960;}
a:hover{color:#993;text-decoration:none;border-bottom:1px solid #996;}
*/






/***********************************************************************
	NAVIGATION TABLE OF CONTENTS
************************************************************************/
/*TableContents div and ul */

#navcontainer
{
background: #f0e7d7;
width: 30%;
margin: 0 auto;
font-family: georgia, serif;
font-size: 12pt;
text-align: center;
text-transform: lowercase; font-weight:bold; padding-left:0; padding-right:0; padding-top:1em; padding-bottom:1em
}

ul#navlist
{
margin-left:52px; margin-right:4px; font-size:88%; font-family:Georgia;text-align: left;
list-style: none;
padding: 0;
margin: 0 auto;
width: 70%;
}

ul#navlist li
{
display: block;
margin: 0;
padding: 0;
list-style-image: none;

}


ul#navlist li a
{
border-left:1px solid #fff; border-right:1px solid #aaab9c; 
border-top:1px solid #ffe; border-bottom:1px solid #ccc; display: block;
width: 100%;
color: #0000FF;margin-left:20px; margin-right:0; margin-top:80px; margin-bottom:2px;
text-decoration: none underline;
list-style-image: none;

background: #f7f2ea;; padding-left:15px; padding-right:0; padding-top:0.5em; padding-bottom:0.5em; font-weight:bold
}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a
{
background: #f0e7d7;
color: #FF0000;font-weight:bold
}

ul#navlist li#active a:hover
{
color: #800000;
background: transparent;
border-color: #aaab9c #fff #fff #ccc;
}

ul#navlist li a:hover
{
color: #800000;
background: transparent;
border-color: #aaab9c #fff #fff #ccc;
}

/* Genius "no-extra-markup" clearing by Tony Aslett - www.csscreator.com */
/* add clearfix class to any containter that must enclose floated elements */
/* explained at http://www.positioniseverything.net/easyclearing.html */
:after.clearfix {
content: ".";              /* the period is placed on the page as the last thing before the div closes */
display: block;          /* inline elements don't respond to the clear property */ 
height: 0;                  /* ensure the period is not visible */
clear: both;               /* make the container clear the period */
visibility: hidden;	     /* further ensures the period is not visible */
}
.clearfix {display: inline-block;}   /* a fix for IE Mac */
/* fix for Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */

/*
  
  /* navigation */

#navwrapper {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;

border-top: 0;
border: 1px solid #999;
background-color: #f0f0f0;
}

#nav {
width: 648px;
}
	
#nav p {
font-family: verdana, arial, sans-serif;
font-size: 9px;
font-weight: bold;
padding: 5px 0 4px 0;
}
#nav a:visited {
color: #999;
text-decoration: none;
background-color: transparent;
padding: 5px 9px 4px 9px;
margin: 0;
border-right: 1px dashed #dadada;
}

#nav a:link {
color: #999;
text-decoration: none;
background-color: transparent;
padding: 5px 9px 4px 9px;
margin: 0;
border-right: 1px dashed #dadada;
}

#nav a {
color: #999;
text-decoration: none;
background-color: transparent;
padding: 5px 9px 4px 9px;
margin: 0;
border-right: 1px dashed #dadada;
}

#nav a:hover {
color: #333;
background-color: #dadada;
}
	
#secondarynav {
float: right;
text-align: right;
width: 400px;
}
	

/**** NAVIGATION LINK BAR > TOP ********************************************/	
#navbar {
	/***height: 52px;left: 0px; 
	width: 716px;position: absolute;
	top: 151px; 
	 *********/ 
	background-position: 0% 0%; 
	background-color:#D2E6FF
	}
	
#navbar ul {
		list-style: none;
		width: 910px; height: 24px;/*****/
		margin: 10 0 0 8px;
		padding: 0;
		}
		
#navbar li {
	padding: 0;
	margin: 0 0 0 6px;
	float: left;
	}

#navbar li a {
	background-position: 0% 0%; height: 20px;	
	width: 98px;
	margin: 0;
	display: block;
	color: #BFCAD5;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	font-family: georgia, verdana, arial, sans-serif;
	font-size: 12px;
	padding-left:0; padding-right:0; padding-top:5px; padding-bottom:5px; background-image:url('../images/taboff.gif'); background-repeat:no-repeat; background-attachment:scroll
	}
	
#navbar li a:hover {
	background-position: 
               0% 0%; color: #FFFFFF;
	background-image:url('../images/tabon.gif'); background-repeat:no-repeat; background-attachment:scroll
	}
	
#navbar li a.on {
	color: #FFF;
	background: url('../images/tabon.gif') no-repeat;
	}

/***********************************************************************
	QUOTES
************************************************************************/

#quote {
    background-position: center top; margin-top: 15px;
    font-size: 10px;
    line-height: 1.6em;
    color: #FFFFFF;
    font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif; padding-left:10px; padding-right:7px; padding-top:15px; padding-bottom:0; 
}

#quote .quote_wrapper {
    background-position: 
               5px top; padding-left:0; padding-right:0; padding-top:10px; padding-bottom:0; background-image:url('../images/quote_top.gif'); background-repeat:no-repeat; background-attachment:scroll
}

#quote p {
    background-position: 5px bottom; color: #005A65;
    margin: 0;
    font-size: 11px;
    font-family: Georgia, Times New Roman, serif; padding-left:12px; padding-right:12px; padding-top:0; padding-bottom:29px; 
    background-image:url('../images/quote_bottom.gif'); background-repeat:no-repeat; background-attachment:scroll
}

#quote .name {
    font-family: Trebuchet MS;
    text-align: left;
    padding-left: 60px;
    font-size: 14px;
    color: #FF0000;
    font-weight: bold;
    letter-spacing: 1px
}

#quote .position {
  line-height: 1.4em;
  font-size: 10px; color:#000000; margin-left:65px; margin-right:0; margin-top:2px; margin-bottom:10px
}

/*----------------------------------
Green Quote controls
----------------------------------*/

#gquote {
	background-position: 0% 0%; clear:both;
	text-align: center;	
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-top-width: 1px;	
	margin-bottom:10px; padding-left:90px; padding-right:90px; padding-top:10px; padding-bottom:10px; 
	background-image:url('../images/greenquote.gif'); background-repeat:no-repeat; background-attachment:scroll;
	}
/*----------------------------------
Quote2
----------------------------------*/
#quote2 {
	margin: 0px 0px 0px 0px;
	width: 207px;
	padding-left:15px; padding-right:20px; padding-top:10px; padding-bottom:0px; 
	background: url('../images/bg_quote.gif') repeat-y;
	}
	#quotetop {
	margin: 0px 0px 0px 20px;
	background: url('../images/bg_quotetop.gif') top left no-repeat;
	padding-left:0px; padding-right:20px; padding-top:10px; padding-bottom:25px; 

	}
	#quotebottom {
	font-family: georgia, palatino, garamond, serif;

	margin-left:20px; margin-right:20px; margin-top:-25px; margin-bottom:25px; 
padding-left:15px; padding-right:20px; padding-top:0px; padding-bottom:25px; 
	background: url('../images/bg_quotebottom.gif') bottom left no-repeat;
	
	font-style: italic;
	color: #888;
	line-height: 1.7em;
	}
	.author {
		width: 120px;
		padding-top: 10px;
		padding-right: 7px;
		padding-bottom: 10px;
		color: #999;
		line-height: 1.2em;
		text-align: left;
		float: right;
	}
	.author b {
		color: #666;
	}
	.viewall {
		margin: 10px 0 0 20px;
	}
	.quote-page {
	font-family: georgia, palatino, garamond, serif;
	font-style: italic;
	color: #888;
	font-size: 1em;
	line-height: 1.7em;
	padding-bottom: 25px;
	}
	.bubble01 {
		margin: 0;
		background: url("../images/bg_bubble01.gif") repeat-y;
	}
	.bubble01 .top {
		background: url("../images/bg_bubbletop01.gif") no-repeat top left;
	}
	.bubble01 .bottom {
		background: url("../images/bg_bubblebottom01.gif") no-repeat bottom left;
	padding: 10px 20px 0 15px;
	}
	.bubble02 {
		margin: 0;
		background: url('../images/bg_bubble02.gif') repeat-y;
	}
	.bubble02 .top {
		background: url('../images/bg_bubbletop02.gif') no-repeat top left;
	}
	.bubble02 .bottom {
		background: url('../images/bg_bubblebottom02.gif') no-repeat bottom left;
	padding: 10px 20px 0 15px;
	}

	.author-page {
		padding-top: 10px;
		padding-right: 7px;
		padding-bottom: 10px;
		padding-left: 15px;
		color: #999;
		line-height: 1.3em;
		text-align: left;
	}
	.author-page b{
		color: #666;

	}

	.notebox {
	line-height: 1.4em; 
	float:right; 
	padding: 10px; 
	margin-left: 10px; 
	background: #F1E5D4; 
	border: 1px solid #CF924F;
}

.clear{
	clear: both;
}

/*----------------------------------
Funnel
----------------------------------*/

#right {}
.funnel-testimonials {
	margin-top: 13px;
	float: right;
	width: 190px;
	height: 183px;
	text-indent: -3000px;
	display: block;
	background: url('../images/funnel_testimonials.jpg') no-repeat 0 -183px;
	}
	
.funnel-testimonials a {
	width: 180px;
	height: 183px;
	display: block;
	background: url('../images/funnel_testimonials.jpg') no-repeat 0 0;
	text-decoration: none;
	}
#right .funnel-contact {
	margin-top: 24px;
	float: right;
	width: 190px;
	height: 127px;
	text-indent: -3000px;
	display: block;
	background: url('../images/funnel_contact.jpg') no-repeat 0 -127px;
	}
	
#right .funnel-contact a {
	width: 159px;
	height: 127px;
	display: block;
	background: url('../images/funnel_contact.jpg') no-repeat 0 0;
	text-decoration: none;
	}

/* 2 columns equal */
#row1{background-position: 
               0% 0%; text-align:left;background-image:url('../images/bg_row1.gif'); background-repeat:no-repeat; background-attachment:scroll}
#row1bot{background-position: bottom right; padding-bottom:15px; background-image:url('../images/bg_row1bot.gif'); background-repeat:no-repeat; background-attachment:scroll}
#row1left{float:left;display:inline;width:320px;margin-left:20px;}
#row1right{float:right;display:inline;width:320px;margin:0 20px 0 0;}

#row1 h2{font-size:160%;}
#rowfullleft h2{font-size:200%;}
h1.subtitle{text-align:center;padding:0;font-style:italic;font-weight:300;font-family:georgia,serif;background:#fff;text-transform:lowercase;}
h2.subtitle{text-align:center;padding:0;font-style:italic;font-weight:300;font-family:georgia,serif;background:#fff;text-transform:lowercase;}
#row1 h2.subtitle{margin:0 80px 10px 80px;font-size:200%;color:#aaa;}
#row1 h2.featarttitle{text-align:center;color:#520;font-size:160%;}

#row1 h3{text-align:left; font: normal 300 140% georgia,serif;}


#row1left h3.h3em{font-size:140%;line-height:1.4em;font-style:normal;color:#c60;}
#row1left h3.h3em strong{font-weight:300;color:#930;}

#row1right h3.h3em{font-size:140%;line-height:1.4em;font-style:normal;color:#990;}
#row1right h3.h3em strong{color:#670;}



p{
}
#row1 p{padding-top:5px;text-align:left;}

/* IE/Win hack to get the articles paragraph top to line up properly */
html*
#row1right ul.ularttags{text-align:center;}


:after.clearfix {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


#row1 p.pright {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

div#centro div.conteudo{
	
	padding: 0 0 20px 0;
		background: #CFE8F2 url('../images/bg_conteudo.gif') no-repeat bottom left;
	color: #477592;
}
div.conteudo h2{
	background: #E7F4F9 url('../images/bg_conteudo_h2.gif') no-repeat right;
	display: block;
	clear: left !important;
	height: 30px;
	font: bold 16px/28px "Trebuchet MS", Tahoma, Arial, Verdana, sans-serif;
	color: #477592;
	padding: 0 70px 0 20px;
	margin: 0 20px 10px 0;
}
/*------------- =text features ---------------
p strong{
	background: #F5FFA6;
	padding: 3px;
	font-weight: normal;
}*/


.pullquote 
{width: 145px;
background:green;
color:black;
float: right;
border:2px solid maroon;
font-weight:bold;
line-height:140%;
padding:10px;
margin-top:10px;
margin-left:10px;margin-bottom:10px;
}

.accent {
	color:#8F9F20;
	font-size: 11px;
}


.highlight {
	background-color: #FAF8B4;
	padding:2px;
	border-bottom:1px solid #E1DC0F;
}

#leftc p span{
 display:block;
 float:left;
  background-repeat:no-repeat;
 background-position:center;
 background-image:url('../images/drop_cap.gif');
 font-size:50px;
 text-align:center;
 line-height:50px;
 xcolor:#aaa;
 margin-right:4px;
}
.drop{
 float:left;
 background-repeat:no-repeat;
 background-position:right center;
 background-image:url('../images/aboutus-images/drop_endnew.gif');
 padding-right:15px;
}

#leftc{
 float:left;
 }



/*------------- ---------------*/
#rightbox {
	border-left:1px solid #d9d7d7; border-right:1px solid #d9d7d7; border-bottom:1px solid #d9d7d7; width:340px;
	float:right;
	background:#fff;
	color:#999;
	border-top:0px none;
	display:inline; margin-left:0; margin-right:0px; margin-top:15px; margin-bottom:0
}
#rightbox h1 {
	margin:0;
	padding:6px 10px;color:#79b97b;
	background:#eee;
	display:block;
	border-top:1px solid #d9d7d7;
	border-bottom:1px solid #d9d7d7;
}
#rightbox ul {
	margin:0;
	padding-left:15px;
	color:#000000
}
#rightbox p {
	margin:0;
	padding-left:15px;
	color:#000000
}
#rightbox ul img {
	float:left;
	margin:0 6px 0 0;
	padding:4px 0 0 0;
}
#rightbox li {
	margin:0;
	padding:0;
	list-style:none;
	line-height:200%;
}
#rightbox a  {
	color: #79b97b;
	text-decoration: none;
}
#rightbox a:hover  {
	text-decoration: underline;
	color: #79b97b;
}

/* post */

div.post {
float: left;
width: 500px;height: 1%;
margin: 0 0 30px;
background: #DFF8FF url('../images/main-top.gif') no-repeat;
}
div.post-inner {
height: 1%;
background: url('../images/latest-bottom.gif') no-repeat 0 100%;; padding-left:1px; padding-right:5px; padding-top:10px; padding-bottom:15px
}
div.post-latest h2.post-title {
padding: 0 140px 0 0;
}

/* top coloured columns
-------------------------------- */
#top {
margin: 0;
padding: 0;
}
#topd {
float: left;
width: 170px;
height: 100px;
margin: 0 0px 0 0;
padding: 0;
}
#topc {
float: left;
width: 170px;
height: 100px;
margin: 0 0px 0 0;
padding: 0;
}
#topb {
float: left;
width: 170px;
height: 100px;
margin: 0 0px 0 0;
padding: 0;
}
#topa {
float: left;
width: 170px;
height: 100px;
margin: 0 0px 0 0;
padding: 0;
}
#topa {
background: #3c9ec1;
}
#topb {
background: #e3970b;
}
#topc {
background: #8e9c48;
}
#topd {
background: #cf5d1e;
}

/* PPost */
.ppost-header			{width:461px; height:31px; background:url('../images/post-header.gif');}
.ppost-bg				{width:421px; background:url('../images/post-bg.gif'); padding:2px 20px 2px 20px;}
.ppost-bg hr				{width:421px; margin:4px 0 4px 0; border-top:1px solid #ededed; border-bottom:0px solid #FFF; border-right:0px solid #FFF; border-left:0px solid #FFF;}
.ppost-bg a:link			{font-weight:bold; color:#00a8df; text-decoration:none;}
.ppost-bg a:visited		{font-weight:bold; color:#00a8df; text-decoration:none;} 
.ppost-bg a:active		{font-weight:bold; color:#00a8df; text-decoration:none;}
.ppost-bg a:hover		{font-weight:bold; color:#2e839f; text-decoration:none;}
.ppost-footer			{width:461px; height:41px; background:url('../images/post-footer.gif');}

#sticki {
	width:228px;
	height:232px;
	margin-left: -15px !important;
	margin-left: 20px;
	margin-top: 20px;
	background: #fff url('../images/sticki.gif');
	*font-size: 11px;
	*line-height:14px;
}

#sticki h2 {
	font-family: 'lucida grande', verdana, sans-serif;
	margin-bottom:-2px;
	font-weight: normal;
}
#sticki2 {
	width: 257px;
	height: 200px;
	margin-left: -15px !important;
	margin-left: 20px;
	margin-top: 0px; padding-top:40px;
	background: #fff url('../images/index-images/right-menu.png');
*	font-size: 11px; *;
	line-height: 14px;
}
#bannerframe {
	background-attachment: scroll;
	background-image: url('../images/bannerframe2.gif');
	background-repeat: no-repeat;
	position: relative;
	height: 250px;
	width: 700px;
	margin-top: 15px;
	margin-left: 0px;
	margin-right: 5px;
	padding-top: 28px; padding-left: 1.5em;padding-right:15px
	
}
.boxtop {
	background-image: url('../images/boxtop.gif');
	background-repeat: no-repeat;
	height: 12px;
	padding-bottom: 0px;
	display: block;
}
.boxbottom {
	margin-left: 60px;background-image: url('../images/boxbottom.gif');
	background-repeat: no-repeat;
	background-attachment: scroll;
	height: 6px;
	width: 200px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	display: block;
	position: relative;
}
.box6 {
margin-left: 60px;
margin-bottom: 20px;
	width: 200px;
	height: 100%;
	background-attachment: scroll;
	background-image: url('../images/boxedges.gif');
	background-repeat: repeat-y;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #A1A1A1;
	position: relative;
	display: block;
	padding: 0px;
}
.box5 {
margin-left: 60px;
margin-bottom: 20px;
	width: 200px;
	height: 100%;
	background-attachment: scroll;
	background-image: url('../images/boxedges.gif');
	background-repeat: repeat-y;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #A1A1A1;
	position: relative;
	display: block;
	padding: 0px;
}
.box4 {
margin-left: 60px;
margin-bottom: 20px;
	width: 200px;
	height: 100%;
	background-attachment: scroll;
	background-image: url('../images/boxedges.gif');
	background-repeat: repeat-y;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #A1A1A1;
	position: relative;
	display: block;
	padding: 0px;
}
.box3 {
margin-left: 60px;
margin-bottom: 20px;
	width: 200px;
	height: 100%;
	background-attachment: scroll;
	background-image: url('../images/boxedges.gif');
	background-repeat: repeat-y;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #A1A1A1;
	position: relative;
	display: block;
	padding: 0px;
}
.box2 {
margin-left: 60px;
margin-bottom: 20px;
	width: 200px;
	height: 100%;
	background-attachment: scroll;
	background-image: url('../images/boxedges.gif');
	background-repeat: repeat-y;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #A1A1A1;
	position: relative;
	display: block;
	padding: 0px;
}
.box1 {
margin-left: 60px;
margin-bottom: 20px;
	width: 200px;
	height: 100%;
	background-attachment: scroll;
	background-image: url('../images/boxedges.gif');
	background-repeat: repeat-y;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #A1A1A1;
	position: relative;
	display: block;
	padding: 0px;
}
.boxcontent {
	position: relative;
	margin-left: 13px;
	margin-right: 12px;
	color: #A1A1A1;
	display: block;
	margin-top: 3px;
	padding: 0px;
}

#contactpic {
	background-image: url('../images/contactpic.gif');
	border: 1px solid #A9A9A9;
	width: 21px;
	height: 42px;
	position: absolute;
	top: 0px;
	left: 138px;
	display: block;
}

.rightcolumndivider {
	position: absolute;
	height: 1px;
	width: 132px;
	top: 15px;
	background-attachment: scroll;
	padding-bottom: 0px;
	margin-bottom: 0px;
	background-image: url('../images/rightcolumndivider.gif');
	background-repeat: no-repeat;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Sidebar
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#center {
	/*clear: both; */
	float: left;
	width: 100%;
	margin-right: -35%;
	margin-bottom: 3em;
	background: url('../images/bg_content.jpg') no-repeat;
	}

#sidebar_wrapper {
	padding: 20px 0 0 0px;	background: url('../images/sidebar-top.jpg') no-repeat;
	}	
	
#sidebar {
	float: center;
	margin-left: 40px;margin-top: 40px;
	
    width: 62%;	font-size: .95em;
	background: url('../images/bg_sidebar.jpg') left top repeat-y;
	}

		
#sidebar #sidebarbottom {
		background: url('../images/sidebar-bottom.jpg') 1px bottom no-repeat;
	}	
	

/*Boxes of all kinds~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#box1 {
	width: 210px;
	padding: 0;
	margin: 0 0 5px 20;
	font-size: 90%;
	border-bottom: 2px solid #ccc;
	border-right: 2px solid #ccc;
	background: #e5e5e5 url('../images/bolts-bg.gif') no-repeat top left;
	}
#box-inner {
	padding: 20px 25px;
	background: url('../images/bolts-bg.gif') no-repeat bottom left;
	}

div.banner { background:url('../images/background-banner.gif') no-repeat; 

    margin:0;padding:0;
    border:0;
    clear:both;
    height:136px;
    position:relative;
}
div.banner div.tag {
    position:absolute;
    top:32px;
    left:60px;
    width:400px;
    height:65px;
}
div.banner div.newsletter {
    position:absolute;
    left:485px;
    top:32px;
    right:45px;
    width:140px;
    height:65px;
}

#paperclip {background-image: url('../images/paperclipbg.jpg'); background-repeat: no-repeat;
margin-left: 10px;margin-top: 40px; padding-top: 40px;padding-left: 40px;padding-right: 40px
}

#callmobile {background-image: url('../images/callmobile.jpg'); background-repeat: no-repeat;
margin-left: 40px;margin-top: 40px; padding-top: 40px;padding-left: 32px;padding-right: 40px
}

#callus {background-image: url('../images/callusbox.jpg'); background-repeat: no-repeat;
margin-left: 0px;margin-top: 0px; padding-top: 40px;padding-left: -5px;padding-right: 40px
}

#flowerbox {background-image: url('../images/flowerbox.jpg'); background-repeat: no-repeat;
margin-top: 5px; padding-top: 10px;padding-left: 75px;padding-right: 75px
}

#miki {
	background: url("../images/speechbubble_miki.gif") no-repeat;
	float: center;
	margin: 14px 0 14px 0;
	padding: 15px 0 0 45px;
	width: 520px;
	height: 67px;
}

#jack {
	background: url("../images/speechbubble_jack.gif") no-repeat;
	float: center;
	margin: 14px 0 14px 0;
	padding: 15px 0 0 45px;
	width: 520px;
	height: 67px;

}



#hotnewshead {
	background-image: url('../images/headerhotnews.jpg');
	background-repeat: no-repeat;
	float:center;
	height: 88px;width: 273px;
	padding-bottom: 0px;
	display: block;
}
#hotnews {
	background-image: url('../images/bodyhotnews.jpg');
	background-repeat: no-repeat;
	background-attachment: scroll;
	float:center;
	height: 321px;
	width: 273px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	display: block;
	position: relative;
	padding-top: 0px;padding-left: 0px;padding-right: 0px

}

#flowerybg {
	background-image: url('../images/flowerybg.jpg');
	background-repeat: no-repeat;
	height: 415px;width: 700px;
	
	padding-top: 22px;padding-left: 140px;
padding-right: 90px;

	padding-bottom: 0px;font-family:Georgia; 
	
}

#shadowbox {
	background-image: url('../images/shadowbox2.gif');
	background-repeat: no-repeat;
	height: 500px;width: 700px;
	padding-top: 32px;padding-left: 110px; padding-right: 140px; padding-bottom: 0px;
	font-family:Georgia; 
	
}

#shadowbox2 {
	background-image: url('../images/menu.png');
	background-repeat: no-repeat;
	height: 108px;width: 177px;
	
	padding-top: 10px;padding-left: 0px;
padding-right: 20px;

	padding-bottom: 0px;font-family:Georgia; 
	
}


#newwords {
	background-image: url('../images/newwords.gif');
	background-repeat: no-repeat;
	height: 165px;width: 338px;
	
	padding-top: 32px;padding-left: 20px;
padding-right: 90px;

	padding-bottom: 0px;font-family:Georgia; color:#000000 
	
}

#curvebox {
	background-image: url('../images/curvebox.gif');
	background-repeat: no-repeat;
	height: 191px;width: 202px;
	
	padding-top: 32px;padding-left: 15px;
padding-right: 10px;

	padding-bottom: 0px;font-family:Georgia; color:#000000 
	
}

	
	#penguin { background-image: url('../images/penguin.jpg');
	background-repeat: no-repeat;
	height: 190px;width: 700px;
	
	padding-top: 25px;padding-left: 0px;
padding-right: 380px;

	padding-bottom: 0px;font-family:Georgia; color:#000000 
	
}


	
#applause {
	background-image: url('../images/applause.jpg');
	background-repeat: no-repeat;
	width: 700px;
	
	padding-top: 22px;padding-left: 360px;
padding-right: 90px;

	padding-bottom: 0px;font-family:Goudy Stout;font-size:14pt; color:#FFFFFF 
	
}

#dancing {
	background-image: url('../images/dancingbox.jpg');
	background-repeat: no-repeat;
	width: 523px; height:332px;
	
	padding-top: 32px;padding-left: 60px;
padding-right: 90px;

	padding-bottom: 0px;font-family:Goudy Stout;font-size:14pt; color:#FFFFFF 
	
}
#bulletin
{
	width:232px;
	height:317px;
	/*border:1px solid #000;*/
	float:left;
	margin-left:4px;
	padding-top: 25px;
	background:url("../images/pin.gif") no-repeat;
       }        
       
#bulletin img
{
	margin-left:25px;

 }   
 
#bulletin object
{
	margin-left:25px;

 }   
 
#brownbox
{
	width:500px;
	margin-left:-10px;
	margin-top: 20px;
	float:left;
	padding-top:8px;
	padding-bottom:8px;
	background:url("../images/brownbox.gif") no-repeat;
}    

/*lifetime-orangebox
------------------------------------------------------------------*/
.lifetime p {
	color:#952300;
	padding:5px 25px 0px 15px;
	margin-left:10px;
	}

.lifetime  ul {
	margin:10px 10px 0 30px;
	}	
	
.lifetime  li {
	color:#952300;
	padding-left:15px;
	background: url("../images/bullet_check_off.gif") no-repeat;
	}	
	
.lifetime  li.done {
	background: url("../images/bullet_check_on.gif") no-repeat;
	}	
		

	
.lifetime {
	padding:0;
	width:265px;
	float:left;
	background: url("../images/bg_orange_bottom.gif") no-repeat bottom left;
	}
	
.lifetime .inner-lifetime {
	padding:18px 0px 16px 0px;
	background: url("../images/bg_orange_top_lifetime.gif") no-repeat;
	}
	
.lifetime .inner-lifetime .inner-lifetime2 {
	padding-bottom: 15px;
	background: url("../images/bg_orange_tile.gif") repeat-y left bottom;
	}	
		
/*designrabbit-greenbox
------------------------------------------------------------------*/
.designrabbit p {
	color:#4b6300;
	
	padding:10px 100px 0px 20px;
	}
		
.designrabbit {
	background-position: bottom left; width:265px;
	float:left;
	background-image:url('../images/bg_green_bottom.gif'); 
	background-repeat:no-repeat; background-attachment:scroll
	}
	
	
.designrabbit .inner-designrabbit {
	padding:18px 10px 16px 0px;
	background: url('../images/bg_green_top.gif') no-repeat;
	}
	
.designrabbit .inner-designrabbit .inner-designrabbit2 {
	padding-bottom: 18px;
	background: url('../images/bg_green_tile.gif') repeat-y left bottom;
	}	

/*	BUNDLES 
	--------------------------------------------
*/




/* introductory blurb (homepage) */

#introcontent {
	float: left;
		width: 395px;
}
#introduction {
	background: url("../images/intro_main.gif") 50% 50% repeat-y;
	font-size: 1.3em;
	line-height: 1.3em;
	padding-left: -80;

	text-align: left;
	width: 350px;
}

#introduction .first {
	background: url("../images/intro_top.gif") 50% 0 no-repeat;
	margin-top: 0; margin-left -50;margin-right -20;
	padding-top: 25px;padding-left: 30px; padding-right: 30px; padding-bottom:0px
}

#introduction .last {
	background: url("../images/intro_bottom.gif") 50% 100% no-repeat;
	padding: 0 40px 45px;
	margin-bottom: 0;
}
/* END introductory blurb (homepage) */


/* ----------3 column stuff-------------- */
/* columns */
#home_boxes{ 
	width: 700px; clear: left;	font-size: 0.80em;
	text-align: center; height: 400px;
	background: transparent url('../images/home_boxes.jpg') 0 0 no-repeat;
}
#home_boxes{ 
	padding: 1.25em 0 3em 0;
}
/* news boxes  background: red;*/
.smallBox { left: 0;
	float: left; 
	padding: 0; 
}
.smallBox p{ 
	margin: 0 2px 1em 2px; 
}
.smallBox h3{ 
	margin: 0; 
}
.smallBox h2{ 
	margin: 0; 
}
#cnt { 
	width: 700px;
	margin: 0 auto;
	text-align: left;
}
.cnt1 { 
	width: 175px;
	margin: 0;
	margin-left:12px;
	margin-right: 18px;
}
.cnt2 { 
	width: 175px;  
	margin-right: 18px;
}

.cnt3 { 
	width: 290px; 
	text-align: left;
}

.cnt1 a{ 
	margin-left: 5px;
}

.cnt1 p{ 
	margin-left: 5px;
}
.cnt1 p {
color: #666; 
}
.cnt1 h2{ 
	margin-bottom: 1em;
}
.cnt3 p{ 
	color: #663;
	margin: 0 20px 0 0; padding: 0;
	text-align: right;
	clear: both;
}
.cnt3 img{ 
	border: 3px solid #666;
		
}

/* ----------3 column stuff link box-------------- */
/* columns */
#linkbox1{ 
	width: 700px; clear: left;	font-size: 0.80em;
	text-align: center; height: 500px;
	background: transparent url('../images/linkbox.gif') 0 0 no-repeat;
	padding-top: 25px; pading-left: 45px;padding-right:55px

}
#linkbox2{ 
	width: 700px; clear: left;	font-size: 0.80em;
	text-align: center; height: 1000px;
	background: transparent url('../images/linkbox2.gif') 0 0 no-repeat;
	padding-top: 25px; pading-left: 45px;padding-right:55px

}

#home_boxes{ 
	padding: 1.25em 0 3em 0;
}
/* news boxes  background: red;*/
.smallBox { left: 0;
	float: left; 
	padding: 0; 
}
.smallBox p{ 
	margin: 0 2px 1em 2px; 
}
.smallBox h3{ 
	margin: 0; 
}
.smallBox h2{ 
	margin: 0; 
}
#cnt { 
	width: 700px;
	margin: 0 auto;
	text-align: left;
}
.cnt1 { 
	width: 175px;
	margin: 0;
	margin-left:12px;
	margin-right: 18px;
}
.cnt2 { 
	width: 175px;  
	margin-right: 18px;
}

.cnt3 { 
	width: 240px; 
	text-align: left;
}

.cnt1 a{ 
	margin-left: 5px;
}

.cnt1 p{ 
	margin-left: 5px;
}
.cnt1 p {
color: #666; 
}
.cnt1 h2{ 
	margin-bottom: 1em;
}
.cnt5 p{ 
	color: #663;
	margin: 0 20px 0 0; padding: 0;
	text-align: right;
	clear: both;
}
.cnt3 p{ 
	color: #663;
	margin: 0 20px 0 0; padding: 0;
	text-align: right;
	clear: both;
}
.cnt3 img{ 
	border: 3px solid #666;
		
}
.cnt4 { 
	width: 340px;
	margin: 0;
	margin-left:12px;
	margin-right: 18px;
}
.cnt5 { 
	width: 325px;  
	margin-right: 18px;
}


#greenbox {
	background-attachment: scroll;
	background-image: url('../images/greenbox2.jpg');
	background-repeat: no-repeat;
	position: relative;
	height: 500px;
	width: 630px;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 28px;
	padding-left: 1.8em;
	padding-right: 40px;
}
#sakura {
	background-attachment: scroll;
	background-image: url('../images/sakura.jpg');
	background-repeat: no-repeat;
	position: relative;
	height: 444px;
	width: 700px;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;

	padding-top: 30px; padding-left: 15px;padding-right:160px
	
}




#satin {
	background-attachment: scroll;
	background-image: url('../images/satin.jpg');
	background-repeat: no-repeat;
	position: relative;
	height: 490px;
	width: 680px;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 28px; padding-left: 10px;padding-right:15px;
	
}
#bottomcarving {
	background-attachment: scroll;
	background-image: url('../images/bottom.jpg');
	background-repeat: no-repeat;
	position: relative;
	height: 220px;
	width: 700px;
	margin-top: 15px;
	margin-left: 0px;
	margin-right: 15px;
	padding-top: 28px; padding-left: 0px;padding-right:40px
	
}
#cherrybottom {
	background-attachment: scroll;
	background-image: url('../images/cherrybottom.gif');
	background-repeat: no-repeat;
	background-position: 20% 0%; 
	height: 250px;
	width: 900px;
	margin-top: 15px;
	margin-left: 20px;
	margin-right: 0px;
	padding-top: 0px; padding-left: 0px;padding-right:200px
	
}

#caption {
	background-attachment: scroll;
	background-image: url('../images/caption.jpg');
	background-repeat: no-repeat;
	position: relative;
	height: 48px;
	width: 700px;
	margin-top: 15px;
	margin-left: 0px;
	margin-right: 15px;
	padding-top: 0px; padding-left: 1.8em;padding-right:40px
	


}
#jackfruit {
	background-attachment: scroll;
	background-image: url('../images/jackfruit2.jpg');
	background-repeat: no-repeat;
	position: relative;
	height: 242px;
	width: 700px;
	margin-top: 15px;
	margin-left: 0px;
	margin-right: 15px;
	padding-top: 30px; padding-left: 350px;padding-right:10px
	
}

#manpeeking {
	background-attachment: scroll;
	background-image: url('../images/manpeeking2.jpg');
	background-repeat: no-repeat;
	position: relative;
	height: 1271px;
	width: 930px;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 100px; padding-left: 30px;padding-right:30px
	
}

#ornate {
	background-attachment: scroll;
	background-image: url('../images/ornate.jpg');
	background-repeat: no-repeat;
	position: relative;
	height: 624px;
	width: 700px;
	margin-top: 15px;
	margin-left: 0px;
	margin-right: 15px;
	padding-top: 40px; padding-left: 20px;padding-right:30px
	
}
.ornate-text {
			padding: 25px 0px 0px 5px;
	
	background: url('../images/kurly.gif') no-repeat;
}


#sidebar {
	background-attachment: scroll;
	background-image: url('../images/sidebar.jpg');
	background-repeat: no-repeat;
	position: relative;
	height: 278px;
	width: 215px;
	margin-top: 5px;
	margin-left: 25px;
	margin-right: 15px;
	padding-top: 90px; pading-left: 20px;padding-right:10px
	
}

#box1 {
	background-attachment: scroll;
	background-image: url('../images/box1.jpg');
	background-repeat: no-repeat;
	position: relative;
	height: 210px;
	width: 335px;
	margin-top: 15px;
	margin-left: 40px;
	margin-right: 15px;
	padding-top: 30px; padding-left: 20px;padding-right:10px
	
}

#redbox {
	background-attachment: scroll;
	background-image: url('../images/redbox.jpg');
	background-repeat: no-repeat;
	position: relative;
	height: 650px;
	width: 700px;
	margin-top: 15px;
	margin-left: 40px;
	margin-right: 15px;
	padding-top: 30px; padding-left: 20px;padding-right:10px
	
}

#leafybox {
	background-attachment: scroll;
	background-image: url('../images/leafybox.jpg');
	background-repeat: no-repeat;
		height: 1500px;
	width: 700px;
	margin-top: 15px;
	margin-left: 0px;
	margin-right: 15px;
	padding-top: 30px; padding-left: 75px;padding-right:50px
	
}
#greenmosaic {
	background-attachment: scroll;
	background-image: url('../images/greenmosaic.jpg');
	background-repeat: no-repeat;
		height: 341px;
	width: 700px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 10px; padding-left: 5px;padding-right:0px
	
}

#tvbox {
	background-attachment: scroll;
	background-image: url('../images/tvbox.jpg');
	background-repeat: no-repeat;
		height: 500px;
	width: 700px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 10px; padding-left: 5px;padding-right:0px
	
}

#blackboard {
	background-attachment: scroll;
	background-image: url('../images/blackboard.jpg');
	background-repeat: no-repeat;
		height: 424px;
	width: 700px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 40px; padding-left: 150px;padding-right:30px; 
	font-family:Trebuchet MS; font-size: 26px;  		
	line-height: 200%; color:#FFFFFF
	
}


#graybox {
	background-attachment: scroll;
	background-image: url('../images/graybox.gif');
	background-repeat: no-repeat;
		height: 537px;
	width: 700px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 40px; padding-left: 150px;padding-right:30px; 
	
	
}

#smallbox {
	width: 240px;
	height: 246px;
	background: #FFF url("../images/smallbox.jpg") no-repeat 0 0;
	float: right;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
 
			padding-top: 0px; padding-left: 0px;padding-right:0px; 
	
	
}
#newsbox {
	width: 254px;
	height: 884px;
	background: #FFF url("../images/newsbox.gif") no-repeat 0 0;
	float: right;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
 
			padding-top: 50px; padding-left: 10px;padding-right:10px; 
	
	
}
#newsbox2 {
	width: 239px;
	height: 884px;
	background: #FFF url("../images/shared-images/news-box.png") no-repeat 0 0;
	float: right;
	margin-top: 0px;
	margin-left: 15px;
	margin-right: 0px;
 
			padding-top: 50px; padding-left: 0px;padding-right:10px; 
	
	
}


#computerbox{
display: block;
	width: 700px;
	height: 253px;
	background: url("../images/computerbox.jpg") no-repeat;
	border: 1px solid #000;
	margin: 0;
	border: 0;
	padding-top: 40px; padding-left: 20px;padding-right:250px;
	}
	
	
/* Under Note Long*/

#notetop {
		width: 415px;
height:122 px;
	margin-top: 10px;
	margin-left: 7px;
	background-image: url("../images/notebgtop2.jpg");
}

#notebg {
	width: 415px;
	background: url("../images/notebg2.jpg") top left repeat;
	

	margin-left: 12px;
	}
	
#notetext {
	width: 395px;
    font-family: Georgia, Times New Roman, Times, serif;
	padding-left: 12px;
	font-size: 12px;
	color: #000000;
	text-align: left;
	line-height: 1.5em;
	}
#notedown {	
   	width: 415px;
	height: 139px;
	margin-left: -4px;
	background-image: url("../images/notebgdown2.jpg");
	background-repeat: no-repeat;
	background-position: bottom center; 
	}

/* END Note unmodified */
/*Begin Scroll***********************************************************************/

#scroll {
	background: url('../images/scroll.jpg') no-repeat;
	font-family: Georgia, Times New Roman, serif;
		
	width: 220px;
	height: 400px;
	margin-left: 10px;
	padding-left: 10px;padding-right:10px; padding-top: 45px;
}

#scroll UL {  }

#scroll LI { 
	list-style: none; 
	padding-bottom: 10px;
}

#scroll LI A { text-decoration: none; }
#scroll LI A:hover { text-decoration: underline; }

/**************************************************************************************/
	

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
/* End Self-clearing float technique */