* {
	border:0;
	margin:0;
	padding:0;
}
body {
	margin: 0px;
	padding: 0;
	background: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#fff;
	letter-spacing: 1px;
}
a {
	outline: none;
}
a:link {
	color: #BEE2FC;
}
a:hover {
	color: #FFFFFF;
	outline: none;
}
a:visited {
	color: #BEE2FC;
}
h1 {
	margin:0; padding: 0;
	font-weight: bold;
	color: #fff;
	font-size: 12px;
	line-height: 24px;
	letter-spacing: 1px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: justify;
}
h2 {
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	padding-bottom: 8px;
	letter-spacing: 1px;
	font-family: Arial, Helvetica, sans-serif;
}
h3 {
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	padding-bottom: 8px;
	letter-spacing: 1px;
	font-family: Arial, Helvetica, sans-serif;
}

p {
	margin:0; padding: 0 0 1em 0;
	font-weight: normal;
	color: #fff;
	font-size: 12px;
	line-height: 1.6;
	letter-spacing: 1px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: justify;
}

.smalltext {
	color: #257;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: normal;
}
.smalltext2 {
	color: #abc;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: normal;
}

ul {
	padding-left: 4em;
	letter-spacing: normal;
	padding-bottom: 1em;
}
#bglow p{
	text-align: right;
	font-weight: normal;
	color: #abd;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	padding-right: 65px;
	padding-top: 30px;
	text-decoration: none;
}
#bglow p:hover {
	text-decoration:underline;
	color: #fff;
}
#quotebox {
	color: #CDDFED;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


#quotebox ul {
	list-style:none;
}

#quotebold {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #fff;
}


/*  Background Images  */
.container {
	position: absolute; top:0; left:0;
	width: 100%;
}
#boxbg {
	margin: 0 auto;
	width:790px;
}
#bgtop {
	background: url(images/bg_top.jpg) top left no-repeat;
	height: 500px;
}
#bgmid {
	background: url(images/bg_mid.jpg) top left repeat-y;
}
#bglow {
	background: url(images/bg_low.jpg) top left no-repeat;
	height: 50px;
} /* Background Imgaes End  */



/*  Navigation  */
.containernav {
	position: absolute; top:0; left:0;
	width: 100%;
	margin: 0; padding: 0;
}
#nav span {
	display: block;
	text-indent: -9999px;
}

ul#nav {
	position: relative; top:370px;
	width: 790px;
	height: 28px;
	list-style-type: none;
	margin: 0 auto;
	padding: 0;
}

li#bu1 a, li#bu2 a, li#bu3 a, li#bu4 a {
	background: transparent;
	position: absolute;
	width: 110px;
	height: 28px;
	bottom: 0;
	text-decoration: none;
}


/* adjusted values for IE6 */
* html*li#bu1 a, * html*li#bu2 a, * html*li#bu3 a, * html*li#bu4 a { bottom: -1px; }

li#bu1 a { left: 60px;  background: url(images/m-what.gif)      0 0 no-repeat; width:126px;}
li#bu2 a { left: 285px; background: url(images/m-prices.gif)    0 0 no-repeat; width:63px;} 
li#bu3 a { left: 444px; background: url(images/m-portfolio.gif) 0 0 no-repeat; width:90px;}
li#bu4 a { left: 615px; background: url(images/m-contact.gif)   0 0 no-repeat; width:109px;}

li#bu1 a:hover, li#bu2 a:hover, li#bu3 a:hover, li#bu4 a:hover { background-position: 0px -28px; }

#nav a.selected { background-position: 0px -28px;}

 





/*  Curl  */
#boxcurl {
	position:absolute; top:0; left:0;
	width:100%;
	margin:0 auto;
}
#boxinnercurl {
	position: relative; top:0;
	width: 790px;
	height: 50px;
	margin: 0 auto;
	padding: 0;
}
div#curl a { left: 636px;  background: url(images/curl.jpg)  0 0 no-repeat; width:96px;
}
#curl span {
	display: block;
	text-indent: -9999px;
}
#curl a {
	background: transparent;
	position: absolute; top: 52px;
	width: 96px;
	height: 73px;
	bottom: 0;
	text-decoration: none;
}

#curl a:hover {
	background-position: -96px 0;
	cursor: default;
}


/*  Content  */
.content {
	position: relative; top:400px;
	width: 665px;
	list-style-type: none;
	margin: 0 auto;
	padding-left: 60px;
	padding-right: 65px;
	
}
#contentbox {
	border: 1px solid orange;
}
#details {
	text-align: right;
	margin-top: -0px;
}

/*  Quotebox  */
#quotebox {
	position:absolute; top:0; left:0;
	width:100%;
	margin:0 auto;
}
#quoteboxinner {
	position: relative; top:0;
	width: 790px;
	height: 50px;
	margin: 0 auto;
	padding: 0;
}
/*  Positioning for Quotebox  */
.cssbox {
	position: absolute; top: 500px; left: 450px;
}

/*  Positioning for Stats Box  */
.cssboxstats {
	position: absolute; top: 615px; left: 450px;
}
/*  Positioning for Profit Box  */
.cssboxprofits {
	position: absolute; top: 820px; left: 450px;
}

/*  Rounded Corner Boxes  */
/* based on 
http://superfluousbanter.org/archives/2003/12/the-art-of-navigation/
http://www.nundroo.com/navigation/
*/
/* set the image to use and establish the lower-right position */ 
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 { background: transparent url(images/jellybox_dark.jpg) no-repeat bottom right; } 

.cssbox { width: 300px!important; /* intended total box width - padding-right(next) */ 
	width: 285px; /* IE Win = width - padding */ 
	padding-right: 15px; /* the gap on the right edge of the image (not content padding) */ 
	/*margin-top: -290px;  use to position the box */ 
	float: left;
}

/* set the top-right image */ 
.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 */ } 

/* set the top-left image */ 
.cssbox_head h2 { background-position: top left; 
	margin: 0; /* reset main site styles*/ 
	border: 0; /* ditto */ 
	padding: 45px 0 1px 15px; /* padding-left = image gap + interior padding ... no padding-right */ 
	height: auto !important; height: 1%; /* IE Holly Hack */ 
	text-align: right;
	} 
	

/* set the lower-left corner image */ 
.cssbox_body { background-position: bottom left; 
	margin-right: 25px; /* interior-padding right */ 
	padding: 0px 0 40px 35px; /* mirror .cssbox_head right/left */ 
	text-align: right;
	letter-spacing: normal;
} 


/*  Rounded Box Stats  */
/*  Rounded Corner Boxes  */
/* set the image to use and establish the lower-right position */ 
.cssboxstats, .cssboxprofits { background: transparent url(images/jellybox_dark.jpg) no-repeat bottom right; } 

.cssboxstats, .cssboxprofits { width: 300px!important; /* intended total box width - padding-right(next) */ 
	width: 285px; /* IE Win = width - padding */ 
	padding-right: 15px; /* the gap on the right edge of the image (not content padding) */ 
	/*margin-top: -290px;  use to position the box */ 
	float: left;
}
.textcompliment {
	font-family: Arial, Helvetica, sans-serif;
	color: #FF9900;
}