body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	color: #000000;
	font-size: 13px;
	background: url("images/body-bg.jpg") top center repeat-x;
}

#homepage-bg1, #homepage-bg2, #homepage-bg3, #workshop-bg, #aboutus-bg, #blog-bg {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	width: 100%;

}
#homepage-bg1  {
	background: url("images/home-bg1.jpg") top center repeat-x;
}
#homepage-bg2  {
	background: url("images/home-bg2.jpg") top center repeat-x;
}
#homepage-bg3  {
	background: url("images/home-bg3.jpg") top center repeat-x;
}

#bottom-bg {
	margin: 0 auto;
	padding: 0 0 80px 0;
	text-align: center;
	width: 100%;
	background: url("images/bottom-bg.png") bottom center repeat-x;
}

.spacer {
	clear: both;
}

#container {
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 960px;
}

#logo {
	margin: 0 auto;
	padding: 16px 0 0 9px;
	float: left;
	width: 315px;
}

/* Following is the styles for the top-navigations - General styles for this example page */

#top-links {
	margin: 27px 0 0 0;
	padding: 0 0 0 0;
	text-align: right;
	float: right;
	width: 600px;
	background: url("images/top-links-bg-new.gif") top right repeat-x;
	text-transform: uppercase;
	font-size:12px;
}

#top-links ul li div.linked a {	/* Menu bar - main menu items */
	color: #FF6655;
	height: 21px;
}

/* Styles for the top-navigations ends here */

#dhtmlgoodies_menu img {
	border: 0px;
}

/* General configuration CSS */
#dhtmlgoodies_menu ul li ul {
	display: none;	/* Needed to display ok in Opera */
}

#dhtmlgoodies_menu {
	visibility: hidden;
}

#dhtmlgoodies_menu li {
	list-style-type: none;	/* No bullets */
}

#dhtmlgoodies_menu a {
	margin: 0px;
	padding: 0px;
}

/***********************************************************************
	CSS - MENU BLOCKS
	General rules for all menu blocks (group of sub items)
***********************************************************************/
#dhtmlgoodies_menu ul {
	margin: 0px;	/* No indent */
	padding: 0px;	/* No indent */
}

#dhtmlgoodies_menu ul.menuBlock1 {	/* Menu bar - main menu items */
	border: 0px;
	padding: 0;
	margin: 0 0 0 0;
	overflow: visible;
	display: block;
}

#dhtmlgoodies_menu ul.menuBlock2 {	/* Menu bar - main menu items */
	border: 0px;
	padding: 0 0 0 0;
	margin: 10px 0 0 0;
	float: left;
	width: 200px;
	text-align: left;
	text-transform: none;
}

/***********************************************************************
CSS - MENU ITEMS
Here, you could assign rules to the menu items at different depths.
***********************************************************************/
/* Main menu items */

#dhtmlgoodies_menu .currentDepth1 {
	margin: 0 16px 0 15px;
	padding: 8px 0 0 0;
	border-top: solid 1px #FF6655;
}

#dhtmlgoodies_menu .currentDepth1over {
	margin: 0 16px 0 15px;
	padding: 8px 0 0 0;
	border-top: solid 1px #FF6655;
}

#dhtmlgoodies_menu .currentDepth1 a {
	color: #333333;
	text-decoration: none;
}

#dhtmlgoodies_menu .currentDepth1over a {	/* Text rules */
	color: #FF6655;
	text-decoration: none;
}

/* Sub menu depth 1 */
#dhtmlgoodies_menu .currentDepth2 {
	padding: 5px;
	margin: 0 0 0 0;
	background-color: #FFFFFF;
	border-top: solid 1px #ccc
}

#dhtmlgoodies_menu .currentDepth2over {
	padding: 5px;
	margin: 0 0 0 0;
	background-color: #FF6655;
	border-top: solid 1px #FFFFFF;
}

#dhtmlgoodies_menu .currentDepth2 a {
	color: #FF6655;
	text-decoration: none;
}

#dhtmlgoodies_menu .currentDepth2over a {	/* Text rules */
	color: #FFFFFF;
	text-decoration: none;
}

/* Sub menu depth 2 */
#dhtmlgoodies_menu .currentDepth3 {
	padding-right: 2px;
	border: 1px solid #FFF;
}

#dhtmlgoodies_menu .currentDepth3over {
	padding-right: 2px;
	background-color: #EDE3EB;
	border: 1px solid #000;
}

/* Sub menu depth 3 */
#dhtmlgoodies_menu .currentDepth4 {
	padding-right: 2px;
	border: 1px solid #FFF;
}

