﻿/*
Name: MaVL
ICQ: 575481570
E-mail: admin@mvcreative.ru
WEB: www.mvcreative.ru
*/


html,body,span,object,iframe,h1,h2,h3,h4,p,
blockquote,pre,address,code,del,dfn,em,img,q,
dl,dt,dd,ol,ul,li,
caption,tfoot,thead,th,br,fieldset,textarea{
	font-family:Tahoma, Geneva, sans-serif;
	line-height:20px;
	letter-spacing:.1px;
	word-spacing:1px;
	margin:0;
	padding:0;
	border:0;
	vertical-align:baseline;
}
div{
	font-family:Tahoma, Geneva, sans-serif;
	letter-spacing:.1px;
	word-spacing:1px;
	vertical-align:baseline;
}
h1,h2,h3,h4,hr,p,ul,ol,dl,pre,address,table,form{margin:0 0 5px 0}
p,h1, h2, h3, h4, ul.check_list {padding-left:2px;}
strong, b{font-weight:bold;}
em, dfn, i{font-style:italic;}

/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
/*table {
	border-collapse: separate;
	border-spacing: 0;
}*/
caption, th {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* ------- General ------- */

body{font-size:12px; color:#71767d;}

h1,h2,h3,h4,th {letter-spacing:-0.7px; margin:0 0 5px 0; padding-top:5px; float:none}
a:link,a:visited,a:hover,a:active,a:focus{text-decoration:none;}
a{color:#217da0;}
a:hover{color:#29b4e9;}


/* ------- List Styles ------- */

ul li{list-style:none outside;margin-left:0px;padding-left: 15px;text-shadow: 1px 1px 0 #15171a;
}
ol, ol li{list-style:decimal outside;text-shadow: 1px 1px 0 #15171a;}
ol, dd{margin-left:24px;}
ul ul, ol ul, ul ol, ol ol{margin-bottom:0;margin-top:0;}
ul.bullet-check li {background: transparent url("/images/check.gif") no-repeat 0 .2em;  padding-left: 20px;}
ul.bullet-blue li {background: transparent url("/images/dot_blue.gif") no-repeat 0 .6em;}
ul.bullet-amaranthine li {background: transparent url("/images/dot_amaranthine.gif") no-repeat 0 .6em;}
ul.bullet-red li {background: transparent url("/images/dot_red.gif") no-repeat 0 .6em;}
ul.bullet-orange li {background: transparent url("/images/dot_orange.gif") no-repeat 0 .6em;}
ul.bullet-green li {background: transparent url("/images/dot_green.gif") no-repeat 0 .6em;}

/* ------- Borders & Dividers ------- */

.hr { 
	clear: both;
	padding: 0;
	margin: 0 0 1em;
	height: 5px;
	background: transparent url("/images/post_infobox_bg.gif") repeat-x 0 0; }
	
.clearboth{clear:both;display:block;font-size:0px;height:0px;line-height:0;width:100%;}

/* ------- Round Borders ------- */

div.roundbox_photo, div.roundbox_video {background-color: #2b2f35;}
div.roundboxcorner { background-color: #999999; padding:6px;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
}
div.roundboxcorner img {
 border-top: 1px solid #757575;
 border-right: 1px solid #757575;
 border-left: 1px solid #cecece;
 border-bottom: 1px solid #cecece;
}
div.roundbox_photo a, div.roundbox_video a {position:relative; float:left}
div.roundbox_photo a span { background-image:url(/images/zoom.png); background-repeat:no-repeat; width:49px; height:40px; display:none; position:absolute; right:7px; bottom:7px; }
div.roundbox_video a span { background-image:url(/images/video.png); background-repeat:no-repeat; width:49px; height:40px; display:none; position:absolute; right:7px; bottom:7px; }		 
.left { float:left; margin:5px 20px 10px 0}
.right { float:right; margin:5px 0 10px 20px}

/* ------- Tables ------- */
/*table {
	border-collapse:separate;
	border-spacing:0;
}*/
table thead tr {
	border-top:none;
	color:#2a2d34;

}
table thead tr:hover {
	border-top:none;
	border-bottom:none;
	background:none
}

table thead td {
	border-top:none;
	border-bottom:none;
	background:#217b9d;
}

.tab_first_td {
	border-top:none;
	border-bottom:none;
	color:#2a2d34;
}

.tab_last_td {
	border-top:none;
	border-bottom:none;
	color:#2a2d34;
}

/*table td {
	padding:12px 0 12px 20px;
	border-top:1px solid #3b414a;
	border-bottom:1px solid #1e2226;
}*/
	
.tab_border_none td {
	border-top:none;
}

.tab_border_bottom_none td {
	border-bottom:none;
	
}
/*table tr:hover {
	background:#25272d;
}*/

/* ------- Forms ------- */
.box2 {
	padding:0;
	margin:0;
}


.form {
	padding:0 0 10px;
	position:relative;
	overflow:hidden;
}

.form .loading {
	width:20px;
	height:15px;
	position:absolute;
	bottom:10px;
	left:100px;
	display:none;
}

.form form label span {float:right;}

.form form label strong {font-weight:normal;}

form p {padding:0 0 2px;}


fieldset {
	margin:0;
	padding:0;
}

textarea {
	font:1.3em Arial, Helvetica, Tahoma, sans-serif;
	line-height:1em;
	width:570px;
	height:190px;
	padding:10px;
	overflow:auto;
}

.cform input {
	border: none;
}

.cform input.box {
	color: #b9bdbf;
	font-size: 14px;
	width: 600px;
	height: 24px;
	line-height:24px;
	padding: 8px 10px 9px 8px;
	margin:5px 0 5px 0;
	background: url(/images/form_input_bg.png) no-repeat left bottom;

}
.manFlTitle, .x-selectable, .manFlaSite, .manFlaICQ, .manFlAvaLink, .manFlAvaFile, .securityCode, .codesec, .manFlaName, .manFlaEmail, .manFlaSite, .manFlSource, .manFllSize, .manFllLink, .manFlFile, .queryField, .manFlTiltle, .manFlBrief, #photo2, #photo3, #photo4, #photo5, #photo6 {
 -webkit-border-radius:4px;
 border-radius:4px;
 -moz-border-radius:4px;
 background:#202328;
 border:none;
 width:400px!important;
 color: #b9bdbf;
 font-size: 14px;
 height: 24px;
 line-height:24px;
 padding: 8px 10px 9px 8px;
}
.securityCode{width:70px!important}
.manFlTitle{width:445px!important}
.manFlBrief{height:170px;}
.manFlFile, #photo2, #photo3, #photo4, #photo5, #photo6 {width:350px!important;height:40px!important}
.x-selectable, .manFlaName, .manFlaEmail, .manFlaSite, .manFlSource, .manFllSize, .manFllLink, .manFlTiltle, .manFlBrief {width:448px!important}

.cform input.box:focus {
	color: #0ba1d5;
	background: url(/images/form_input_bg.png) no-repeat left top;
	outline: none;
}

.cform textarea.box {
	color: #b9bdbf;
	font-size: 14px;
	width:600px;
	height:186px;
	line-height:22px;
	padding: 9px 10px 8px 8px;
	margin:5px 0 10px 0;
	background: url(/images/textarea_bg.png) no-repeat left bottom;
}

.manFl {
	color: #b9bdbf;
	font-size: 14px;
	width:600px!important;
	height:170px!important;
	line-height:22px;
	padding: 9px 10px 8px 8px;
	margin:5px 0 10px 0;
	-webkit-border-radius:4px;
	border-radius:4px;
	-moz-border-radius:4px;
	background:#202328;
}
.manFlaSign {
	color: #b9bdbf;
	font-size: 14px;
	width:400px!important;
	height:120px!important;
	line-height:22px;
	padding: 9px 10px 8px 8px;
	-webkit-border-radius:4px;
	border-radius:4px;
	-moz-border-radius:4px;
	background:#202328;
}

.cform textarea.box:focus {
	color: #0ba1d5;
	background: url(/images/textarea_bg.png) no-repeat left top;
	outline: none;
}

.cmxform h3 {
	display:block;
	margin:5px 0 5px 0;}	
	
/* ------- Text Styles ------- */

.contentArea p {
	color:#71767d;
	line-height:20px;
	text-shadow: #15171a 1px 1px 0px;
	margin:5px 0 15px 0;
	}
	
blockquote, .quoteMessage {
	margin:8px 0;
	color:#9da2aa;
	padding:15px;
	font-size:14px;
	border-top:1px solid #1f2328!important;
	border-left:1px solid #1f2328!important;
	border-right:1px solid #3b414a!important;
	border-bottom:1px solid #3b414a!important;
	text-shadow: #15171a 1px 1px 0px;
	background:url(/images/blockquote_img.png) top right no-repeat;
}
.bbQuoteName{font-size:13px!important}

code, .codeMessage {
	font: normal 13px/18px Consolas, "Courier New", Courier, monospace;
	letter-spacing:.02em;
	display:block;
	padding:12px 25px;
	margin:5px 0 15px;
}

code, .codeMessage {
	border-top:1px solid #000;
	border-right:1px solid #3b414a;
	border-bottom:1px solid #3b414a;
	border-left:3px solid #217da0;
	background-color:#1f2328;
	color:#71767d;
}


span.blue {background:#217da0; color:#1f2226; text-shadow:#2794be 1px 1px; padding:3px;}

span.black {background:#000; text-shadow:none; padding:3px;
}

span.red {background:#bc524c; color:#1f2226; text-shadow:#df655e 1px 1px; padding:3px;
}

span.green {background:#5fbd4c; color:#1f2226; text-shadow:#74e45e 1px 1px; padding:3px;
}

span.dropcap {
	font-size:42px;
	display:block;
	float:left;
	padding:10px 10px 5px 0;
	margin:0;
}

span.dropcap_blue {
	color:#217da0;
	font-size:42px;
	display:block;
	float:left;
	padding:10px 10px 5px 0;
	margin:0;
}

span.dropcap_red {
	color:#bc524c;
	font-size:42px;
	display:block;
	float:left;
	padding:10px 10px 5px 0;
	margin:0;
}

span.dropcap_green {
	color:#679d5c;
	font-size:42px;
	display:block;
	float:left;
	padding:10px 10px 5px 0;
	margin:0;
}

span.dropcap_orange {
	color:#c6a046;
	font-size:42px;
	display:block;
	float:left;
	padding:10px 10px 5px 0;
	margin:0;
}

span.dropcap_amaranthine {
	color:#9a4aa8;
	font-size:42px;
	display:block;
	float:left;
	padding:10px 10px 5px 0;
	margin:0;
}
	
/* ------- Email Error box ------- */
	
.err {
	position:relative;
	margin-bottom:10px;
	width:615px;
	height:77px;
	background-image:url(/images/email_err_bg.png);}
	
.err span {
	font-size:14px;
	display:block;
	position:absolute;
	padding-right:20px;
	top:14px;
	left:90px;
	color:#2a2d34;
	text-shadow:#e16f69 1px 1px;
}
	
/* ------- Email Done box ------- */
	
.ok {
	position:relative;
	margin-bottom:10px;
	width:615px;
	height:77px;
	background-image:url(/images/email_done_bg.png);}
	
.ok span {
	font-size:14px;
	display:block;
	position:absolute;
	padding-right:20px;
	top:14px;
	left:90px;
	color:#2a2d34;
	text-shadow:#74e45e 1px 1px;
}

/* ------- Overlabel------- */


.cmxform div {
	position:relative;
	float:left;
}


.cmxform label {
	z-index:9999;
	color:#71767d;
	text-shadow: #15171a 1px 1px 0px;
}

.cmxform label span {
	margin-right:10px;
	color:#bc524c;
	text-shadow: #15171a 1px 1px 0px;
}

/* ------- FAQ Done box ------- */
	
.faq {
	position:relative;
	margin-bottom:10px;
	width:615px;
	height:77px;
	background-image:url(/images/email_faq_bg.png);}
	
.faq span {
	font-size:14px;
	display:block;
	position:absolute;
	padding-right:20px;
	top:14px;
	left:90px;
	color:#2a2d34;
	text-shadow:#2ea3cf 1px 1px;
}

/* ------- Info Done box ------- */
	
.info {
	position:relative;
	margin-bottom:10px;
	width:615px;
	height:77px;
	background-image:url(/images/email_info_bg.png);}
	
.info span {
	font-size:14px;
	display:block;
	position:absolute;
	padding-right:20px;
	top:14px;
	left:90px;
	color:#2a2d34;
	text-shadow:#858d97 1px 1px;
}


/* ------- Images------- */

.alignright,img.alignright,a img.alignright {float:right; margin:10px 0px 10px 16px;}
.alignleft,img.alignleft,a img.alignleft {float:left; margin:10px 16px 10px 0;}
.aligncenter,img.aligncenter,a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.frame,.small_frame {border:1px solid #eaeaea;display:inline-block;}
.frame img{background:#F5F5F5 none repeat scroll 0 0;border:1px solid #fff;padding:8px;margin:0;}
.small_frame img {background:#F5F5F5 none repeat scroll 0 0;border:1px solid #fff;padding:4px;margin:0;}

/* ------- Headers ------- */

h1,h2,h3,h4,h5,h6{font-weight:normal;line-height:100%;}
#home_feature h2{font-size:26px;}
#secondary h3.widgettitle{color:#888;}

h1{font-size:36px;}
h2{font-size:30px;}
h3{font-size:26px;}
h4{font-size:20px;}


   
/* ------- General Structure  ------- */

html {background-color: #0f1115;}
* html #primary, * html #secondary{display:inline;}
* html body{text-align:center;}
body {min-width:960px;background-color:#16191e; background-image:url(/images/mainbg.gif)}
.inner{height:100%;width:960px;min-width:960px;position:relative;clear:both;text-align:left;margin:0 auto;}

.one-third, .two-thirds, .one-fourth, .half-page, .full-page {
	 float: left;
	 margin: 0 5px 10px 5px; }
	 
.one-third	{ width: 291px;}
.two-thirds	{ width: 596px;}
.one-fourth { width: 216px;}
.half-page	{ width: 440px;}
.full-page	{ width: 900px; float: left; clear:right }

.one-third.last, .one-fourth.last, .half-page.last { clear:right; margin-right:0px;}
	
.rightSidebar {
	float:right;
	width:260px;
	margin:0;
}
	
.leftSidebar {
	float:left;
	width:625px;
	margin:10px 0 0 17px;
}

.fullSidebar {
	margin-top:10px;
}

/* ------- Header ------- */
   
#header{
	z-index:10;
	height:120px;
	position:relative;
	background-attachment: scroll;
	background-image: url(/images/headerbg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
} 

#default_logo {height:72px;width:223px;}
#default_logo a{display:block;height:100%;width:100%;}
#logo{left:30px;position:absolute;top:26px;width:223px;font-size:32px;} 

/* ------- Sliders ------- */

#slider-wrapper {
	position: relative;
	top:22px;
	width:989px;
	height:230px;
	margin:0 auto;
	z-index: 5;
	background-image: url(/images/widesliderbg.png);
	background-repeat: no-repeat;
	background-position: center;
}

#header_slider {
	position: relative;
	width: 100%;
	z-index: 5;
	background-image: url(/images/sliderbg.png);
	background-position: top;
}

#slider_top {
	width: 100%;
	height: 30px;
	background-image: url(/images/slider_top.png);
	background-position: center top;
	background-repeat: no-repeat;
		}
#header_slider {height: 270px;}
#slider {display: inline-block;}
		
#slider_arrow {
	position: absolute;
	margin: 0 0 0 -68px;
	top: -18px;
	left: 50%;
	height: 47px;
	width: 136px;
	cursor: pointer;
	z-index: 6;
}

#slider_inner {

	position:relative;
	margin:0 auto;
	padding-top:20px;

}

/* ------- Content Slider ------- */

#slider_textslider {
	width:940px;
	position:relative;
	margin:0 auto;
	padding-top:17px;

}

#slider_textslider_bg {
	position:relative;
	width:940px;
	height:243px;
	background-image:url(/images/slider_inner_bg.jpg);
}

.slider_textslider_right {
	position:absolute;
	top:20px;
	right:10px;
	width:390px;
}

.slider_textslider_right p {
	color:#000;

}

.cs_article {
  float:left;
  position:relative;
  top:0;
  left:0;
  display:block;
  width:940px;
  height:243px;
  margin:0 auto;
  padding:0;
}

.cs_wrapper {
  position:relative;
  display:block;
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  overflow:hidden;
}
.cs_slider {
  position:absolute;
  width:10000px;
  height:100%;
  margin:0;
  padding:0;
}

.cs_article p {
  margin:0 20px 30px 0;
  text-shadow:1px 1px 0 #66cee3;

}

.cs_article h2 {
font-size:44px;
letter-spacing:-1.5px;
margin:10px 0;
padding:0px;
  display:block;
  text-align:left;
}

.slider_textslider_left_img {
	top:12px;
	left:28px;
	position:absolute;
	width:483px;
	height:217px;
	background-image:url(/images/slider_textslider_imgbg.png);

}

.slider_textslider_left_img img {
	top:6px;
	left:7px;
	position:absolute;
}

.cs_leftBtn, .cs_rightBtn {
  position:absolute;
  top:0;
  height:400px;
  padding:10px 0;
  z-index:10000;
}
.cs_leftBtn {
  left:-20px;
  top:-25px;
  outline:0;
}


.cs_rightBtn {
  right:-20px;
  top:-25px;
  outline:0;
}


.cs_leftBtn img, .cs_rightBtn img {
  border:0;
  position:relative;
  top:200px;
  margin:0;
}


/* ------- Left Text Slider ------- */


.arrow_up {
	background-image: url(/images/arrow_up.png);
	background-repeat: no-repeat;
}

.arrow_down {
	background-image: url(/images/arrow_down.png);
	background-repeat: no-repeat;
}

#ornament {
	background-image: url(/images/slider_bottom.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	height: 47px;
	width: 100%;
	position: absolute;
	top: -19px;
}

#container {
	position: relative;
	z-index: 6;
	width: 100%;
	height: auto;
	display: inline-block;
}

/* ------- Coin Slider ------- */

#slider {
	position: relative;
	top: 6px;
	left:25px;
	margin: 0 0 0 7px;

}

/* ------- Middle Box ------- */

#topmiddlebox {
	position:relative;
	margin:28px auto 0 auto;
	width:848px;
	height:172px;
	background-image:url(/images/topmiddleboxbg.jpg);}
	
.homepageicon {
	position:absolute;
	left:40px;
}
	
#topmiddlebox h1 {
	position:absolute;
	top:18px;
	left:240px;
	font-size:40px;
	letter-spacing:-1px;

}

