body, ul, li, h1, h2, h3, h4{
	margin:0;
	padding:0;
	list-style:none}

html,body{
	height:100%;
	width:100%;
	background:url(images/body_top.gif) repeat-x top #f9f9f9;
	color:#000;
	font-family: Georgia, "Times New Roman", Times, serif}

img{
	border:0}

hr {
	height:1px;
	color:#CCC;
	background:#CCC;
	padding:0;
	border:0;
	margin:10px 0;}

.clear {
	clear:both}

.alignleft {
	float:left}
.alignright {
	float:right}
.aligncenter {
	display:block;
	margin:0 auto}

.txtcenter {
	text-align:center}

.left {
	text-align:left}
.right {
	text-align:right}

h1, h2, h3, h4 {
	padding:15px 0 10px 0;
	color:#598801;
	font-family: Georgia, "Times New Roman", Times, serif;}

h1{
	font-size:24px;
	font-weight:normal}

h2 {
	font-size:20px;
	font-weight:normal}

h3 {
	font-size:17px;
	font-weight:normal}

/* structure layout */
.conteiner {
	width:996px;
	margin:0 auto;
	position:relative;
	min-height:100%}

.wrapper {
	width:100%;
	float:left}

.content {
	margin:0 0 0 228px;
	float:right;
	width:688px;
	padding:0 40px 30px 40px;
	position:relative}

.navigation {
	float:left;
	margin:0 0 0 -996px;
	width:218px;
	padding:0 0 20px 10px}

.content, .navigation {
	font-size:13px}


/* footer layout */
.footer {
	background:#000;
	height:60px;
	color:#676767;
	margin-top:-60px}

.clearbot {
	clear:both;
	height:60px}

.copyright {
	width:228px;
	height:60px;
	float:left;
	font-size:14px}

.copyright p {
	padding:10px 0 0 20px;
	margin:0}

.copyright strong {
	color:#c159b6;
	font-weight:normal}

.copyright span {
	color:#5b9900;
	font-size:20px;
	font-weight:bold}

.copyright small {
	font-size:11px}

.botmenu {
	width:520px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	height:50px;
	position:absolute;
	top:10px;
	left:270px;}

.botmenu ul {
	text-align:center;
	padding-top:10px}

.botmenu li {
	display:inline;
	margin:0 10px}

