body {
	background-image: url(../images/background.jpg); 
    margin-bottom: 25px;
	margin: 0;
	padding: 0;
    background-color: #f0f0f0;
    font-family: "arial";
    font-size: 11px;
	font-weight: bold;
    color: #333;
}

.clearfix{
	display: inline-block;
}

ol, ul{
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}
  
h1 {
    font-size: 28px;
    color: #000;
}
  
#page {
	background-color: #fff;
    margin: 47px auto 10px auto;
	width: 780px;
}

#footer {
    clear: both;
	text-align: center;
}

h1, 
h2 {
	margin: 0
}

h2 {
    color: #888;
    font-weight: normal;
    font-size: 16px;
}

div.logo{
	margin-top: 16px;
	width: 100%;
}
div.logo div.innerdiv{
	width: 70%;
	text-align: right;
	float: left;
}

div.logo a:hover{
	text-decoration: none;
}

#contentbody h1 {
    margin: 0;
    font-size: 20px;
}
#contentbody h2 {
    margin: 0;
    font-size: 14px;
    font-weight: bold;
    color: #333;
    margin-bottom: 25px;
}
#contentbody ol {
    margin-left: 0;
    padding-left: 0;
}
#contentbody li h2 {
    margin: 0;
    font-weight: normal;
    font-size: 18px;
    color: #333;
}

dd{
	margin: 0;
	padding-left: 20px;
}
dd#examples {
	margin: auto;
	_padding-left: 5px;
}
div.image{
	height: 300px;
}
dd#faq {
	padding-right: 5px;
}

dd#home div ul {
	width: 250px;
	margin-top: 0;
	float: left;
}

p.answer{
	font-weight: normal;
}
dd#examples h1,
dd#examples h2{
	text-align: left;
}
dd#examples{
	text-align: center;
}
div.example{
	float:left;
	padding:0 5px;
	width:215px;
}
dd#examples div.example p,
dd#examples div.example h3,
dd#examples div.example h4{
	text-align: left;
}
dd#examples div.example h3,
dd#examples div.example h4{
	margin: 0px;
}

dd.pricing ul{
	list-style-type: disc;
}
dd#about div.left{
	float: left;
	width: 65%;
}

/* Rounded Corners */
.roundedcornr_box_204689 {
	background: url(../images/roundedcornr_204689_tl.png) no-repeat top left;
}
.leftborder{
	background: url(../images/roundedcornr_204689_r.png) top left repeat-y;
	_width: 750px;
}
.roundedcornr_top_204689 {
	background: url(../images/roundedcornr_204689_tr.png) no-repeat top right;
}
.roundedcornr_bottom_204689 {
	background: url(../images/roundedcornr_204689_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_204689 div {
	background: url(../images/roundedcornr_204689_br.png) no-repeat bottom right;
}
.roundedcornr_content_204689 {
	background: url(../images/roundedcornr_204689_r.png) top right repeat-y;
}

.roundedcornr_top_204689 div,.roundedcornr_top_204689,
.roundedcornr_bottom_204689 div, .roundedcornr_bottom_204689 {
	height: 20px;
	width: 780px;
}
.roundedcornr_content_204689 {
	margin-top: -19px;
}
.roundedcornr_content_204689 { 
	padding: 0 20px;
}

/* -------Start Inside------- */

.roundedcornr_box_357754 {
	background: url(../images/roundedcornr_357754_tl.png) no-repeat top left;
}
.contentleftborder{
	background: url(../images/roundedcornr_357754_r.png) top left repeat-y;
}
.roundedcornr_top_357754 {
	background: url(../images/roundedcornr_357754_tr.png) no-repeat top right;
	width: 740px;
}
.roundedcornr_bottom_357754 {
	background: url(../images/roundedcornr_357754_bl.png) no-repeat bottom left;
	width: 740px;
}
.roundedcornr_bottom_357754 div {
	background: url(../images/roundedcornr_357754_br.png) no-repeat bottom right;
}
.roundedcornr_content_357754 {
	background: url(../images/roundedcornr_357754_r.png) top right repeat-y;
}

.roundedcornr_top_357754 div,.roundedcornr_top_357754,
.roundedcornr_bottom_357754 div, .roundedcornr_bottom_357754 {
	height: 20px;
}
.roundedcornr_content_357754 {
	width: 740px;
}
/* END Rounded Corners */


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.ubercolortabs{
	margin-left: 30px;
	clear: both;
	width: 100%;
	overflow: hidden;
	background: transparent;
}

.ubercolortabs ul{
	font: bold 11px Arial, Verdana, sans-serif;
	margin: 0;
	padding: 0;
	list-style: none;
}

.ubercolortabs li{
	display: inline;
	margin: 0 2px 0 0;
	padding: 0;
	text-transform: uppercase;
}

.ubercolortabs a{
	float: left;
	color: white;
	background: #aaa url(../images/roundleft.gif) no-repeat left top; /*default background color of tabs, left corner image*/
	margin: 0 2px 0 0;
	padding: 0 0 1px 3px;
	text-decoration: none;
	letter-spacing: 1px;
}

.ubercolortabs a span{
	float: left;
	display: block;
	background: transparent url(../images/roundright.gif) no-repeat right top; /*right corner image*/
	padding: 10px 37px 6px;
	cursor: pointer;
}

.ubercolortabs a span{
	float: none;
}

.ubercolortabs a:hover, .ubercolortabs li.selected a{
	background-color: #039e96; /*background color of tabs onMouseover*/
	color: white;
}

.ubercolortabs a:hover span{
	background-color: transparent;
}

.gallerytab a{
	float: left;
	color: white;
	background: #039e96 url(../images/roundleft_flipped.gif) no-repeat left bottom; /*default background color of tabs, left corner image*/
	margin: 0 2px 0 0;
	position: relative;
	top: -11px;
	text-decoration: none;
	letter-spacing: 1px;
}

.gallerytab a span{
	float: left;
	display: block;
	background: transparent url(../images/roundright_flipped.gif) no-repeat right bottom; /*right corner image*/
	padding: 10px 37px 6px;
	cursor: pointer;
}