.midboxtext {
	position:absolute;
	top:60px;
	right:55px;
	width:550px;
	line-height:17px;
	color:#303031;
	text-shadow:1px 1px 0 #a5b3bb;
}

#topmiddlebox a.bigbutton {
	position:absolute;
	top:125px;
	left:243px;

}

/* ------- Hiding Panel ------- */

/* Hidden panel by default */

#panel {
	width:870px;
	height:196px;
	background:url(/images/3boxesbg.png);
	margin:0 auto;
	display: none;
}	
.btn-slide {
	width:27px;
	height:154px;
	background-image:url(/images/expand.png);
	position:absolute;
	top:3px;
	left:-24px;
}
.active {
	background-position: right 0;
}

	

/* Opened panel by default */

/*#panel {
	width:870px;
	height:196px;
	background:url(/images/3boxesbg.png);
	margin:0 auto;
}	
.btn-slide {
	width:27px;
	height:154px;
	background-image:url(/images/expand.png);
	position:absolute;
	top:3px;
	left:-24px;
	background-position: right top;
}
.active {
	background-position: left 0;
}
*/

.midboxes {
	width:265px;

	float:left;
	margin:13px 0 0 14px;}
	
.boxesicon {
	float:left;
	margin:12px 0 0 5px}
	
.boxestxtbox {
	width:148px;
	margin-right:15px;
	float:right;
	}
	
