/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400;}
q:before,q:after{content:'';}
fieldset,img,abbr,acronym{border:0;}

body {
	background: #27110B url(../img/body_bg.png) repeat-x;
}
body,td,th {
	font-family: Arial, "Trebuchet MS", Helvetica, sans-serif;
	font-size: 14px;
	color: #333333; /* COLOR FOR ALL TEXT (EXCEPT LINKS) */
}
/* ALL LINKS */
a:link {
	color: #7a3b96;
	text-decoration: none;
}
/* ALL VISITED LINKS */
a:visited {
	text-decoration: none;
	color: #907065;
}
/* ALL LINKS WHEN MOUSE IS OVER */
a:hover {
	text-decoration: none;
	color: #644d45;
}

h1,h2,h3,h4,h5,h6 {
	font-family: Georgia, "Times New Roman", Times, serif;
}

h2 {
	font-size: 25px;
	margin: 10px 0;
}

h3 {
	font-size: 16px;
	margin-top: 15px;
}
h4.alert {
	background-Color: white;
	width: 120px;
	margin-left: auto;
	margin-right: auto;
	padding: .4em;
	border: 1px dotted white;
	font-size: 15px;
	line-height: 19px;
	position: absolute;
	top:0px;
	left:0px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}

form{margin:10px 0px 10px 0px;}

span.exit {
	position: absolute;
	top: 0;
	right: 0;
	background: #7a3b96;
	color: #292929;
	font-size: 10px;
line-height: 14px;
	font-weight: bold;
	padding: 0 .3em;
	cursor: pointer;
border-left: 1px dotted white;
border-bottom: 1px dotted white;
}

.alert {
color: red;
margin: .3em 0;
}


/* Ment to be a <hr /> tag */
.line {
	background: url(../img/hr_bg.png) center no-repeat;
	padding: 10px 0;
	border: 0;
	color: #d3d3d3;
}

label {
	font-weight: bold;
	display: block;  
	float: left;
	clear: both;
	width: 120px;
	margin: 0 0 10px 0;
}

/* ALL INPUTS */

div#search input{background: #392D29; border:1px solid #251f1c; color:#fff;}

div#catdrop {float:right;}

div#end #pagdrop {float:right; padding-bottom:15px;}


input {
	font-size: 11px;
	color: #392D29;
	background: #ffffff;
	float: left;
	margin: 3px;
	padding: 5px;
	border: 1px solid #251f1c;
}

input.fileup{border:0px;}

input.submit {
	float: left;
	margin: 3px;
	padding: 5px;
	background:#392D29;
	border: 1px solid #251f1c;
	color:#fff;
}


select {
	font-size: 11px;
	color: #ffffff;
	background: #392D29;
	float: left;
	margin: 3px;
	padding: 5px;
	border: 1px solid #251f1c;
	}

/* ALL TEXTAREAS */
textarea {
	font-family: Arial, "Trebuchet MS", Helvetica, sans-serif;
	font-size: 11px;
	color: #392D29;
	background: #ffffff;
	margin: 3px;
	padding: 5px;
	border: 1px solid #251f1c;
}

#myslides{z-index:999999;}

ul.mywrappers {
margin: 0;
padding: 0;
}

ul.mywrappers li {
float: left;
margin: 0 1em 1em 0;
list-style: none;
width:146px;
overflow: hidden;
}



ul {
	list-style-image:url(../img/bullet_go.png);
	padding-left: 40px;
	margin: 10px 0;
	z-index:1;
}

li ul {
	position: absolute;
	left: -327px;
	top: 40px;
	display: none;
	
	}


li {
	color: #392D29;
	padding: 1px;
	position: relative;
}

li:hover ul { display: block; float:left; }

.clear {
	clear: both;
}

p.smalldesc{font-size:10px; padding-top:10px;}

h1.smallhead{padding:10px 0px 5px 0px; font:Verdana, Arial, Helvetica, sans-serif;}

div#wrapper {
	width: 850px;
	margin: auto;
	background: #fff;
}

div#header {
	width: 850px;
	height: 126px;
	margin: auto;
	padding-top:20px;
}

div#logo {
	padding: 0px 16px;
	float: left;
}

div#search {
	text-align: left;
	float: right;
	margin: 10px 0;
	position:relative;
	width:132px;
}



div#search h1{float:left; color:white; font-weight:bold; padding-left:8px; margin:0px;} 

div#search label{padding:0px; margin:0px;}

div#search #field {
	width: 120px;
	float: right;
	
}