.botmenu li a {
	color:#ccc;}

.botmenu li a:hover {
	color:#fff}

.botlinks {
	width:180px;
	position:absolute;
	top:13px;
	right:0;
	text-align:right}

/* header layout */
.header {
	height:134px;
	position:relative;
	padding-top:18px;}

.logo {
	width:218px;
	padding-left:10px;
	height:57px;
	line-height:50px;
	float:left;}

.logo {
	font-weight:normal}
	
.logo a {
	color:#c159b6;
	text-decoration:none;
	font-size:30px;
	line-height:45px;}

.logo a span {
	color:#598801;
	font-size:45px;}

.logo a abbr {
	font-size:13px;
	color:#868686;}

.logo a strong {
	font-weight:normal}

/* topmenu */
.topmenu {
	position:absolute;
	top:20px;
	left:400px;
	width:590px;}

.topmenu ul {
	background:url(images/topmenu_line.gif) 0 0 no-repeat;
	padding-left:2px;
	display:block;
	height:75px;}
	
.topmenu li {
	display:block;
	float:left;
	height:75px;
	background:url(images/topmenu_line.gif) right top no-repeat;
	text-transform:uppercase;
	margin:0 5px}

.topmenu li a {
	display:block;
	float:left;
	padding:0 10px;
	line-height:55px;
	height:75px;
	text-align:center;
	color:#333;
	font-size:12px;
	text-decoration:none}

.topmenu li a:hover {
	color:#bc46ae;}

.topmenu .active a {
	color:#bc46ae;
	background:url(images/top_arrow_down1.gif) center bottom no-repeat}

.head-image-box {
	clear:both;
	background:url(images/header_image.jpg) top no-repeat #000;
	color:#cdcdcd;
	height:71px;
	padding:3px 0 3px 10px;
	font-size:11px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:lowercase}

/* breadcrumbs */
.path {
	height:25px;
	background:url(images/top_arrow_down2.gif) 207px 0 no-repeat;
	font-size:11px;
	padding-left:268px;
	line-height:25px;
	font-family:Arial, Helvetica, sans-serif;
	color:#777;}

.empty {
	background:none}

.path a {
	color:#777;}

.path a:hover {
	color:#000}

/* content */
.mainpage .content {
	margin:0 auto;
	padding:150px 0 20px 0;
	width:960px;
	float:none}
	
.content {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#333}

.content p {
	margin:10px 0 10px 0}

.content h2, .content h3 {
	margin:20px 0 5px 0;}

.content ul {
	margin:5px 0 20px 30px}
	
.content ul li {
	margin-bottom:7px;
	list-style:disc}

.content ol li {
	list-style:decimal;
	margin-bottom:7px;}

.content a {
	color:#1e90b8}

.content a:hover {
	color:#c159b6}

.site-descr img {
	padding:6px;
	border:1px solid #dddddd;
	margin:5px}

/* navigation */
.navigation h2 {
	color:#333}
	
.leftmenu {
	text-align:left;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	margin:0 0 20px 10px}

.leftmenu li a {
	color:#000}

.leftmenu a:hover, .leftmenu .submenu li a:hover {
	color:#bf4fb2;}

.leftmenu .active a {
	font-weight:bold;
	color:#bf4fb2;
	border-bottom:1px solid #bf4fb2}

.leftmenu li {
	margin-bottom:5px;
	background:url(images/ico_arr_black.gif) 5px 6px no-repeat;
	padding-left:15px}

.leftmenu ul li ul {
	margin:5px 0 5px 8px;
	font-size:13px}

.leftmenu ul li ul li {
	margin-bottom:5px;
	background:url(images/ico_arr_gray.gif) 5px 6px no-repeat;}

.leftmenu .submenu li a {
	color:#555;
	text-decoration:none;
	font-weight:normal;
	border-bottom:1px dotted #555}

.leftmenu .submenu .active a {
	color:#bf4fb2;}

.contact-box {
	line-height:20px;
	font-size:15px;
	margin:0 25px 10px 10px;
	font-weight:bold;
	color:#555;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif}

.contact-box img {
	margin-right:5px}

.contact-box .row {
	padding:7px 0 7px;
	border-bottom:1px dotted #999}

/* caurusel list */
.content .list-recent-sites {
	width:100%;
	height:150px;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
	z-index:10}

.content .list-recent-sites ul {
	margin:0}

.content .list-recent-sites ul li {
	display:block;
	float:left;
	width:188px;
	height:145px;
	margin:0 15px 0 15px}

.content .list-recent-sites ul li img {
	padding:3px;
	border:1px solid #dddddd;
	width:180px}

.content .list-recent-sites ul li a {
	display:block;
	float:left}

.content .list-recent-sites ul li a:hover {
	background:#dddddd}

/* center columns */
.center-cols {
	width:310px;
	float:left;
	margin-top:10px}

.center-cols a.aorder {
	margin-left:30px}

.center-cols h2 {
	color:#000;
	font-size:16px;
	font-weight:bold;
	margin:0;
	padding:10px 0 15px 0}

.center-cols ul {
	margin-left:10px}

.center-cols ul li {
	background:url(images/ico_checked3.gif) 0 2px no-repeat;
	padding-left:22px;
	margin-bottom:10px;
	font-size:14px;
	list-style:none}

.center-cols li a:hover {
	color:#000}

.col1 {
	width:280px}
	
.col2, .col3 {
	border-left:1px solid #dddddd;
	padding-left:25px}

.center-2col {
	width:450px;
	float:left;}

.center-2col h2 {
	margin:0}
	
.center-2col h3 {
	padding:15px 0 5px}

.center-2col h2 span, .center-2col h3 span, h2 span, h3 span {
	color:#bf4fb2}

.center-2col .contact-box {
	margin:0 0 0 25px}

.center-2col ul {
	margin:10px 0 15px 35px}

.center-2col li {
	margin-bottom:10px}

.center-2col ul li {
	list-style:disc}

.center-2col ol li {
	list-style:decimal}

.rightcol {
	padding-left:60px}

/* portfolio page */
.random-work img {
	padding:2px;
	border:1px solid #dddddd}

.random-work img:hover {
	background:#dddddd}

.porject-item {
	padding:10px 0 0 0;
	margin-bottom:2px;
	width:100%}

.project-img {
	width:225px;
	height:160px;
	float:left}

.project-img img {
	border:1px solid #dddddd;
	padding:4px;}

.project-img img:hover {
	background:#dddddd}

a.pname, .pname {
	font-size:14px;
	text-decoration:none;
	border-bottom:1px dotted #000;
	color:#1e90b8}

.project-txt {
	height:160px;
	width:460px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px}

.project-done {
	padding:7px 0}

.shortText {
	padding:10px 0 6px}

.project-link {
	margin-top:6px}
	
.project-link a {
	color:#666}

.project-link a:hover {
	color:#333}

/* subcategories list */

.sublist-item h2 {
	background:url(images/ico_checked2.gif) 0 23px no-repeat;
	padding:20px 0 5px 25px;
	margin-bottom:0}

.sublist-item h2 a {
	text-decoration:none;
	color:#598801}

.sublist-item p {
	padding:0 0 0 25px;
	margin:0}

.sublist-item p em {
	color:#666}
	
.dmore {
	display:block;
	margin:6px 0}

a.amore {
	color:#fff;
	background:#739a2a;
	border:1px solid #67990a;
	text-decoration:none;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	padding:1px 7px;
	font-weight:bold;
	margin:0 10px 0 0}

a.amore:hover {
	color:#fff;
	background:#507a00;
	border:1px solid #507a00}

a.aorder {
	color:#fff;
	background:#c159b6;
	border:1px solid #c159b6;
	text-decoration:none;
	padding:1px 15px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:0 10px 0 0}

a.aorder:hover {
	color:#fff;
	border:1px solid #a91e9a;
	background:#a91e9a;}

.price {
	padding:5px 0;
	line-height:20px;
	background:url(images/ico_star.gif) 0 8px no-repeat;
	padding-left:14px;
	text-transform:lowercase}

/* order form */
.orderForm {
	width:435px;
	padding-right:40px;
	float:left;
	font-family:Arial, Helvetica, sans-serif}

.orderForm h2 {
	padding-bottom:0px;
	margin-bottom:15px}

.orderForm fieldset {
	padding:10px;
	margin:0}

.orderForm legend {
	color:#444;
	font-size:13px;
	font-weight:bold}
	
.formContent {
	padding:5px 5px 10px 10px;
	font-size:12px}

.orderForm input, .orderForm select {
	margin:1px 0 10px 0;
	font-size:13px;
	width:190px;
	border:1px solid #cfcfcf;
	padding:2px}

.orderForm select {
	width:193px}

.orderForm textarea {
	border:1px solid #cfcfcf;
	width:370px;
	height:130px;
	padding:2px;
	margin-bottom:10px}

.orderForm .attached {
	margin-bottom:0;
	width:370px}

.orderForm input:focus, .orderForm textarea:focus {
	border:1px solid #598801}

.orderForm .btn-sumit {
	width:120px;
	text-align:center;
	cursor:pointer;
	color:#fff;
	background:#c159b6;
	border:1px solid #c159b6;
	padding:1px 20px;}

.orderForm .btn-sumit:hover {
	background:#a91e9a;
	border:1px solid #a91e9a}

.capimage {
	border:1px solid #ddd;
	margin-right:10px;
	float:right}

.contact-right {
	float:right;
	width:210px}

.contact-right h3 {
	margin:0;
	padding:15px 0 0 0}

.contact-right ul {
	margin:10px 0 20px 10px;
	font-size:13px}
	
.contact-right ul li {
	background:url(images/ico_arr_black.gif) 0 5px no-repeat;
	padding-left:10px;
	margin-bottom:7px;
	line-height:17px;
	list-style:none}

.contact-right .amore {
	margin:0 0 0 10px}
	
.required {
	color:#C00}

.errors {
	color:#C00;
	padding-bottom:5px}

/* pagination */
.pagination {
	padding:10px 0;
	font-size:13px;
	border-top:1px dotted #ccc;
	clear:both;
	margin-top:20px;
	text-align:center}

.pagination a {
	color:#598801;
	padding:0 5px;
	border:1px dotted #ccc;
	background:#fff;
	text-decoration:none;
	margin:0 3px}

.pagination a:hover {
	color:#fff;
	background:#598801;
	border:1px solid #598801;}

.pagination .ditto_currentpage {
	padding:0 3px;
	font-weight:bold;
	color:#555}

.pagination .ditto_next_link {
	padding:0 7px}

.prevnext {
	text-align:right;
	font-weight:bold;
	clear:both;}

.topnavi {
	margin-top:5px;}
	
.previous {
	float:left}

.orange {
	color:#ff9900}

.gray-txt {
	color:#666}

.table-grid {
	border:1px solid #c9c9c9;
	border-collapse:collapse;
	margin:10px 0}

.table-grid td {
	border-collapse:collapse;
	border:1px solid #c9c9c9;
	padding:3px 5px}

.td1 {
	background:#fff;}
.td2 {
	background:#ededed;}

/* table grid */
.table-host, .table-host td, .table-host th {
	border:1px solid #e7e7e7;
	border-collapse:collapse;
	background:#fff}

.table-host th {
	background:#e9e9ea;
	border:1px solid #d5d5d5}

.table-host .tdbg {
	background:#f3f3f3}