.boxestxtbox h2 {
	font-size:30px;
	margin:20px 0 0 0;
	padding:0;
	letter-spacing:-1px;
	
	}
	
.boxestxtbox p {
	color:#bec6ca;
	font-size:11px;
	line-height:16px;
	text-shadow:1px 1px 0 #5f6466;
	margin:10px 0 20px 0;
	}
	
/* ------- Breadcrumb ------- */

#breadcrumbbox {
	position:relative;
	margin:28px auto 0 auto;
	width:848px;
	height:35px;
	background-image:url(/images/topmiddleboxbg.jpg);}
	
#breadcrumbboxbg {
	width:848px;
	height:35px;
	background-image: url(/images/breadcrumbboxbg.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
	
#breadcrumb {
	letter-spacing:2px;
	height:27px;
	overflow:hidden;
	position:absolute;
	top:4px;
	left:15px;
	z-index:15;
	color:#949fa7;
	text-shadow: #f0f4f6 1px 1px 0px;
}

#breadcrumb a {
	font-size:11px;
	letter-spacing:normal;
	display:inline-block;
	padding:0 0 0 5px;
	background:url(/images/bred_l.png) top left no-repeat;
	color:#424951;
	text-shadow: #f0f4f6 1px 1px 0px;
}

#breadcrumb a span {
	display:inline-block;
	padding:1px 13px 6px 7px;
	background:url(/images/bred_r.png) top right no-repeat;
	color:#424951;
	text-shadow: #f0f4f6 1px 1px 0px;
}