#dhtmlgoodies_menu .currentDepth4over {
	padding-right: 2px;
	background-color: #EBEDE3;
	border: 1px solid #000;
}

/* Styles for the top-navigations ends here */

#header {
	margin: 0 auto;
	padding: 0 0 0 0;
	height: 383px;
}

#left-content {
	margin: 0 auto;
	padding: 17px 0 0 3px;
	float: left;
	width: 332px;
}

#left-content p {
	margin: 0 auto;
	padding: 0 0 0 0;
	line-height: 22px;
}

#left-content a {
	color: #FF6655;
	text-decoration: none;
}

#left-content a:hover {
	color: #FF9589;
	text-decoration: none;
}

#middle-content {
	margin: 0 auto;
	padding: 14px 0 0 26px;
	float: left;
	width: 200px;
}

#right-content {
	margin: 0 auto;
	padding: 16px 7px 0 0;
	float: right;
	width: 360px;
}

.padding-bottom {
	padding: 0 0 9px 0;
}

#right-content p {
	margin: 0 auto;
	padding: 0 0 0 0;
	line-height: 22px;
}

#right-content h2, #inner-rightcontent h2, h2 {
	margin: 0 auto;
	padding: 0 0 0 0;
	font-size: 14px;
}

#right-content form {
	margin: 0 auto;
	padding: 12px 0 0 0;
}

#testimonials {
	margin: 10px 25px 0 0;
	padding: 10px 25px;
	float: right;
	width: 210px;
	border:1px solid #eee;
	background-color: #F9F8F8;
	line-height: 22px;
}

#testimonials-new {
	margin: 10px 0 0 9px;
	padding: 10px 25px;
	width: 240px;
	border: 1px solid #eee;
	background-color: #F9F8F8;
	line-height: 22px;
}

.left-form {
	margin: 0 auto;
	padding: 5px 10px 0 0;
	float: left;
	text-align: right;
	width: 100px;
}

.right-form {
	margin: 0 auto;
	padding: 0 5px 5px 0;
	float: left;
	text-align: left;
}

.sub-button {
	margin: 0 auto;
	padding: 3px 0 4px 0;
	background-color: #000000;
	border: solid 1px #FFFFFF;
	outline: solid 1px #000000;
	width: 100px;
	float: right;
	text-align: center;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

.sub-button:hover {
	background-color: #999999;
}

#last-left {
	margin: 0 auto;
	padding: 20px 0 0 0;
	float: left;
	color: #FFFFFF;
}

#last-left a {
	color: #FFFFFF;
	text-decoration: none;
}

#last-left a:hover {
	color: #000000;
	text-decoration: none;
}

#last-left a.select {
	color: #000000;
	text-decoration: none;
}

#last-right {
	margin: 0 auto;
	padding: 20px 6px 0 0;
	float: right;
	color: #FFFFFF;
}

/* Styles for the innerpages Starts here */

#workshop-bg {
	background: url("images/workshops-bg.jpg") top center no-repeat;
}

#workshop-content, #aboutus-content, #blog-content {
	margin: 0 0 0 0;
	padding: 33px 29px 0 24px;
	background: url("images/workshop-content-bg.jpg") top center no-repeat;
}

#inner-leftcontent {
	margin: 0 0 50px 0;
	padding: 0 15px 0 0;
	float: left;
	width: 556px;
	line-height: 20px;
	min-height: 450px;
	border-right: 1pt solid #ffaaa1;
}

h1 {
	margin: 0 auto;
	padding: 0 0 0 0;
	font-size: 18px;
	font-weight: normal;
	color: #333333;
}

#inner-rightcontent, #blog-rightcontent {
	margin: 0 auto;
	padding: 8px 0 0 14px;
	float: right;
	width: 310px;
}

.pic {
	border: solid 1px #D6DCD8;
}

#inner-rightcontent h2 {
	padding: 22px 0 0 0;
}

#inner-rightcontent ul {
	margin: 0 auto;
	padding: 8px 0 0 0;
}

#inner-rightcontent ul li {
	margin: 0 auto;
	padding: 4px 0 0 12px;
	list-style-type: none;
	background: url("images/inner-rightcontent-bullets.gif") 0 12px no-repeat;
}

