html {
	font-size: 62.5%;
}

body {
	background: #3d0d18; 
	text-align: center; /* for older browsers */
	font-family: Arial, Verdana, sans-serif;
	font-size: 1.2em;
	line-height: 2em;
	color: #2d0116;
}

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

h1 {
	color: #3d0d18;
	font-size:24px;
	font:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
}
#heading_area h1#about-heading {
	color:#fbdc96;
	font-size:24px;
	font:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	margin-left:50px;
}

a:hover {
	text-decoration: underline;
}

div.wrapper {
	margin: 0 auto;
	width: 840px;
	text-align: left; /* for older browsers */
	position: relative;
	overflow: hidden;
	height: 100%;
}

#header {
	height: 193px;
	background: url(images/header_menu.gif) no-repeat 80% 0%;
	position: relative;
	background-image: url(images/header_menu.gif);
}


h1#logo {
	text-indent: -9999px;
	width: 600px;
	height: 160px;
	background: url(images/logo-trans.png) no-repeat;
	position: absolute;
	top: 20px;
	left: 0px;
}

#header #wrapper #menu {
	background-image:url(images/MenuBack.gif);
	background-repeat:no-repeat;
	background-position:bottom center;
	text-transform: uppercase;
	position: absolute;
	overflow: hidden;
	bottom: 0px;
	right: 0px;
}

ul#menu_main li {
	float: left;
	padding: 0px 12px;
	overflow: hidden;
}

ul#menu_main li a {
	font-size: 13px;
	color: #c64483;
	text-decoration: none;
}

ul#menu_main li a:hover, ul#menu_main li a.active {
	color: #ffffd5;
}

#featured_area {
	background: url(images/featured_bg.gif) repeat-x;
	height: 240px;
}

#featured_area .wrapper #slide {
	margin: 20px 80px;
	height: 200px;
	width: 780px;
	overflow: hidden;
	position: relative;
	color:#FFF;
}

#featured_area .wrapper ul {
	overflow: hidden;
	height: 100%;
}

#featured_area .wrapper ul li {
	float: left;
	width: 780px;
}

#featured_area .description {
	width: 384px;
	float: left;
}

#featured_area .description h2 {
	text-indent: -9999px;
	width: 205px;
	height: 21px;
	margin: 15px 0px 22px;
}

#featured_area .description p {
	font-size: 13px;
	color: #ffffd5;
}

#featured_area img {
	float: right;
	padding: 1px;
	background: #c13e7e;
	border: 1px solid #930148;
}

#featured_area .wrapper span a {
	position: absolute;
	top: 110px;
	text-indent: -9999px;
	width: 19px;
	height: 25px;
}

#featured_area .wrapper span#prevBtn a {
	left: 0px;
	background: url(images/left-arrow.gif) no-repeat;
}

#featured_area .wrapper span#nextBtn a {
	right: 0px;
	background: url(images/right-arrow.gif) no-repeat;
}

#main {
	background: #fbdc96;
}

#main .wrapper {
	overflow: hidden;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#main h3 {
	font-size: 20px;
	color: #3d0d18;
	font-weight: bold; 
	margin: 0px 0px 32px;
}

#main h4 {
	font-size: 14px;
	color: #3d0d18;
	font-weight: bold; 
}

body#homepage #main ul {
	overflow: hidden;
}

body#homepage #main ul li {
	width: 270px;
	float: left;
	padding: 0px 0px 0px 120px;
	margin: 0px 0px 20px 0px;
}

body#homepage #main ul li#design {
} 

body#homepage #main ul li#develop {
} 

body#homepage #main ul li#creative {
} 

body#homepage #main ul li#cms {
} 

#footer {
	padding: 30px 0px;
	color: #774119;
}

#footer h6 {
	font-size: 1.1em;
}

#footer span {
	font-size: 1em;
	color: #804a21;
}

#heading_area {
	background: url(images/featured_bg.gif) repeat-x;
	height: 100px;
}

#heading_area .wrapper {
	color:#fbdc96;
	font-size:24px;
	font:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
}

#heading_area h2 {
	text-indent: -9999px;
		color:#FFF;
	font-size:24px;
	font:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;

}

#heading_area h2 {
	margin: 30px 0px 0px 120px;
		color:#FFF;
	font-size:24px;
	font:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;

}

#heading_area h2#services {
	background: url(images/services-trans.png) no-repeat;
	width: 110px;
	height: 22px;
}


#heading_area h2#contact-heading {
	background: url(images/contact_heading-trans.png) no-repeat;
}



div#left-col, div#right-col {
	margin-left:100px;
	padding-left:25px;
}

div#left-col {
	background: url(images/container.gif) no-repeat;
	min-height: 285px;
	width: 678px;
	overflow: hidden;
}
div#left-col-bot {
	background: url(images/container_bot.gif) no-repeat;
	min-height: 50px;
	width: 678px;
	overflow: hidden;
	background-position:bottom;
}
img.service {
	border: 1px solid #f9c44e;
	float: right;
	margin: 8px 0px 15px 20px;
}

div#left-col .content {
	padding: 30px 70px 70px 60px;
}

div#right-col {
	margin-left: -10px;
}
	

div#right-col ul {
	width: 265px;
}

div#right-col ul li {
	font-size: 14px;
	padding: 11px 0px 11px 54px !important;
	padding: 5px 0px 11px 54px;
}

div#right-col h3 {
	margin: 33px 0px 20px 54px;
}

div#right-col ul a {
	color: #562d30;;
}


div#right-col ul li.active a, div#right-col ul a:hover {
	color: #ab0153;
	text-decoration: none;
}

div#right-col ul li.active {
	background: url(images/menu_active-trans.png) no-repeat 0px 6px;
}

div#left-col img.icon_right {
	float: right;
	margin: -23px 0 5px 10px;
}

div#left-col img.icon_left {
	float: left;
	margin: -2px 15px 5px 0;
}

p.bottom-margin {
	margin-bottom: 20px;
}

body#contact_page div#leftcol {
	float: left;
	width: 620px;
}

body#contact_page div#rightcol {
	float: right;
}

div.box {
	float: left;
	margin-right: 24px;
}

div.box.last{
	margin-right: 0px;
}

p.label_name {
	color: #510c16;
	font-size: 16px;
	margin-bottom: 10px;
}

input, textarea {
	border: 1px solid #f8d178;
	padding: 5px;
	font-size: 15px;
	color: #2d0116;
	width: 285px;
}

input.button {
	margin-top: 103px;
	border: none;
	width: 89px;
	height: 49px;
	padding: 0px;
}

div.row {
	overflow: hidden;
	margin: 0px 0px 25px;
}

p#textarea {
	width: 460px;
	float: left;
}

textarea {
	width: 450px;
	height: 102px;
}

div.box_bottom.right {
	float: right;
	width: 100px;
}

div.box_bottom {
	margin: 0px 0px 20px;
	overflow: hidden;
	width: 460px;
}

div.box_bottom.left {
	float: left;
}

div#contact_info {
	font-size: 14px;
	line-height: 26px;
}

br.clear {
	clear: both;
}

p#success {
	font-size: 14px;
	text-align: center;
	background: #f6cb6b;
	padding: 2px;
	color: #3d2a2f;
	display: none;
}

p.label_name span.error {
	color: #d50067; 
	font-size: 13px;
	display: none;
}

.list_services {
	list-style: square;
}