#breadcrumb a:hover {
	text-decoration:none;
	background:url(/images/bred_l_sel.png) top left no-repeat;
	color:#fff;	
	text-shadow: #0e628a 1px 1px 0px;
	}
	
#breadcrumb a:hover span {
	background:url(/images/bred_r_sel.png) top right no-repeat;
	color:#fff;
	text-shadow: #0e628a 1px 1px 0px;
}

#breadcrumb span.bred {
	font-size:11px;
	letter-spacing:normal;
	display:inline-block;
	padding:0 0 0 5px;
	background:url(/images/bred_l_unsel.png) top left no-repeat;
	color:#4e565b;	
	text-shadow: #c4cfd6 1px 1px 0px;
}

#breadcrumb span.bred span {
	display:inline-block;
	padding:1px 13px 5px 7px;
	background:url(/images/bred_r_unsel.png) top right no-repeat;
	color:#4e565b;
	text-shadow: #c4cfd6 1px 1px 0px;
}


/* ------- Main Content ------- */

#maincontent {
	margin:0 auto;
	width:940px;
	background-image: url(/images/maincontentbg.jpg);
}

#maincontent_top {
	width:940px;
	background:url(/images/maincontent_top.jpg) no-repeat top center;
}

#maincontent_bottom {
	width:940px;
	background:url(/images/maincontent_bottom.jpg) no-repeat bottom center;
}


/* ------- content containers ------- */

.contentArea	{ position:relative; padding: 25px 15px 25px 15px; }

.contentarea_wrapper { width:900px; height:60px;}


/* ------- Portfolio 1 col ------- */

.portfolio_full {
	clear:both;
	margin-bottom:5px;
}

.portimage {
	margin:0 25px 10px 0;
	position:relative;
	float:left;
	width:290px;
	height:153px;
	background-image:url(/images/portfolioimagebg.jpg);}
	
	
.portimage img {
}

.portfolio_full .image-nav{
	margin:0px 0px 0px 0px;
	padding:0;
	list-style:none;
	overflow:hidden;
	background: none !important;
	border: none !important;
}
.portimage a {
	position:absolute;
	top:6px;
	left:7px;	
	width:277px;
	height:141px;
	float:left; 
	background:#000 url(/images/magnify.png) no-repeat center center; 
}