div#search #action {
	background: url(../img/submit_search.png) no-repeat;
	width: 25px;
	height: 25px;
	vertical-align: bottom;
	float: right;
}


/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/pro_drop9.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
================================================================== */


div#navigation{position:relative; z-index:999;}
div#navigation .nav {padding:0; margin:0; list-style:none; height:40px; background-color: #392d29; width:790px; float:left;}
div#navigation .nav ul{background-color: #392d29;}
div#navigation .nav li {float:left; height:40px; padding: 0; border-right: 1px solid #251f1c; border-left: 1px solid #463c39; list-style:none; }
div#navigation .nav li a {display:block; height:40px; width:124px; float:left; line-height:37px; color:#FFF; text-decoration:none; text-align:center;}
div#navigation .nav li a:hover {position:relative; visibility:visible; line-height:35px; z-index:50; background-color: #473833;}
div#navigation .nav li a:hover b {display:block; width:124px; height:40px; background:url(pro_drop9/toptab_shadow.png);}
div#navigation .nav li a:hover span {display:block; width:124px; height:40px; position:absolute; left:0; top:0; cursor:pointer;}
div#navigation .nav li ul, .nav li div  {position:absolute; left:-9999px;}
div#navigation .nav li:hover {position:relative;}
div#navigation .nav li:hover > a {line-height:35px; color:#ffffff;}
div#navigation .nav li:hover > a b {display:block; width:124px; height:40px; background:url(pro_drop9/toptab_shadow.png);}
div#navigation .nav li:hover > a span {display:block; width:124px; height:40px; position:absolute; left:0; top:0; cursor:pointer;}

div#navigation .nav table {border-collapse:collapse; margin:-1px;}

div#navigation .nav :hover div {left:0; top:37px; width:200px; height:144px; padding:10px 0; background:url(pro_drop9/sub_back.png); z-index:100;}

div#navigation .nav :hover ul {padding:0; margin:0; list-style:none; left:0; top:37px; width:200px; height:270px; padding:10px 0; z-index:120;}
div#navigation .nav :hover ul li {height:27px;}
div#navigation .nav :hover ul li a {height:27px; line-height:27px; color:#fff; width:196px; text-align:left; text-indent:20px;}
div#navigation .nav :hover ul li.fly a {background:url(pro_drop9/arrow.gif) no-repeat 150px center;}
div#navigation .nav :hover ul li a:hover {background: url(pro_drop9/subtab_over.png); color:#793B97;}
div#navigation .nav :hover ul li:hover > a {background: url(pro_drop9/subtab_over.png); color:#793B97;}

div#navigation .nav :hover ul ul, .nav :hover ul div {position:absolute; left:-9999px;}
div#navigation .nav :hover ul :hover {z-index:200;}
div#navigation .nav :hover ul :hover div {left:150px; top:-4px; width:200px; height:144px; padding:10px 0; background:url(pro_drop9/sub_back.png); z-index:200;}
div#navigation .nav :hover ul :hover ul {padding:0; margin:0; list-style:none; left:150px; top:-4px; width:200px; height:144px; padding:10px 0; z-index:250;}
div#navigation .nav :hover ul :hover ul li a {background:transparent;}
div#navigation .nav :hover ul :hover ul li a:hover {background: url(pro_drop9/subtab_over.png); color:#793B97;}


<!--[if lte IE 6]>
<style type="text/css">
.nav li a:hover b,
.nav li a:hover div
{
background:expression('url('+this.currentStyle['backgroundImage'].split('\"')[1]+'")');
filter:expression('progid:DXImageTransform.Microsoft.AlphaImageLoader(src='
+this.currentStyle['backgroundImage'].split('\"')[1]+')');
 z-index:100; cursor:pointer;}
</style>
<![endif]-->

#holder {width:750px:}
#holder img {margin-top:-4px;}

div#navigation {
	background-color: #FFFFFF;
	width: 820px;
	padding: 0 15px;
	float: left;
	clear: both;
	
}

div#navigation #left {
	background: url(../img/nav_left.png) no-repeat;
	width: 10px;
	height: 40px;
	float: left;
}

div#navigation #right {
	background: url(../img/nav_right.png) no-repeat;
	width: 10px;
	height: 40px;
	float: left;
}

div#nav ul {
	background-color: #392d29;
	width: 800px;
	height: 40px;
	float: left;
	margin: 0;
	padding: 0;
}

div#nav ul li {
	display: inline;
	list-style-type: none;
	
	padding: 0;
	border-right: 1px solid #251f1c;
	border-left: 1px solid #463c39;
}

