/*Dark Style*/

* {
	margin: 0;
	padding: 0;
}


body {
	font-size:12px;
	color:#fff;
	font-family: Tahoma, Verdana, sans-serif;
	background:#050505 url(/content/images/dark/bg.jpg) no-repeat;
}

a:link,
a:visited {
	color:#7f42c5;
	outline: none;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

a span {
	cursor:pointer;
}

img {
	border: none;
}
input {
	vertical-align: middle;
}
#wrapper {
	width: 100%;
	min-width: 900px;
}

.clr {
	clear:both;
}

/* Header
-----------------------------------------------------------------------------*/

#header {
	position:relative;
	height: 115px;
}

.TopNav {
	width:360px;
	float:left;
	padding:40px 0 0 22px;
}

.TopNav ul {
	list-style:none;
}

.TopNav ul li {
	float:left;
}

.TopNav ul li a:link,
.TopNav ul li a:visited {
	display:block;
	float:left;
	color:#fff !important;
}

.TopNav ul li.active a,
.TopNav ul li a:hover {
	background:url(/content/images/dark/topnavRight.jpg) right top  no-repeat;
	text-decoration:none !important;
}

.TopNav ul li a span {
	display:block;
	float:left;
	height:22px;
	padding:6px 10px 0 10px;
}
.TopNav ul li.active a span,
.TopNav ul li a:hover span {
	background:url(/content/images/dark/topnavLeft.jpg) left top  no-repeat;
	text-decoration:none;
}
 
.Calc {
	width:300px;
	float:left;
	padding:45px 0 0 0px;
	text-align:left;
	position:relative;
}


#calctable {
	display:none;
	width:400px;
	left:0px;
	top:80px;
	position:absolute;
	text-align:left;
	background:#7d4bbd;
	padding:20px;
	z-index:999;
	color:#fff;
}

#calctable p {
	padding:10px 0;
}

.calctableInner {
	position:relative;
}

#calctable .x {
	width:17px;
	height:17px;
	right:5px;
	top:5px;
	position:absolute;
}

#calctable  a:link,
#calctable  a:visited {
	color:#fff !important;
	background:none;
}

.screen_med .Calc {
	float:none;
	position:absolute;
	top:80px;
	left:25px;
	padding:0;
}

.screen_med  #calctable {
	top:20px;
}
 
.Calc  a:link,
.Calc  a:visited  {
	text-decoration:none !important;
	color:#fff !important;
	background:url(/content/images/dark/calc.jpg) left top  no-repeat;
	padding:0 0 2px 20px;
	display:inline-block;
	vertical-align:top;
}

.Calc  a:hover span{
	background:none;
}

.Calc  a span {
	background:url(/content/images/dark/line.jpg) left bottom  repeat-x;
}


.Color {
	width:230px;
	position:absolute;
	top:10px;
	right:10px;
}

.Color ul {
	list-style:none;
}

.Color ul li {
	float:left;
}

.Color ul li a:link,
.Color ul li a:visited {
	display:block;
	float:left;
	color:#fff !important;
	width:109px;
	height:42px;
	padding:29px 0 0 0;
	text-align:center;
	text-decoration:none;
}

.Color ul li a span {
	background:url(/content/images/dark/line.jpg) left bottom  repeat-x;
}

.Color ul li a:hover span {
	background:none;
}

.Color ul li.dark {
	background:url(/content/images/dark/ColorActive.jpg) left top no-repeat;
}

.Color ul li.dark a {
	
	background:none;
	color:#09040c;
	text-decoration:none !important;
}

.Color ul li.dark a span {
	background:none;
}

.MyClients {
	height:72px;
	margin:0 64px 0 46px;
	border-top:1px solid #3c215c;
	border-bottom:1px solid #3c215c;
	position:relative;
	z-index:0;
}
 
.MainContent {
	margin:15px 64px 20px 46px;
	padding:0 0 20px 0;
	background:#0b080e;
}

.MainContent h2 {
	font-size:16px;
	font-weight:normal;
	padding:20px 0 15px 25px;
	color:#7d4bbd;
}

.MainContent p {
	padding:5px 25px;
	font-size:12px;
	color:#fff;
	line-height:1.4;
}

.MainContent ul {
	list-style:none;
	padding-left:25px;
	padding-top:15px;
	padding-bottom:15px;
}

.MainContent ul li {
	margin:10px 0;
}
.MainContent
.MainContent ul li a:hover {
	color:#fff;
	text-decoration:none;
}

.MainContent form  p{
	padding:5px 25px 10px 25px !important;
	margin:0 !important;
}

.MainContent form label {
	display:inline-block;
	vertical-align:top;
	margin:0 0 4px 0;
}

.MainContent form textarea {
	width:492px;
	height:64px;
	background:url(/content/images/dark/textarea.gif) repeat-x;
	border:1px solid #d9d9d9;
	overflow:hidden;
}

.MainContent .inputbox {
	height:17px;
	background:#fff url(/content/images/dark/inputbox.gif) repeat-x;
	border:1px solid #d9d9d9;
}

.MainContent form .button {
	width:109px;
	height:26px;
	background:#fff url(/content/images/dark/button.gif) no-repeat;
	border:none;
	color:#000;
	cursor:pointer;
}

.MainContent form .button::-moz-focus-inner { border: 0;  padding: 0;}

.TitlePortfolio {
	font-size:16px !important;
	color:#7d4bbd !important;
	text-align:center;
	padding:10px 0 0 0 !important;
}

.PortBlock {
	text-align:center;
	padding:10px 0;
}

.PortBlock a {
	display:block;
	height:200px;
	background-repeat:no-repeat;
	background-position:center top;
}

 /* Sidebar Left
-----------------------------------------------------------------------------*/

#sideLeft {
	float: left;
	width: 300px;
	margin-left: -100%;
	position: relative;
	padding:30px 0 0 0;
}

.logo {
	color:#fff;
	font-size:12px;
	text-align:center;
	width:212px;
	margin:0 auto;
} 

.logo a {
	display:block;
	width:212px;
	height:16px;
	background:url(/content/images/dark/logo.png) no-repeat;
}

.LetfBlock {
	margin-top:475px;
}

.LetfBlock .contact {
	
}

.contact  {
	color:#7f42c5
}

.contact .label {
	text-align:right;
	display:inline-block;
	vertical-align:top;
	width:75px;
	color:#fff;
}

.forClients {
	margin:5px 0 0 73px;
	padding-left:4px;
	border-left:2px solid #7f42c5;
}

.LeftNav {
	margin:43px 0 0 73px;
}

.LeftNav ul {
	list-style:none;
}

.LeftNav ul li {
	margin:10px 0;
}

.LeftNav ul li a:hover {
	color:#fff;
	text-decoration:none;
}

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

#middle {
	width: 100%;
	height: 1%;
}
#middle:after {
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}

#container {
	width: 100%;
	float: left;
	overflow: hidden;
	
}
#content {
	padding: 0 0 0 300px;
}


.jcarousel-skin-tango .jcarousel-container-horizontal {
    padding: 12px 40px 10px 0 ;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    height: 50px;
	z-index:0;
}

.jcarousel-skin-tango .jcarousel-item {
    padding:0 25px;
    height: 50px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top:0px;
    right: 0px;
    width: 57px;
    height: 66px;
    cursor: pointer;
    background: transparent url(/content/images/dark/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 57px;
    height: 66px;
    cursor: pointer;
    background: transparent url(/content/images/dark/prev-horizontal.png) no-repeat 0 0;
}

#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background:#391c4d !important;
}