.content_picture_prettyphoto a {
	float:left;
	background:#000 url(/images/magnify.png) no-repeat center center; }
	
.content_picture a {
	float:left;
	background:none}


.porttext {
	width:305px;
	float:left;
	margin:10px 0 20px 0;
	color:#71767d;
	line-height:20px;
	text-shadow: #15171a 1px 1px 0px;
}
	

.porttext div.clearboth {
	margin-bottom:15px;
}

/* ------- Portfolio 2 col ------- */

.portfolio_two {
	margin:0;
	padding-bottom:25px;
}

.portfolio_two .portimage {
	margin:10px 0 0 0;
	position:relative;
	float:left;
	width:290px;
	height:153px;
	background-image:url(/images/portfolioimagebg.jpg);}
	
.portfolio_two .porttext {
	width:100%;
	float:none;
	margin:10px 0 20px 0;
	color:#71767d;
	line-height:18px;
	text-shadow: #15171a 1px 1px 0px;
}



/* ------- side navigation menu ------- */

.sideNavWrapper	{
	width:240px;
	float:right;
	background: transparent url("/images/side-navigation-repeat.png");
	margin: 10px 0 0 0;
}


ul.sideNav {
	padding: 0;
	margin: 10px 0;
	list-style-type: none;
}
ul.sideNav li {
	list-style-type: none;
	font-size: 14px;
	background: none;
	padding: 0;
	margin: 0;}
	
.sideNav li a {
	color:#a6aab3;
	display: block;
	border-bottom: 1px solid #24272c;
	border-top: 1px solid #343940;
	text-decoration: none;
	text-shadow: #000 1px 1px 0px;
	margin: 0 0 0 7px;
	padding: 5px 5px 7px 25px;

}

.sideNav li a:hover {
	color:#217da0;
}
	
.sideNav li a.top {
	border-top: none;
}

.sideNav li a.bottom {
	border-bottom: none;
}
	
.sideNav li.currentPage	{ background: transparent url("/images/side-navigation-active.png") no-repeat 0 0; }
.sideNav li.currentPage	a,
.sideNav li.currentPage a:link, .sideNav li.currentPage a:visited,
.sideNav li.currentPage a:hover, .sideNav li.currentPage a:active	{ color: #217da0; }


/* ------- Search box, Buttons and Title boxes ------- */

/* ---- Search box ---- */

.searchbox {
	position:absolute;
	top:25px;
	right:-6px;

	width:253px;
	height:47px;
	background-image:url(/images/searchboxbg.png);}
	
fieldset.search {
	border: none;
	width: 253px;
	margin: 5px 0 0 10px;
}
.search input, .search button {
	border: none;
	float: left;
}
.search input.box {
	color: #b9bdbf;
	font-size: 14px;
	width: 187px;
	height: 24px;
	line-height:24px;
	padding: 4px 5px 4px 8px;
	background: url(/images/search_bg.png) no-repeat;
	margin-right: 5px;
}
.search input.box:focus {
	color: #0ba1d5;
	background: url(/images/search_bg.png) no-repeat left -32px;
	outline: none;
}
.search button.btn {
	width: 28px;
	height: 30px;
	cursor: pointer;
	text-indent: -9999px;
	background: url(/images/search_bg.png) no-repeat top right;
}
.search button.btn:hover {
	background: url(/images/search_bg.png) no-repeat bottom right;
}
/* ---- Blog List ---- */

.bloglist {
	float:right;
	width:240px;}
	
.bloglist ul {
	margin:0px;
	padding:0px;
	
}

.bloglist ul li {
	position:relative;
	border-bottom:1px solid #191c20;
	border-top:1px solid #454b55;
	padding:10px 0;
	list-style-type: none;	
}

.bloglist ul li strong a {
	text-decoration:none;
	line-height:14px;
	color:#FFF;
	text-transform: uppercase;
	font-weight: normal;
}

.bloglist ul li strong a:hover {
	color:#d4d4d4;
}

.bloglist ul li small {
	color:#868a90;
}

.bloglist ul li small a {
	color:#b9bec5;
}

.bloglist ul li small a:hover {
	color:#217da0;
}

.bloglist ul li.top {
	border-top:none;
	padding-top:0	
}

.bloglist ul li.bottom {
	border-bottom:none;
	padding-bottom:0	
}

.commentbox {
	margin:4px 10px 0 0;
	float:left;
	text-align:center;
	width:38px;
	height:36px;
	background-image:url(/images/blogcomm_icon.png)}
	
.commentbox span {
	margin-top:7px;
	display:block;
	font-size:20px;
}

/* ---- Testimonials ---- */

.testimon {
	margin:5px;
	float:right;
	width:224px;
	height:180px;
	background-image:url(/images/testimonboxbg.png);
	background-repeat: no-repeat;
	background-position: top;

}
	
.testimon ul {
	margin:0px;
	padding:0px;

}

.testimon ul li {
	position:relative;
	list-style-type: none;
	height:250px;	
}

.testimon ul li p {
	padding:15px 15px 15px 10px;
	height:75px;
	line-height:18px;
	color:#afb4b5;
	text-shadow:#000 1px 1px;
}

.testimon ul li strong {
	display:block;
	margin:35px 0 0 0;
	line-height:18px;
	width:180px;
	color:#888d8e;
	text-shadow:#000 1px 1px;

}


/* ---- Big Button ---- */

a.bigbutton {
	float:left;
	display:block;
	font-size:18px;		
	text-decoration:none;
	padding:0 0 8px 17px;
	cursor:pointer;
	margin-right:5px;
}

a.bigbutton span {
	text-align:left;
	display:block;
	text-decoration:none;
	padding:9px 55px 8px 0;
	cursor:pointer;
}

a.bigbutton {
	background:url(/images/bigbut_l.png) top left no-repeat;

}

a.bigbutton span {
	background:url(/images/bigbut_r.png) top right no-repeat;
	text-decoration:none;
}

a.bigbutton:hover {
	background:url(/images/bigbut_l_over.png) top left no-repeat;

}

a.bigbutton:hover span {background:url(/images/bigbut_r_over.png) top right no-repeat;}

/* ---- Small Button ---- */

a.smbutton {
	float:left;
	display:block;
	font-size:14px;		
	text-decoration:none;
	padding:0px 0 3px 10px;
	cursor:pointer;
	margin:5px 10px 20px 0;
}

a.smbutton span {
	text-align:left;
	display:block;
	text-decoration:none;
	padding:5px 35px 3px 0;
	cursor:pointer;
}

a.smbutton {
	background:url(/images/smbut_l.png) top left no-repeat;

}

a.smbutton span {
	background:url(/images/smbut_r.png) top right no-repeat;
	text-decoration:none;
}


a.smbutton:hover span {background:url(/images/smbut_r_over.png) top right no-repeat;}

.smbutton{background:url(/images/smbuti.png) no-repeat;width:116px;height:21px;}
.smbutton:hover{background:url(/images/smbuti_hover.png) no-repeat;}
/* ---- Left Title Box ---- */

.main_title {
	float:left;
	margin:10px 0 10px -37px;
	background-image: url(/images/maintitlebg_l.png);
	padding:11px 0 13px 35px;
	background-repeat: no-repeat;
	background-position: left;
}

.main_title span {
	font-size:22px;
	background-image: url(/images/maintitlebg_r.png);
	padding:11px 35px 16px 0;
	background-repeat: no-repeat;
	background-position: right;
}

/* ---- Left Title Box MAIN ---- */

.main_title_light {
	position:absolute;
	left:-5px;
	background-image: url(/images/maintitlebg_l.png);
	padding:11px 0 13px 35px;
	background-repeat: no-repeat;
	background-position: left;
}

.main_title_light span {
	font-size:22px;
	background-image: url(/images/maintitlebg_r.png);
	padding:11px 35px 16px 0;
	background-repeat: no-repeat;
	background-position: right;
}

/* ---- Right Title Box ---- */

.main_title_right {
	float:right;
	margin:30px -20px 20px 0;
	background-image: url(/images/maintitle_right_bg_r.png);
	padding:11px 0 13px 0;
	background-repeat: no-repeat;
	background-position: right;
}

.main_title_right span {
	font-size:22px;
	background-image: url(/images/maintitle_right_bg_l.png);
	padding:11px 35px 16px 35px;
	background-repeat: no-repeat;
	background-position: left;
}

/* ---- Right Title Box with Buttons ---- */

.main_title_right_but {
	position:relative;
	overflow:hidden;	
	float:right;
	margin:30px -20px 20px 0;
	background-image: url(/images/maintitle_right_bg_r_but.png);
	padding:11px 0 13px 0;
	background-repeat: no-repeat;
	background-position: right;
}

span.main_title_right_but_r  {

	font-size:22px;
	background-image: url(/images/maintitle_right_bg_l.png);
	padding:11px 87px 16px 35px;
	background-repeat: no-repeat;
	background-position: left;
}

.box_rightsidebar {
	float:right;
	width:230px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #1f2328;
	border-right-color: #3b414a;
	border-bottom-color: #3b414a;
	border-left-color: #1f2328;
	padding:15px 10px 5px 10px;
}

/* ---- Image border ---- */

.content_wrapper {
	display:block;
}

.content_p2 {
	margin-bottom:18px	
}

.content_indent_left {
	float:left;
	margin:5px 20px 0 0 	
}

.content_indent_right {
	float:right;
	margin:5px 0 0 20px 	
}

.content_picture {
	background-color: #979ea1;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #adb3b6;
	padding: 5px;
	position: relative;
	display:block;
	margin-bottom:10px;
}

.content_picture_prettyphoto {
	background-color: #979ea1;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #adb3b6;
	padding: 5px;
	position: relative;
	display:block;
	margin-bottom:10px;
}

/* ---- Post Infobox ---- */

.post_infobox {
	padding:7px 0 7px 0;
	margin-bottom:10px;
	background-image: url(/images/post_infobox_bg.gif);
	background-repeat: repeat-x;
	background-position: top; 
	color:#93979e;
	font-size:11px;
	text-shadow: #15171a 1px 1px 0px;
	line-height:22px;
	}
	
.post_infobox img {
	margin:0 5px -2px 10px;
	}
	
.post_infobox img.first {
	margin:0 5px -2px 3px;
	}
	
.post_infobox a {
	color:#fff;
	text-shadow: #15171a 1px 1px 0px;
	}
	
.post_infobox a:hover {
	color:#fff;
	text-decoration:underline;
	}
	
/* ------- Blog Post ------- */

.post_user {
	padding:25px 10px 3px 10px;
	margin:40px 0 0;
	position:relative;
	overflow:hidden;
	background-image: url(/images/blogpost_topbg.png);
	background-repeat: repeat-x;
	background-position: top;
}

.post_user .title {
	font-size:24px;
	letter-spacing:-0.7px;
}

.post_user p {
	font-size:11px;
	line-height:16px;
	margin-bottom:0px;
}

a.all {
	float:left;
	display:block;
	padding:2px 20px 2px 7px;
	font-size:11px;
	margin:10px 0 0 -5px;
	text-shadow:none;
}

a.all {
	background:url(/images/more.gif) right 10px no-repeat;
}

a.all:hover {
	background:#217da0 url(/images/more_sel.gif) right 10px no-repeat;
	color:#292c33;
}

a.all_post {
	background:url(/images/more.gif) right 8px no-repeat;
	color:#2cbffe;
}

a.all_post:hover {
	background:#3dc0f7 url(/images/more_sel.gif) right 8px no-repeat;
	color:#fefffe;
}



ol.commentlist li {
	margin:0px;
	list-style-type: none;
}

ol.commentlist ul li {
	list-style-type: none;
}

ol.commentlist {
	list-style:none;
	padding:0;
	margin:0 0 10px;
}

.comment li {
	padding:0;
	margin:0;
	
}

.comment span.dati {
	font-size:11px;
	position:absolute;
	display:block;
	top:10px;
	right:0px;
	padding:0 7px;
	border-top:1px solid #1f2328;
	border-bottom:1px solid #3b414a;
	border-left:1px solid #1f2328;
	border-right:1px solid #3b414a;
	color:#71767d;
	text-shadow: #15171a 1px 1px 0px;
	
}

#comments {
	margin:10px 0 0 0;
	padding:9px 0 3px 5px;
	border-top:1px solid #1f2328;
	border-bottom:1px solid #3b414a;}

#comments h4 {
	color:#888d8e;
	margin:0px;
	padding:0px;
}

.children {
	list-style:none;
	padding:0 0 0 40px;
	margin:0;
}

.post_user_comm {
	padding:15px 10px 20px 10px;
	margin:10px 0 0;
	position:relative;
	overflow:hidden;
	border-bottom:1px solid #3b414a;

}

.post_user_comm .title {
	font-size:24px;
	letter-spacing:-0.7px;
}

.post_user_comm p {
	font-size:11px;
	line-height:16px;
	margin-bottom:0px;
}

/* ---- Contact box ---- */

.contact_mapbox {
	position:relative;
	width:258px;
	height:259px;
	background-image:url(/images/mapboxbg.png);}

.contact_mapbox iframe {
	position:absolute;
	top:17px;
	left:12px;
}


/* ---- Right Title Arrows ---- */

.widget  {
	position:absolute;
	top:10px;
	right:9px;
}

.widget span {
	display:block;
	width:25px;
	height:24px;
	float:left;
	padding:0;
	margin:0 3px 0 0;
	cursor:pointer;
	text-indent:-9999px;
}


.widget span.prev_test, .widget span.prev_test2 {background:url(/images/test_prev.png)}

.widget span.next_test, .widget span.next_test2 {background:url(/images/test_next.png)}

.widget span.prev_test:hover, .widget span.prev_test2:hover {background:url(/images/test_prev_sel.png)}

.widget span.next_test:hover, .widget span.next_test2:hover {background:url(/images/test_next_sel.png)}

.buttonontopbox {
	width:960px;
	margin:0 auto;
	position:relative;}
	
.buttonontopbox img {
	left:440px;
	bottom:0px;
	position:absolute;
}

/* ------- Pagination ------- */

.pagination {
	margin-top:5px;
	margin-left:10px;
	padding:15px 0 0 7px;
	overflow:hidden;
	background-image: url(/images/post_infobox_bg.gif);
	background-repeat: repeat-x;
	background-position: top;
}

#pagesBlock1, #pagesBlock2 {display:none;}
.swchItemA {
 font-weight:normal;
 background:url("/images/pagin_hover.png");
 margin-right:3px;
 background-repeat: no-repeat;
 background-position: left top;
 color:#000 !important;
 text-shadow:#209cce 1px 1px;
 display:block;
 float:left;
 padding:3px 11px 4px 10px;
 text-decoration:none;
}
.catPages1 a, .catPages1 a:link, .swchItem, .swchItem a:link {
 display:block;
 float:left;	
 background-color: #292d33;
 color:#7b8087;
 text-shadow:#191c20 1px 1px;
 padding:3px 11px 4px 10px;
 text-decoration:none;
 margin-right:3px;
}
.swchItem:hover {
 color:#000;
 text-shadow:#209cce 1px 1px;
 display:block;
 padding:3px 11px 4px 10px;
 text-decoration:none;
 margin-right:3px;
 background-image: url(/images/pagin_hover.png);
 background-repeat: no-repeat;
 background-position: left top;
}

.pagin_arrow, .pagin_arrow:hover {
	padding:0 !important;
	margin:-3px -11px 0px -10px !important;
	border:0 !important;
	background:none !important;
}


/* ------- Footer ------- */

#footer {
	margin-bottom:10px;
	height:319px;
	background-image: url(/images/footermainbg.png);
	background-repeat: repeat-x;
	background-position: bottom;
}