div#nav li a {

	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	float: left;
	padding: 11px 15px 11px 15px;
	
}

div#nav ul li a:hover, div#nav ul li a.selected {
	background-color: #473833;
}

div#nav ul li #left-tab {
	border-left: 0;
}

div#nav ul li #right-tab {
	border-right: 0;
}

div#nav ul ul{width:149px; position:absolute; bottom:-40px; left:-93px;}

div#nav ul ul ul{width:149px; position:absolute; bottom:-40px; left:10px; display:block;}

div#main {
	background-color: #FFFFFF;
	padding: 15px 15px 0 15px;
	clear: both;
}

div#column1 #column1footer {float:left; width:100%;}

div#columnwide #columnwidefooter{float:left; width:100%;}

div#main #column1 {
	width: 570px;
	float: left;
}

#columnleft{float:left; width:50%;}
#columnright{float:right; width:50%;}


div#main #columnwide{width:100%}

div#main #column2 {
	background: url(../img/column2_seperator.png) no-repeat;
	width: 230px;
	min-height: 320px;
	float: right;
	padding: 0 10px;
}

/* FOR IE6 */
* html div#main #column2 {
	height: 320px;
}

div#main #column2 #recent_clients {
	text-align: center;
}

div#main #column2 #recent_clients img {
	width: 70px;
	margin-bottom: 3px;
}

div#column2 #bestof img{padding-top:20px; padding-left:10px}

div.box-no-line {
	width: 171px;
	float: left;
	padding: 0 9px;
}

div.box {
	background: url(../img/box_seperator.png) no-repeat;
	padding: 0 9px;
	width: 171px;
	float: left;
}

div.box-no-line h3, div.box h3 {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}

div.box p, div.box-no-line p {
	font-size: 10px;
	margin: 5px 0;
}

div.box a.more, div.box-no-line a.more {
	font-size: 11px;
	font-weight: bold;
	text-transform: lowercase;
	float: right;
}

div#end {
	background: url(../img/footer_bg.png) bottom no-repeat;
	height: 20px;
	padding:0px 10px 15px 10px;
}

div#footer {
	background: #27110b;
	font-size: 11px;
	color: #473833;
	text-align: right;
	padding: 5px 0 20px 0;
}

textarea#message {
	width: 300px;
	height: 100px;
}

img#questions {
	float: right;
	margin: 0 10px 10px 0;
}

div.service_box {
	width: 550px;
	float: left;
}

div.service_box h3 {
	font-weight: bold;
	margin-bottom: 5px;
}

div.service_box img {
	float: left;
	padding: 0 10px 10px 0;
}

div.service_box a.more {
	font-size: 12px;
	font-weight: bold;
	text-transform: lowercase;
}

div.portfolio_box {
	width: 550px;
	float: left;
	margin: 5px;
}

div.portfolio_box h3 {
	font-weight: bold;
	margin: 5px 0;
}

div.portfolio_box img {
	float: left;
	width: 100px;
	margin-right: 10px;
	padding: 5px;
	border: 1px solid #d3d3d3;
	background: #FFFFFF;
}

div.portfolio_box a.more {
	font-size: 12px;
	font-weight: bold;
	text-transform: lowercase;
}

.error_field{
	background: #eb4e4e;
	border: 1px dotted #333;
}

div#company_info {
	font-size: 11px;
	color: #ffffff;
	width: 220px;
	margin: 0 auto;
	background: #392D29;
	margin-top: 15px;
}

div#company_info h3 {
	margin: 0 0 5px 0;
}

div#company_info #info {
	padding: 15px;
}

/* Round corners*/
.rtop, .rbottom{display:block;background: #FFF}
.rtop *, .rbottom *{display: block; height: 1px; overflow: hidden;background: #392D29}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px; height: 2px} 

/* Textarea rezier */
div.grippie{
	background: #EEE url(../img/grippie.png) no-repeat scroll center 2px;
	cursor: s-resize;
	height: 9px;
	overflow: hidden;
	border: 1px solid #DDD;
	margin-left: 3px;
	width: 310px;
}

.resizable-textarea textarea {
	display: block;
	margin-bottom: 0;
	width: 80%;
	height: 250px;
}

/* jFlow */
div#myController {
	display:none;
}

.jFlowNext, .jFlowPrev {
	cursor: pointer; z-index:25;
}

.purple{color:#7a3b96;}

.cream{color:#FFFF66;}