#banner1 {
	background: url("images/banner1.jpg") top center no-repeat;
}
#banner2 {
	background: url("images/banner2.jpg") top center no-repeat;
}
#banner3 {
	background: url("images/banner3.jpg") top center no-repeat;
}
#banner4 {
	background: url("images/banner4.jpg") top center no-repeat;
}
#banner5 {
	background: url("images/banner5.jpg") top center no-repeat;
}
#banner6 {
	background: url("images/banner6.jpg") top center no-repeat;
}
#banner7 {
	background: url("images/banner7.jpg") top center no-repeat;
}
#banner8 {
	background: url("images/banner8.jpg") top center no-repeat;
}
#banner9 {
	background: url("images/banner9.jpg") top center no-repeat;
}
#banner10 {
	background: url("images/banner10.jpg") top center no-repeat;
}
#banner11 {
	background: url("images/banner11.jpg") top center no-repeat;
}

#banner-content1, #banner-content2, #banner-content3, #banner-content4, #banner-content5, #banner-content6, #banner-content7, #banner-content8, #banner-content9, #banner-content10, #banner-content11 {
	margin: 0 0 0 0;
	padding: 33px 29px 0 24px;

}
#banner-content1 {
	background: url("images/banner1-s.jpg") top center no-repeat;

}
#banner-content2 {
	background: url("images/banner2-s.jpg") top center no-repeat;
}
#banner-content3 {
	background: url("images/banner3-s.jpg") top center no-repeat;
}
#banner-content4 {
	background: url("images/banner4-s.jpg") top center no-repeat;
}
#banner-content5 {
	background: url("images/banner5-s.jpg") top center no-repeat;
}
#banner-content6 {
	background: url("images/banner6-s.jpg") top center no-repeat;
}
#banner-content7 {
	background: url("images/banner7-s.jpg") top center no-repeat;
}
#banner-content8 {
	background: url("images/banner8-s.jpg") top center no-repeat;
}
#banner-content9 {
	background: url("images/banner9-s.jpg") top center no-repeat;
}
#banner-content10 {
	background: url("images/banner10-s.jpg") top center no-repeat;
}
#banner-content11 {
	background: url("images/banner11-s.jpg") top center no-repeat;
}

#blog-bg {
	background: url("images/banner01.jpg") top center no-repeat;
}

#blog-content {
	background: url("images/blog-content-bg.jpg") top center no-repeat;
}

 h2 { font-size: 16px;}

a {
	text-decoration: none;
	color: #000000;
}

a:hover {
	text-decoration: underline;
	color: #666666;
}

.small-text {
	margin: 0 auto;
	padding: 0 0 0 0;
	font-size: 10px;
	color: #848484;
}
/* Properties for the right navigations of Blog */

#blog-rightcontent ul {
	margin: 0 auto;
	padding: 0 0 0 0;
}

#blog-rightcontent ul li {
	margin: 0 auto;
	padding: 4px 0 0 12px;
	list-style-type: none;
}

form p {margin: 0 auto;	padding: 6px 0 0 0;}
input {margin: 0 4px 0 0; padding: 0; }
label {margin: 0; padding: 0 0 0 0; font-size: 11px; color: #999999;}
#submit{margin:0 85px 0 0;float:right;}


#inner-leftcontent ul {
	margin: 0 auto;
	padding: 0 0 0 9px;
}

#inner-leftcontent ul li {
	margin: 0 auto;
	padding: 4px 0 0 12px;
	list-style-type: none;
	background: url("images/inner-rightcontent-bullets.gif") 0 12px no-repeat;
}

.orange-text {
	color: #FF6655;
}

#full-width {
	margin: 0 auto;
}

.side-pic {
	padding: 20px 0 10px 20px;
	width: 308px;
	float: right;
	height: 138px;
}
.content-indent {padding:0 25px;line-height:22px; }
.caption {color:#FF6655;}

#header-space {
	margin: 0 auto;
	padding: 0 0 0 0;
	height: 220px;
}

.success {color: #FF6655; font-weight: bold; margin: 1px 0 3px;}
.error {color: #e00; font-weight: bold; margin: 2px 0 4px;}
.pic-left { margin:5px 10px 5px 0;border: solid 1px #D6DCD8; }
.pic-right { margin:5px 0 5px 10px;border: solid 1px #D6DCD8; }

.our-pro-box {
	margin: 10px 0 0 0;
	padding: 10px 15px;
	border: 1px solid #eee;
	background-color: #F9F8F8;
	line-height: 22px;
}

.pull-quote {
	margin: 0 12px 0 0;
	float: left;
	width: 280px;
}

.our-pro-right {
	margin: 0 0 0 0;
	float: right;
	width: 260px;
}
.left-side {
	width:260px;
	float:left;
}