#footermainbox {
	margin:0 auto;
	width:896px;
	height:250px;
	background-image:url(/images/footermainboxbg.png);

}

#footerbottom {
	position:relative;
	margin:0 auto;
	width:920px;
	height:69px;
	background-image:url(/images/footerbottombg.png);
}
	
#footerbottom div {
	color:#ffffff;
	font-size:11px;
	display:block;
	top:27px;
	left:40px;
	text-shadow:1px 1px 0 #4b5256;
}

#footerbottom div a {
	color:#55d0f4;
	text-decoration:none;
}

#footerbottom div a:hover {
	text-decoration:none;
}

.foot_l{float:left;margin-left:40px;margin-top:27px}
.foot_r{float:right;padding-top:31px;margin-right:40px}
.foot_l img, .foot_r img{margin-top:-5px !important}
	
/* ------- Footer widgets ------- */
	
#footer-widget-first {
	margin:20px 0 0 30px;
	padding:0 20px 0 0;
	width:150px;
	height:210px;
	float:left;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #373d47;
}

#footermainbox h3 {
	letter-spacing:-0.5px;
	margin:0 0 15px 0;
	padding:0px;
	font-size:22px;
	color:#0CF;}
	
#footer-widget-first ul {
	padding:0px;
}

#footer-widget-first ul li {
	padding:4px 0 4px 5px;
	border-top:1px solid #2a2f38;
	border-bottom:1px solid #000;
}

#footer-widget-first ul li.first {
	border-top:none;
}

#footer-widget-first ul li.last {
	border-bottom:none;
}

#footer-widget-first ul li a {
	font-size:12px;
	color:#797e88;
}

#footer-widget-first ul li a:hover {
	color:#217da0;
}

#footer-widget-first ul li a.active {
	color:#fff;
}

#footer-widget-second {
	margin:20px 0 0 15px;
	padding:0 10px 0 0;
	width:250px;
	height:210px;
	float:left;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #373d47;
}

#footer-widget-second ul li {
	font-size:11px;
	line-height:16px;
	color:#c0c0c0;
	padding-bottom:10px;
	margin-left:0px;
	padding-left:0px;
}

#footer-widget-second ul li small {
	margin-bottom:10px;

}

#footer-widget-third {
	margin:20px 0 0 15px;
	padding:0 20px 0 0;
	width:150px;
	height:210px;
	float:left;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #373d47;
}

#footer-widget-third ul {
	padding:0px;
}

#footer-widget-third ul li {
	padding:4px 0 4px 5px;
	border-top:1px solid #2a2f38;
	border-bottom:1px solid #000;
}

#footer-widget-third ul li.first {
	border-top:none;
}

#footer-widget-third ul li.last {
	border-bottom:none;
}

#footer-widget-third ul li a {
	font-size:12px;
	color:#797e88;
}

#footer-widget-third ul li a:hover {
	color:#217da0;
}

#footer-widget-third ul li a.active {
	color:#fff;
}

#footer-widget-fourth {
	margin:20px 0 0 15px;
	padding:0 20px 0 0;
	width:190px;
	height:210px;
	float:left;
}

#footer-widget-fourth ul {
	padding:0px;
}

#footer-widget-fourth ul li {
	color:#797e88;
	padding:4px 0 4px 5px;
}

#footer-widget-fourth ul li img {
	margin:0 10px -2px 0;

}

.social-links {
	margin:0px; padding:0px;}

.social-links  {list-style:none; list-style-position:outside; border:none; float:left; margin:0px; padding:0px;}

.social-links img   {
	margin:0px;}
	
/*--  MENU  --*/
#topmenu {
	position:absolute;
	right:10px;
	top:30px;
} 

/* menu::base */
div#menu {
    height: 61px;
    padding-left: 13px;
    background: url(/images/menu/left.png) no-repeat;
    width:auto;
}

div#menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
}
div#menu ul.menu {
    padding-right: 13px;
    background: url(/images/menu/right.png) no-repeat right 0;
  
}

div#menu li {
	
    position: relative;
    margin: 0;
    padding: 0 0px 0 0;
    display: block;
    float: left;
    z-index: 9;
    width: auto;
}



div#menu ul ul li {
    z-index: 9;
}


div#menu li div {	
    list-style: none;
    float: left;
    position: absolute;
    z-index: 11;
    top: 52px;
    left: 0;
	display:none;
	margin: 0px 0 0 -4px;
    padding: 14px 0 0 0; 
    background: url(/images/menu/subsubmenu-top.png) no-repeat 0px 0;

}



div#menu ul ul {
	 z-index: 12;
    padding: 5px 4px 15px 4px;
    background: url(/images/menu/submenu-bottom.png) no-repeat 0px bottom;   
    margin: 10px 0 0 0;    
}
div#menu li:hover>div {
	display:block;

	
}

div#menu a {
	font-size:17px;
    position: relative;
    z-index: 10;
    height: 61px;
    display: block;
    float: left;
    line-height: 50px;
    text-decoration: none;
    margin-top: 1px;
    white-space: nowrap;
    width: auto;
    padding-right:5px;
    text-align:center;
}
div#menu span {
	display:block;
    margin-top: 20px;
    padding-left: 20px;
    color: #fff;
    background: none;
    line-height: 50px;	
    display: block;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 95% 0;
    text-align: center;
}

/* menu::level1 */
div#menu a {
	display:block;	
    padding: 0 10px 0 0;
    line-height: 50px;
    height: 61px;
    margin-right: 5px;
    background: none;
    text-transform: uppercase;
}

div#menu ul ul {
	display:block;	
    padding: 0 5px 22px 5px;
}


div#menu a:hover {
    background:  url(/images/menu/selected-right-sub.png)  no-repeat right -1px;
}
div#menu a:hover span {
    background: url(/images/menu/selected-left-sub.png) no-repeat 0 -3px;
}
div#menu li.current a,
div#menu ul.menu>li:hover>a {
    background: url(/images/menu/selected-right-sub.png)  no-repeat right -1px;
}
div#menu li.current a span,
div#menu ul.menu>li:hover>a span {
    background: url(/images/menu/selected-left-sub.png) no-repeat 0 -3px;
}

div#menu ul.menu>li:hover>a span {
	  color: #24c9ff;
}
div#menu li {  }
div#menu li.last { background: none; }

/* menu::level2 */


div#menu ul ul li {
    background: none;
    padding: 2px 0;
}
div#menu ul ul a {
    padding: 0px;
    height: auto;
    float: none;
    display: block;
    line-height: 25px;
    font-size:16px;
    color: #000;
    z-index: -1;
    padding-left: 5px;
    white-space: normal;
    width: 179px;
    margin: 0 8px;
    text-transform: none;
}
    
div#menu ul ul a span {
	 padding: 5px 5px 2px 5px;
    line-height: 25px;
    font-size:16px;
}
div#menu li.current ul a,
div#menu li.current ul a span {
    background:none;
}
div#menu ul ul a:hover {
	background:none;
	background-color: #e4e4e4;
}

div#menu ul ul li.blue a:hover {background-color: #87d0ff;}
div#menu ul ul li.green a:hover {background-color: #a3ff87;}
div#menu ul ul li.orange a:hover {background-color: #ffd987;}
div#menu ul ul li.red a:hover {background-color: #ff8787;}
div#menu ul ul li.amaranthine a:hover {background-color: #ed87ff;}

div#menu ul ul a:hover span {
	background:none;
	color: #24c9ff;
}
div#menu ul ul a.parent {
	margin-bottom:-20px;
	background: url(/images/menu/submenu-pointer.png) no-repeat right bottom;
}
div#menu ul ul a.parent span {
  background:none; 
}
div#menu ul ul a.parent:hover {
  background: url(/images/menu/submenu-pointer.png) no-repeat right bottom;
  background-color: #e4e4e4;
}
div#menu ul ul a.parent:hover span {
  background:none; 
}

div#menu ul ul span {	
    margin-top: 0;
    text-align: left;
}
div#menu ul ul li.last { background: none; }
div#menu ul ul li {
    width: 100%;
}

/* menu::level3 */
div#menu ul ul div {
    width: 210px;
    padding: 0;
    margin: -75px 0 0 100px !important;
}
div#menu ul ul ul {
	margin-top:24px;
    padding: 10px 5px 15px 5px;	
}
div#menu ul ul div li {
    position:relative;
    top:-10px;
}

/* lava lamp */
div#menu li.back {
    background: url(/images/menu/selected-left-sub.png) no-repeat 0 0;
    width: 5px;
    height: 61px;
    z-index: 8;
    position: absolute;
    padding: 0;
    margin: 0px 0 0 0;
}

div#menu li.back .left {
    padding:0;
    width:auto;
    background: url(/images/menu/selected-right-sub.png) no-repeat right 0;
    height: 61px;
    margin: 0 0 0 5px;
    float: none;
    position: relative;
    top: 0;
    left: 0;
	display:block;
}

/*--  PRELOAD  --*/
.exampleA {background-image: url(/images/3boxesbg.png);}
.exampleB {background-image: url(/images/bigbut_l_over.png);}
.exampleC {background-image: url(/images/bigbut_r_over.png);}
.exampleD {background-image: url(/images/smbut_r_over.png);}
.exampleE {background-image: url(/images/test_prev_sel.png);}
.exampleF {background-image: url(/images/test_next_sel.png);}

/*--  TIPTIP  --*/
#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

#tiptip_holder.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
	padding-top: 5px;
}

#tiptip_holder.tip_right {
	padding-left: 5px;
}

#tiptip_holder.tip_left {
	padding-right: 5px;
}

#tiptip_content {
	font-size: 11px;
	color: #fff;
	text-shadow: 0 0 2px #000;
	padding: 4px 8px;
	background: #000;
	border: 1px solid rgba(255,255,255,0.25);
	background: rgb(25,25,25);
	background: rgba(25,25,25,0.92);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0 3px #555;
	-webkit-box-shadow: 0 0 3px #555;
	-moz-box-shadow: 0 0 3px #555;
}

#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #fff;
	border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #fff;
	border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #fff;
	border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #fff;
	border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: rgb(25,25,25);
	border-top-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgb(25,25,25);
	border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(25,25,25);
	border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(25,25,25);
	border-left-color: rgba(25,25,25,0.92);
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	#tiptip_content {
		padding: 4px 8px 5px 8px;
		background-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { 
		border-bottom-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner { 
		border-top-color: rgba(20,20,20,0.92);
	}
}

#bbcodes{margin-bottom:10px}
#fsize, #fcolor{display:none}
.codeButtons{
 -webkit-border-radius:8px;
 border-radius:8px;
 -moz-border-radius:8px;
 margin-right:6px;
 padding:5px 7px 5px 7px;
 background:#217da0;
 color:#e8e9e9;
 cursor:pointer;
 border:none;
}
.codeButtons:hover{background:#29b4e9}
.manTable{width:620px}
.manFlSbm, .manFlRst, .postPreview, .postSubmit, .postReset, .pollSubmitBut, .pollreSultsBut, #sbt47 {
 -webkit-border-radius:4px;
 border-radius:4px;
 -moz-border-radius:4px;
 border:none;
 background:#217da0;
 color: #e8e9e9;
 cursor: pointer;
 font-family: "tahoma";
 font-size: 11px;
 font-weight: 700;
 height: 22px;
 margin-right: 10px;
 padding-bottom: 2px;
}
.codesec{height:20px;width:50px!important;float:left;margin:6px 10px 5px 0}
.ucontainer .pbarContainer{top:-47px;right:20px;}
#sFltLst, #uCatsMenu7{top:auto !important;left:auto !important;}
.modpan{float:right;margin-top:10px}
.x-unselectable{border:1px solid #b9bdbf!important}
.u-comboeditcell, .u-combolist{background-color:#202328!important;color:#b9bdbf!important;}
.u-combolist{margin-left:-1px}
.x-selectable{color:#b9bdbf!important}
.successText{color:#b9bdbf!important}
.sec_gb, .sec_com{margin-bottom:10px}
.sec_com input{height:28px}
.sec_gb img{margin-bottom:-12px!important}
.securityCode{height:18px}
.searchSbmFl{
 background:#217da0;
 border:none;
 color:#b9bdbf;
 height:40px;
 cursor:pointer;
 -webkit-border-radius:4px;
 border-radius:4px;
 -moz-border-radius:4px;
}
.searchSbmFl:hover{background:#248eb6;}

.ph_img img{width:207px;height:136px;border:3px solid #e5e5e5 !important;}
#portfolio-items { padding-bottom: 20px; margin-left: 55px; margin-top: 20px; }
#portfolio-items .item { position: relative; background: url(/images/item-bottom-shadow.png) no-repeat bottom left; padding-bottom: 5px; float: left; margin: 0px 33px 32px 0px; }
.item-image { position:relative; top:0; }
.item-image span.overlay { position: absolute; top: 3px; left: 3px; background: url(/images/item-overlay.png) no-repeat; width: 207px; height: 136px; }
a.zoom-icon, a.more-icon { display: block; width: 61px; height: 61px; text-indent: -9999px; position: absolute; top: 41px; }
a.zoom-icon { left: 31px; background: url(/images/zoom-icon.png) no-repeat; }
a.more-icon { left: 128px; background: url(/images/readmore-icon.png) no-repeat; }
.photoActive{border:2px solid #217da0 !important}
.photoActive, .otherPhoto{width:175px}
.near_photos{margin:10px 0}

#uNetRegF input[type="text"], #uNetRegF input[type="password"] {
 -webkit-border-radius:4px;
 border-radius:4px;
 -moz-border-radius:4px;
 background:#202328;
 border:none;
 width:400px!important;
 color: #b9bdbf;
 font-size: 14px;
 height: 24px;
 line-height:24px;
 padding: 8px 10px 9px 8px;
}