@charset "utf-8";

body { margin:0; padding:0; width:100%; background:#ebebeb; }

html { padding:0; margin:0;}



a { text-decoration:none;}

a:hover { text-decoration:underline;}



.main { padding:0; margin:0 auto;}

.blok_header {

	margin:0;

	padding:0;

	background:#ebebeb url(images/header_bg.gif) top repeat-x;

	height: 99px;

}

.header {

	width:960px;

	margin:0 auto;

	padding:0;

	height: 100px;

}



.logo { padding:0; margin:0; width:359px; float:left;}



.menu { padding:30px 0 0 0; margin:0 auto; width:600px; float:right; }

.menu ul { text-align: right;  padding:0; margin:0; list-style:none; border:0; float:right;}

.menu ul li { float:left; margin:0; padding:0 5px; border:0;}

.menu ul li a {

	float:left;

	margin:0;

	padding:12px 0;

	color:#FFFFFF;

	font:normal 12px Arial, Helvetica, sans-serif;

	text-decoration:none;

}

.menu ul li a span { padding:12px 9px; background:none;}

.menu ul li a:hover { text-shadow: #000 1px 1px 2px; font-size: 13px; background: url(images/r_menu2.gif) no-repeat right;}

.menu ul li a:hover span {   background:url(images/l_menu2.giaf) no-repeat left;}

.menu ul li a.active {  background:url(images/r_menu2.gif) no-repeat right;}

.menu ul li a.active span {   background:url(images/l_menu2.giaf) no-repeat left;}



.search { padding:15px 0 5px 0; margin:0 auto; width:320px;}

.search form { display:block; float:left; padding:0;}

.search span { display:block; float:left; background: url(images/search_bg.gif) left top no-repeat; width:263px; padding:0 5px 0 0; height:33px;}

.search form .keywords { line-height:14px; height:17px; float:left; background: url(images/search_bg.gif) left top no-repeat; border:0;  padding:8px 5px; margin:0; font:normal 12px Arial, Helvetica, sans-serif; color:#6c6c6c;}

.search form .button { float:left; margin:0; padding:0;}



.header_text_bg {

	margin:0;

	padding:19px 0 0 0;

	background: url(images/header_text_bg.gif) top repeat-x;

	height:420px;

}

.header_text_bg2 { margin:0; padding:19px 0 0 0; background: url(images/header_text_bg2.gif) top repeat-x; height:118px;}

.header_text2 { margin:0 auto; padding:5px 10px; width:938px;}

.header_text2 h2 { width:280px; float:left; margin:0; padding:20px 0 0 20px; font: bold 30px Arial, Helvetica, sans-serif; color:#fff;}

.header_text2 p { width:350px; float:right; margin:0; padding:20px 0 0 0; font: normal 12px Arial, Helvetica, sans-serif; color:#686868;}



.header_text { margin:0 auto; padding:5px 10px; width:938px; background:#272727; border:1px solid #373737; }

.header_text h2 { font: normal 14px Arial, Helvetica, sans-serif; color:#989797; padding:5px 0; margin:0;}

.header_text h2 span { font: normal 11px Arial, Helvetica, sans-serif; color:#5e5e5e;}

.header_text img { float:right; margin:0; padding:5px 0 0 0;}



.cu3er_resize { width:960px; margin:0 auto; padding:10px 0 50px 0; background:url(images/banner_bg.png) no-repeat bottom; }

#cu3er-container { width:960px; outline:0;}



.body_resize { margin:0; padding:0;  background:#fff;}

.body { width:930px;  margin:0 auto; padding:10px 10px;}

.body h2 {

	font: bold 18px Arial, Helvetica, sans-serif;

	color:#0066FF;

	margin:0;

	padding:10px 5px;

}

.body h2 span { display:block; font: normal 11px/1.6em Arial, Helvetica, sans-serif; color:#7d7d7d;}

.body img { float:left; padding:0; margin:10px 5px;}

.body img.portf { margin:5px auto; padding:0;}

.body img.floated { float:right; padding:0; margin:10px 5px;}

.body p {

	font:normal 12px Arial, Helvetica, sans-serif;

	color:#333333;

	line-height:1.8em;

	padding:5px 5px;

	margin:0;

}

.body p.grey { color:#565656;}

.body strong {

	color:#000000;

}

.body p span { color:#4a8094; font: normal 11px Arial, Helvetica, sans-serif; line-height:1.8em;}

.body a {

	text-decoration:none;

	color:#0033CC;

	line-height:1.8em;

	font: bold 12px Arial, Helvetica, sans-serif;

}

.right {

	width:320px;

	float:left;

	padding:3px 10px;

	margin:0;

}

.left { width:560px; float:left; padding:5px 10px; margin:0;}

.block {

	width:255px;

	float:left;

	margin:10px;

	padding:0;

	color: #FF6600;

}

.port { padding:5px 10px;}

.port_resize { width:282px; float:left; margin:0; padding:10px 5px;}



.FBG { background:#f5f5f5; border-top:1px solid #e6e6e6; margin:0; padding:0;}

.FBG_resize { width:930px; margin:0 auto; padding:20px 10px;}

.FBG_resize p {

	font: normal 11px Arial, Helvetica, sans-serif;

	color:#333333;

	padding:5px;

	margin:0;

	line-height:1.8em;

}

.FBG_resize ul { list-style:none; margin:10px auto; padding:0;}

.FBG_resize li {

	background:url(images/ul_li.gif) left no-repeat;

	padding:3px 0 3px 15px;

	margin:0;

	font: normal 11px Arial, Helvetica, sans-serif;

	color:#333333;

}

.FBG_resize a { color:#2a2a2a; font: bold 11px Arial, Helvetica, sans-serif;}

.FBG_resize h2 { font: bold 14px Arial, Helvetica, sans-serif; color:#2a2a2a; padding:5px; margin:0;}

.FBG_resize .right {

	width:275px;

	float:right;

	margin:0;

	padding:10px 10px;

}

.FBG_resize .left { width:150px; float:right; margin:0; padding:10px 10px;}



.footer {padding:0;  margin:0; background:url(images/footer_bg.gif) top repeat-x;}

.footer_resize { width:1230px; margin:0 auto; padding:0 10px;}

.footer p { font:normal 11px  Arial, Helvetica, sans-serif; color:#6d6d6d;}

.footer a { font:normal 11px Arial, Helvetica, sans-serif; color:#7a7a7a; text-decoration:none; padding:5px; margin:0;}

.footer img { margin:0; padding:0; float:left;}

.footer p.leftt { text-align:left; width:50px; margin:0; padding:15px 0 0 0; float:right;} 



#contactform { margin:0; padding:5px 10px;}

#contactform * { color:#F00;}

#contactform ol { margin:0; padding:0; list-style:none;}

#contactform li { margin:0; padding:0; background:none; border:none; display:block; clear:both;}

#contactform li.buttons { margin:5px 0 5px 0;}

#contactform label { margin:0; width:110px; display:block; padding:10px 0; color:#5e5e5e; font: bold 12px Arial, Helvetica, sans-serif; text-transform:capitalize; float:left;}

#contactform label span { color:#F00;}

#contactform input.text { width:200px; border:1px solid #e8e8e8; margin:10px 0; padding:5px 2px; height:16px; background:#fff; float:left;}

#contactform textarea { width:410px; border:1px solid #e8e8e8; margin:10px 0; padding:2px; background:#fff; float:left;}

#contactform li.buttons input { padding:3px 0 3px 110px; margin:0; border:0; color:#FFF; float:left;}

p.response { text-align:center; color:#F00; font: normal 11px  Georgia, "Times New Roman", Times, serif; line-height:1.8em; width:auto;}



p.clr, .clr { clear:both; padding:0; margin:0;}

li.bg, .bg { clear:both; border-bottom:1px solid #dedede; padding:10px 0 0 0; margin:0 0 10px 0; background:none; list-style:none;}



/* Main */

#menu {

    width: 100%;

    margin: 0;

    padding: 10px 0 0 0;

    list-style: none;  

    background-color: #111;

    background-image: linear-gradient(#444, #111);

    border-radius: 0px;

    box-shadow: 0 2px 1px #9c9c9c;

}



#menu li {

    float: left;

    padding: 0 0 10px 0;

    position: relative;

}



#menu a {

    float: left;

    height: 25px;

    padding: 0 20px;

    color: #999;

    text-transform: uppercase;

    font: bold 12px/25px Arial, Helvetica;

    text-decoration: none;

    text-shadow: 0 1px 0 #000;

}



#menu li:hover > a {

    color: #fafafa;

}



html #menu li a:hover { /* IE6 */

    color: #fafafa;

}



#menu li:hover > ul {

    display: block;

}



/* Sub-menu */

#menu ul {

    list-style: none;

    margin: 0;

    padding: 0;    

    display: none;

    position: absolute;

    top: 35px;

    left: 0;

    z-index: 99999;    

    background-color: #444;   

    background-image: linear-gradient(#444, #111);    

    -moz-border-radius: 5px;

    border-radius: 5px;

}



#menu ul li {

    float: none;

    margin: 0;

    padding: 0;

    display: block;  

    box-shadow: 0 1px 0 #111111, 

                0 2px 0 #777777;

}



#menu ul li:last-child { 

    box-shadow: none;    

}



#menu ul a {    

    padding: 10px;

    height: auto;

    line-height: 1;

    display: block;

    white-space: nowrap;

    float: none;

    text-transform: none;

}



*html #menu ul a { /* IE6 */   

    height: 10px;

    width: 150px;

}



*:first-child+html #menu ul a { /* IE7 */    

    height: 10px;

    width: 150px;

}



#menu ul a:hover {

    background-color: #0186ba;

    background-image: linear-gradient(#04acec, #0186ba);

}



#menu ul li:first-child a {

    border-radius: 5px 5px 0 0;

}



#menu ul li:first-child a:after {

    content: '';

    position: absolute;

    left: 30px;

    top: -8px;

    width: 0;

    height: 0;

    border-left: 5px solid transparent;

    border-right: 5px solid transparent;

    border-bottom: 8px solid #444;

}



#menu ul li:first-child a:hover:after {

    border-bottom-color: #04acec; 

}



#menu ul li:last-child a {

    border-radius: 0 0 5px 5px;

}



/* Clear floated elements */

#menu:after {

    visibility: hidden;

    display: block;

    font-size: 0;

    content: " ";

    clear: both;

    height: 0;

}



* html #menu             { zoom: 1; } /* IE6 */

*:first-child+html #menu { zoom: 1; } /* IE7 */



/* `XHTML, HTML4, HTML5 Reset

----------------------------------------------------------------------------------------------------*/



a,

abbr,

acronym,

address,

applet,

article,

aside,

audio,

b,

big,

blockquote,

body,

canvas,

caption,

center,

cite,

code,

dd,

del,

details,

dfn,

dialog,

div,

dl,

dt,

em,

embed,

fieldset,

figcaption,

figure,

font,

footer,

form,

h1,

h2,

h3,

h4,

h5,

h6,

header,

hgroup,

html,

i,

iframe,

img,

ins,

kbd,

label,

legend,

li,

mark,

menu,

meter,

nav,

object,

ol,

output,

p,

pre,

progress,

q,

rp,

rt,

ruby,

s,

samp,

section,

small,

span,

strike,

strong,

sub,

summary,

sup,

table,

tbody,

td,

tfoot,

th,

thead,

time,

tr,

tt,

u,

ul,

var,

video,

xmp {

  border: 0;

  margin: 0;

  padding: 0;

  font-size: 100%;

}



html,

body {

  height: 100%;

}



article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

menu,

nav,

section {

/*

  Override the default (display: inline) for

  browsers that do not recognize HTML5 tags.



  IE8 (and lower) requires a shiv:

  http://ejohn.org/blog/html5-shiv

*/

  display: block;

}



b,

strong {

/*

  Makes browsers agree.

  IE + Opera = font-weight: bold.

  Gecko + WebKit = font-weight: bolder.

*/

  font-weight: bold;

}



img {

  color: transparent;

  font-size: 0;

  vertical-align: middle;

/*

  For IE.

  http://css-tricks.com/ie-fix-bicubic-scaling-for-images

*/

  -ms-interpolation-mode: bicubic;

}



ul,

ol {

  list-style: none;

}



li {

/*

  For IE6 + IE7:



  "display: list-item" keeps bullets from

  disappearing if hasLayout is triggered.

*/

  display: list-item;

}



table {

  border-collapse: collapse;

  border-spacing: 0;

}



th,

td,

caption {

  font-weight: normal;

  vertical-align: top;

  text-align: left;

}



q {

  quotes: none;

}



q:before,

q:after {

  content: '';

  content: none;

}



sub,

sup,

small {

  font-size: 75%;

}



sub,

sup {

  line-height: 0;

  position: relative;

  vertical-align: baseline;

}



sub {

  bottom: -0.25em;

}



sup {

  top: -0.5em;

}



svg {

/*

  For IE9. Without, occasionally draws shapes

  outside the boundaries of <svg> rectangle.

*/

  overflow: hidden;

}



@charset "utf-8";



/** General Layout **/



* {margin:0; padding:0;}



html, body {margin:0px; padding:0px; font-family: Arial,Helvetica,sans-serif; font-size: 13px; position:relative; line-height: 1.67em; background: #fff; color:#555; text-align:left; height: 100%;}



.clear {clear: both; height: 0; width: 0; line-height: 0; font-size: 0px;}



.hidden {display:none;}



#site-wrapper {height: auto; position:relative; overflow:hidden; background:url(/images/styles/grunge.jpg) repeat-x top left;}



.container {position:relative; margin:0 auto; width:960px;}

.no-margin {margin-right:0 !important;}



/** Typography **/



h1 {font-weight:normal; font-size:40px; line-height:40px;}

h2 {font-weight:normal; font-size:34px; line-height:34px;}

h3 {font-weight:normal; font-size:28px; line-height:28px;}

h4 {font-weight:normal; font-size:22px; line-height:22px;}

h5 {font-weight:normal; font-size:17px; line-height:17px;}

h6 {font-weight:normal; font-size:14px; line-height:14px;}



h1, h2, h3, h4, h5, h6 {margin-bottom:12px; color:#333; padding-left:1px;}

#sidebar h1, #sidebar h2, #sidebar h3, #sidebar h4, #sidebar h5, #sidebar h6{margin-bottom:12px;}

p {margin-bottom:18px; height:auto;}



#content ul, .plan ul {list-style:disc; list-style-position:inside; margin-bottom:15px;}

#content ol, .plan ol {list-style:decimal; list-style-position:inside; margin-bottom:15px;}



blockquote {font-style:italic; margin-bottom:15px; font-size:12px;}

blockquote p {font-family:Georgia, "Times New Roman", Times, serif;}

.colum blockquote p, #sidebar blockquote p { padding-bottom:30px; background:url(/images/testimony-bg.png) no-repeat -1px bottom; margin-bottom:0; font-family:Georgia, "Times New Roman", Times, serif;}

cite {font-size:11px; display:block; text-align:left;}



a {color:#333; font-weight:bold;}

a:hover {color:#333; text-decoration:underline; }



.divider {overflow:hidden; position:relative;width:100%; height:3px; margin-bottom:30px; background:url(/images/divider1.png) repeat-x left top;}



code, pre {background:url("/images/code_bg.png") repeat scroll 0 0 #FFFFFF; border:1px solid #DDDDDD; color:#000000; display:block; font-family:Monaco,"Courier New","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace; font-size:14px; line-height:20px; margin:10px 0 20px; overflow:auto; padding:0 3px;}



/* Image styling */







/** Header **/



header {position:relative;}



#logo {margin-bottom:16px; position:relative; padding-top:15px;}

#logo a {color:#fff;}



ul.sf-menu {background:url(/images/nav-bg.png) no-repeat top left; height:42px; width:960px; margin-bottom:10px;}



/* Login */

#login-holder {position:absolute; top:60px; right:0; margin-top: -35px;}

#login-holder .sml-btn {margin-right:0;}



#login-box {width:230px;  padding:18px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; overflow:hidden;

background:#eeeeee url(/images/login/login-bg2.png) repeat-x left bottom;}



#login-box label {font-size:11px; text-transform:uppercase; font-weight:bold; color:#333;}

#login-username {width:190px; height:22px; padding:5px 10px 3px 30px; background:url(/images/login/user-input.png) no-repeat left top; margin-bottom:10px; border:none; font-size:11px; color:#fff;}

#login-password {width:190px; height:22px; padding:5px 10px 3px 30px; background:url(/images/login/password-input.png) no-repeat left top; margin-bottom:15px; border:none; font-size:11px; color:#fff;}

#login-submit {font-family:Arial, Helvetica, sans-serif; margin:0; background:#339900 url(/images/buttons/sml-btn-bg.png) repeat-x top left; color:#fff; border:#1b5000 1px solid; text-shadow:#1b5000 0px -1px 0px;}

#login-submit:hover {background:#287800 url(/images/buttons/sml-btn-bg.png) repeat-x top left; text-shadow:#133800 0px -1px 0px;}

.submit-block {overflow:hidden; margin-bottom:15px;}

.lostpass {font-size:10px; text-transform:uppercase; font-weight:bold; text-align:center; display:block; color:#333; text-decoration:underline;}

.lostpass:hover {color:#EB0303; text-decoration:none;}



/** Slider **/



#slider-holder {height:270px; width:960px; position:relative; background:url("/images/pagename-shadow.png") no-repeat scroll center bottom transparent; padding-bottom:1px; }

#slider-nav-container {position:absolute; left:45%; bottom:12px; z-index:500;}

#slider-nav {background:url(/images/slider-nav-left.png) no-repeat top left; height:23px; width:auto; padding-left:13px; float:left; padding-top:9px;}

#slider-nav a {background:url(/images/nav-off.png) no-repeat top left; margin:0 0 0 7px; text-indent:-9999px; width:8px; height:7px; position:relative; display:block; float:left;}

#slider-nav a.activeSlide, #slider-nav a:hover {background:url(/images/nav-on.png) no-repeat top left;}



#slider {height:250px; position:relative;  background:url("/images/black-slide-default.png") no-repeat scroll left top transparent; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}

.slide {width:960px; height:250px; position:relative; background:url("/images/black-slide-default.png") no-repeat scroll left top transparent; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}

.slide .inside {padding:20px 20px 20px 20px;}

.slide h2 {color:#fff;}

.slide p {color:#CFCFCF; margin-bottom:10px;}

.slide-img {position:absolute; right:50px; top:27px;}



#pagename {background:url(/images/pagename-bg.png) no-repeat left top; margin-bottom:10px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; position:relative; width:960px; height:55px; color:#cacaca; font-size:12px;}

#pagename .inside {padding:5px 20px 18px; background:url(/images/pagename-shadow.png) no-repeat scroll center 101px;}

#pagename h2 {color:#fff; margin-bottom:5px;}

.breadcrumbs a {color:#fff;}

.breadcrumbs a:hover {color:#fff;}



/** Buttons **/

/* normal state */

.big-btn {position:relative; display:block; cursor:pointer; float:left; height:28px; line-height:28px; padding:0 10px; font-size:11px; font-weight:bold; overflow:hidden; margin:10px 10px 10px 0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; text-transform:uppercase; text-decoration:none !important; text-align:center;}



.sml-btn {font-size:9px; text-transform:uppercase; position:relative; display:block; cursor:pointer; height:22px; line-height:22px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding:0 5px; float:left; margin:10px 10px 10px 0; font-weight:bold; text-decoration:none !important; text-align:center;}

a.grey, .grey {background:#F5F5F5 url(images/buttons/big-btn-bg.png) repeat-x top left; color:#222; border:#888 1px solid; text-shadow:#fff 0px 1px 0px;}

a.grey:hover, .grey:hover {background:#dedede url(images/buttons/big-btn-bg.png) repeat-x top left; color:#000; border:#666 1px solid; text-decoration:none;}



a.red, .red {background:#eb0303 url(images/buttons/big-btn-bg.png) repeat-x top left; color:#fff; border:#9e0000 1px solid; text-shadow:#9e0000 0px -1px 0px;}

a.red:hover, .red:hover {background:#d50101 url(images/buttons/big-btn-bg.png) repeat-x top left; color:#fff;  border:#8d0000 1px solid; text-decoration:none;}



a.black, .black {background:#3a3a3a url(images/buttons/big-btn-bg.png) repeat-x top left; color:#fff; border:#1a1a1a 1px solid; text-shadow: #1a1a1a 0px -1px 0px;}

a.black:hover, .black:hover {background:#2c2c2c url(images/buttons/big-btn-bg.png) repeat-x top left; color:#fff; border:#0b0b0b 1px solid; text-shadow: #0b0b0b 0px -1px 0px; text-decoration:none;} 



a.green, .green {background:#339900 url(images/buttons/big-btn-bg.png) repeat-x top left; color:#fff; border:#1b5000 1px solid; text-shadow:#1b5000 0px -1px 0px;}

a.green:hover, .green:hover {background:#287800 url(images/buttons/big-btn-bg.png) repeat-x top left; text-shadow:#133800 0px -1px 0px;}



a.blue, .blue {background:#005a99 url(images/buttons/big-btn-bg.png) repeat-x top left; color:#fff; border:#003150 1px solid; text-shadow:#1b5000 0px -1px 0px;}

a.blue:hover, .blue:hover {background:#004478 url(images/buttons/big-btn-bg.png) repeat-x top left; text-shadow:#002438 0px -1px 0px;}



a.pink, .pink {background:#9f00b7 url(images/buttons/big-btn-bg.png) repeat-x top left; color:#fff; border:#003150 1px solid; text-shadow:#1b5000 0px -1px 0px;}

a.pink:hover, .pink:hover {background:#a000b8 url(images/buttons/big-btn-bg.png) repeat-x top left; text-shadow:#002438 0px -1px 0px;}



a.special, .special {background:#F5F5F5 url(images/buttons/big-btn-bg.png) repeat-x top left; color:#222; border:#888 1px solid; text-shadow:#fff 0px 1px 0px;}

a.special:hover, .special:hover {background:#3a3a3a url(images/buttons/big-btn-bg.png) repeat-x top left; color:#fff; border:#1a1a1a 1px solid; text-shadow: #1a1a1a 0px -1px 0px;}



a.orange, .orange {background:#DF4E00 url(images/buttons/big-btn-bg.png) repeat-x top left; color:#fff; border:#8F3200 1px solid; text-shadow:#8F3200 0px -1px 0px;}



/* slider state */

.slide a.grey, #login-holder a.grey {border:#fff 1px solid; background:#F5F5F5 url(/images/buttons/big-btn-bg2.png) repeat-x bottom left;}

.slide a.grey:hover, #login-holder a.grey:hover {border:#f1f1f1 1px solid; background:#dedede url(/images/buttons/big-btn-bg2.png) repeat-x bottom left;}



.slide a.red, #login-holder a.red {border:#fe3333 1px solid; background:#eb0303 url(/images/buttons/big-btn-bg2.png) repeat-x bottom left;}

.slide a.red:hover, #login-holder a.red:hover {border:#fe1818 1px solid; background:#d50101 url(/images/buttons/big-btn-bg2.png) repeat-x bottom left;}



.slide a.black, #login-holder a.black {border:#818181 1px solid; background:#3a3a3a url(/images/buttons/big-btn-bg2.png) repeat-x bottom left;}

.slide a.black:hover, #login-holder a.black:hover {border:#676767 1px solid; background:#2c2c2c url(/images/buttons/big-btn-bg2.png) repeat-x bottom left;}

 

.slide a.green, #login-holder a.green {border:#45CF00 1px solid; background:#339900 url(/images/buttons/big-btn-bg2.png) repeat-x bottom left;}

.slide a.green:hover, #login-holder a.green:hover {border:#3AAF00 1px solid; background:#287800 url(/images/buttons/big-btn-bg2.png) repeat-x bottom left;}



.slide a.blue, #login-holder a.blue {border:#007fcf 1px solid; background:#005a99 url(/images/buttons/big-btn-bg2.png) repeat-x bottom left;}

.slide a.blue:hover, #login-holder a.blue:hover {border:#0073af 1px solid; background:#004478 url(/images/buttons/big-btn-bg2.png) repeat-x bottom left;}



/** Hosting Plans **/



#hosting-plans {position:relative; height:auto; overflow:hidden;}

#hosting-plans2 {position:relative; height:auto; overflow:hidden;}

.plan {position:relative; width:300px; height:auto; overflow:hidden; margin-right:30px; float:left; background:url("/images/plan-shadow.png") no-repeat scroll center bottom transparent; padding-bottom:19px;}

.plan .title {height:45px; width:300px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; background:url(/images/plan-title.png) no-repeat top left;}

.plan .title h4 {color:#fff; padding:9px; margin-bottom:0;}

.plan .content {border:#a0a0a0 1px solid; -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -webkit-border-bottom-left-radius:10px; -webkit-border-bottom-right-radius:10px; height:auto; padding:10px 10px 0px; background:#fff url(/images/plan-bg.png) no-repeat center bottom;}

.plan .content .price {width:75px; height:92px; position:relative; float:right; background:url(/images/price-bg.png) no-repeat left top;  color:#FFFFFF; font-weight:bold; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; font-size:15px;}

.plan .content .price .inside {padding:23px 10px 5px; text-shadow: #1a1a1a 0px -1px 0px; text-align:center; line-height:17px;}

.plan .content .price .inside span {font-size:12px;}

.plan .content .price .sml-btn {position:absolute; bottom:-1px; margin:0 !important; width: 63px;}



/** Content **/



#content {height:auto; overflow:hidden; padding-bottom:35px; background:url(/images/content-bg.png) repeat-x left bottom;}



#home-page #content {background:#e7e7e7 url(/images/content-bg.png) repeat-x left bottom; border-top:#d8d8d8 1px solid; padding-top:35px;}



#home-colums {height:auto; overflow:hidden; background:url(/images/colums-bg.png) no-repeat top left; width:960px;}



.colum {height:auto; width:280px; padding:0 25px 0 0; float:left; margin-right:25px;}

#home-colums .no-margin {padding-right:0; background:none;}



ul#services-list {list-style:none; list-style-position:outside;}

ul#services-list li {padding-bottom:13px; background:url(/images/service-seperator.png) no-repeat left bottom; margin-bottom:10px;}

ul#services-list li img {float:left; list-style:none; margin-top:8px; margin-right:7px;}



ul#payments-list {list-style:none; list-style-position:outside;}

ul#payments-list li {padding-bottom:13px; background:url(/images/service-seperator.png) no-repeat left bottom; margin-bottom:10px;}

ul#payments-list li img {float:left; list-style:none; margin-top:8px; margin-right:7px;}



/** Main-Colum **/



#main-colum {height:auto; overflow:hidden; width:650px; float:left;}

#main-colum ul {list-style-type:none; list-style-position:outside; padding:0; margin:0;}

#main-colum .widget .title {height:40px; width:650px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; background:url(/images/widget-title-long.png) no-repeat top left;}

#main-colum .widget .title h5 {color:#fff; margin-bottom:0 !important; padding:11px;}

#main-colum .widget {height:auto; position:relative; overflow:hidden; margin-bottom:0px; background:url(/images/widget-shadow.png) no-repeat scroll center bottom; padding-bottom:19px;}



/** Sidebar **/



#sidebar {height:auto; overflow:hidden; width:280px; float:left; padding-left:30px; font-size:12px;}

#sidebar ul {list-style-type:none; list-style-position:outside; padding:0; margin:0;}



#sidebar .widget {height:auto; position:relative; overflow:hidden; background:url(/images/widget-shadow.png) no-repeat scroll center bottom; padding-bottom:19px;}

.widget .title {height:40px; width:280px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; background:url(/images/widget-title.png) no-repeat top left;}

.widget .title h5 {color:#fff; margin-bottom:0 !important; padding:11px;}

.widget .content {border:#a0a0a0 1px solid; -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -webkit-border-bottom-left-radius:10px; -webkit-border-bottom-right-radius:10px; height:auto; padding:10px; background:#fff url(/images/widget-bg.png) repeat-x center bottom;}



#sidebar blockquote {margin-bottom:0;}

#sidebar blockquote p {padding-bottom:10px; background:none; padding-right:5px;}

.widget ul { list-style-position:outside; list-style-type:none; margin:0 0 7px 0; padding:0;}

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

.widget ul li a {display:block; overflow:hidden; text-decoration:none !important;  font-weight:normal;}

.widget ul li a:hover {text-decoration:underline !important;}

.widget ul li.current_page_item a {font-weight:bold; color:#ab0000;}

.widget ul li.current_page_item li a {font-weight:normal; color:#EB0303;}

.widget ul li.current_page_item li a:hover {color:#ab0000;}

.widget p {margin-bottom:0;}



/** Blog **/



.post {position:relative; display:block; float:left; height:auto; margin-bottom:40px; padding-bottom:20px; border-bottom:1px solid #D9D9D9;}



.meta {margin-bottom:2px; font-size:10px;}

.meta .category, .meta .date, .meta .comments {width:auto; margin-right:20px; padding:2px 0 1px 20px;}

.meta .category {background:url(/images/mini-icons/category.png) no-repeat left top;}

.meta .date {background:url(/images/mini-icons/clock.png) no-repeat left top;}

.meta .comments {background:url(/images/mini-icons/comment.png) no-repeat left 1px;}



/** Pricing **/



table td, table th {border-right:2px solid #BFBFBF; padding:2px; border-bottom:2px solid #BFBFBF;}

tr.even {background:url(images/row-bg.png) repeat-x top left;}

.pricing-table {width:960px;}

.pricing-table .price {font-size:13px; font-weight:bold;}

.pricing-table {border-left:2px solid #BFBFBF; border-top:2px solid #BFBFBF;}

.pricing-table tr td {text-align:center;}

.pricing-table tr td.colfirst {text-align:left;}



/** Gallery **/



ul.gallery {list-style:none; height:auto; overflow:hidden; position:relative; float:left;}

ul.gallery li {float:left; list-style:none; overflow:hidden; position:relative; margin:0 7px 30px;}

ul.gallery li a {display:block; height:162px; width:226px; background:url(/images/gallery-hover.jpg) no-repeat center center; text-decoration:none !important;}



#content .paging {width:100%; overflow:hidden; padding-top:1px; float:left; font-size:11px; padding-bottom:1px;}

#content .paging a {padding:3px 7px; background:#eeeeee url(images/buttons/big-btn-bg.png) repeat-x top left; color:#222; border:#888 1px solid; text-shadow:#fff 0px 1px 0px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;text-transform:uppercase; text-decoration:none !important; font-weight:normal;}

#content .paging a:hover {background:#dedede url(images/buttons/big-btn-bg.png) repeat-x top left; color:#000; border:#666 1px solid;}

#content .paging span.selected {padding:3px 7px; background:#3a3a3a url(images/buttons/big-btn-bg.png) repeat-x top left; color:#dedede; border:#1a1a1a 1px solid; text-shadow: #1a1a1a 0px -1px 0px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; font-weight:bold;}



/** Contact us Form **/



#contact_us {width:460px; margin:25px 0px 0px; overflow:hidden;}



#contact_us p.label_name, #contact_us p.input_form {float:left; margin-bottom:10px;}

p.label_name {width:120px; clear:both; color:#7f7e7e; font-size:13px;}



#contact_us input, #contact_us select, #contact_us textarea {width:330px; background:url("/images/input-bg.png") repeat-x scroll left top #FFFFFF; border:#CACACA 1px solid;padding:4px; margin-bottom:15px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; font-family: Arial,Helvetica,sans-serif; font-size:13px;}



#contact_us input.big-btn {position:relative; display:block; cursor:pointer; float:right; height:28px; line-height:28px; padding:0 10px; font-size:11px; font-weight:bold; overflow:hidden; margin:0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; text-transform:uppercase; text-decoration:none !important; text-align:center; background:#F5F5F5 url(images/buttons/big-btn-bg.png) repeat-x top left; color:#222; border:#888 1px solid; text-shadow:#fff 0px 1px 0px; width:auto;}

#contact_us input.big-btn:hover {background:#3a3a3a url(images/buttons/big-btn-bg.png) repeat-x top left; color:#fff; border:#1a1a1a 1px solid; text-shadow: #1a1a1a 0px -1px 0px;}



#feedback p {margin-bottom:5px;}

p.error {display:none;}

p#submit {text-align:right;}

#success {display:none;}



/** Footer **/



#footer {height:auto; position:relative; background:url(/images/footer-bg.jpg) repeat-x left top; padding-top:35px; color:#777; font-size:11px; overflow:hidden;}



#footer a {color:#afafaf;  text-decoration:none; font-weight:normal;}

#footer a:hover {color:#d9d9d9;}



#footer-colums {position:relative; display:block; height:auto; overflow:hidden; margin-bottom:35px;}

.footer-colum {width:221px; margin-right:25px; float:left;}

.footer-colum h4 {color:#bbbbbb;}

.footer-colum li {border-bottom:1px solid #1e1e1e; border-top:#555 1px solid;}

.footer-colum li a {display:block; padding:5px 0 5px 5px;}

.footer-colum li a:hover {background:rgba(0, 0, 0, 0.4);  text-decoration:none;}



#bottom-footer {position:relative; overflow:hidden; padding:17px 0 12px; background:url(/images/bottom-footer-bg.png) repeat-x top left; color:#999;}

#bottom-footer p {margin:0; line-height:16px;}



ul#social-list {overflow:visible; height:16px; display:block; position:relative;	margin-top: -10px;}

ul#social-list li {list-style:none; float:left; margin:0 2.5px;}



ul#social-list-top {overflow:visible; height:16px; display:block; position:relative;	margin-top: -10px; margin-left: 35px;}

ul#social-list-top li {list-style:none; float:left; margin:0 2.5px;}



/* CUSTOM */



#img_loading {

	border: 0;

	display: none;

}



#service_result, #service_result b {

	color: #fff;

}



.help_sub {

	margin-left: 10px;

}



.hidden {

display: none;

}



#tld {

	font-size: 16px;

	padding:4px 4px 4px 0px;

	border:1px solid #CCCCCC;	

	border-radius: 4px; 

	width: 50px;

	-moz-border-radius: 4px; 

	-webkit-border-radius: 4px; 

}





#domain {

	font-size: 16px;

	background:#FFFFFF url(/images/icons/web.png) no-repeat 4px 4px;

	padding:4px 4px 4px 22px;

	border:1px solid #CCCCCC;	

	border-radius: 4px; 

	width: 200px;

	-moz-border-radius: 4px; 

	-webkit-border-radius: 4px; 

}



#vps_hostname {

	font-size: 16px;

	background:#FFFFFF url(/images/icons/web.png) no-repeat 4px 4px;

	padding:4px 4px 4px 22px;

	border:1px solid #CCCCCC;

	border-radius: 4px; 

	width: 200px;

	-moz-border-radius: 4px; 

	-webkit-border-radius: 4px; 

}



#os_type {

	font-size: 16px;

	padding:4px 4px 4px 4px;

	border:1px solid #CCCCCC;	

	border-radius: 4px; 

	width: 210px;

	-moz-border-radius: 4px; 

	-webkit-border-radius: 4px; 

}



#radio_name {

	font-size: 16px;

	background:#FFFFFF url(/images/icons/radio.png) no-repeat 4px 4px;

	padding:4px 4px 4px 22px;

	border:1px solid #CCCCCC;	

	border-radius: 4px; 

	width: 200px;

	-moz-border-radius: 4px; 

	-webkit-border-radius: 4px; 

}



#hostname {

	font-size: 16px;

	background:#FFFFFF url(/images/icons/hostname.png) no-repeat 4px 4px;

	padding:4px 4px 4px 22px;

	border:1px solid #CCCCCC;	

	border-radius: 4px; 

	width: 200px;

	-moz-border-radius: 4px; 

	-webkit-border-radius: 4px; 

}





#shell {

	font-size: 16px;

	background:#FFFFFF url(/images/icons/shell.png) no-repeat 4px 4px;

	padding:4px 4px 4px 22px;

	border:1px solid #CCCCCC;	

	border-radius: 4px; 

	width: 200px;

	-moz-border-radius: 4px; 

	-webkit-border-radius: 4px; 

}





#service_id {

	font-size: 16px;

	background:#FFFFFF url(/images/icons/service.png) no-repeat 4px 4px;

	padding:4px 4px 4px 22px;

	border:1px solid #CCCCCC;	

	border-radius: 4px; 

	width: 200px;

	-moz-border-radius: 4px; 

	-webkit-border-radius: 4px; 

}



.code {

	font-size: 16px;

	width: 90px;

	background:#FFFFFF url(/images/icons/code.png) no-repeat 4px 4px;

	padding:4px 4px 4px 22px;

	border:1px solid #CCCCCC;	

	border-radius: 4px; 

	-moz-border-radius: 4px; 

	-webkit-border-radius: 4px; 

}



#mail {

	font-size: 16px;

	width: 200px;

	background:#FFFFFF url(/images/icons/mail.png) no-repeat 4px 4px;

	padding:4px 4px 4px 22px;

	border:1px solid #CCCCCC;

	border-radius: 4px; 

	-moz-border-radius: 4px; 

	-webkit-border-radius: 4px; 	

}



#service_info_button {

	font-weight: bold;

	/* text-decoration: underline; */

}

.submit_button {

width: 200px; 

height: 30px;

}



.order_button_green {

	width: 160px; 

	height: 43px;

	background: url('/images/buttons/order_green.png') bottom;

	font-size:11px; 

	font-weight:bold;

	text-transform:uppercase; 

	text-decoration:none !important; 

	text-align:center;

}



#payment_sms_img {

	width: 120px;

	height: 50px;

	background: url('/images/payments/sms_payment.png') 0 0;

}



#payment_sms_img:hover {

	width: 120px;

	height: 50px;

	background:url('/images/payments/sms_payment.png') -120px 0;

}





#payment_pp_img {

	width: 120px;

	height: 50px;

	background: url('/images/payments/paypal_payment.png') 0 0;

}



#payment_pp_img:hover {

	width: 120px;

	height: 50px;

	background:url('/images/payments/paypal_payment.png') -120px 0;

}



#payment_cash_img {

	width: 120px;

	height: 50px;

	background: url('/images/payments/cash_payment.png') 0 0;

}



#payment_cash_img:hover {

	width: 120px;

	height: 50px;

	background:url('/images/payments/cash_payment.png') -120px 0;

}



#payment_epay_img {

	width: 120px;

	height: 50px;

	background: url('/images/payments/epay_payment.png') 0 0;

}



#payment_epay_img:hover {

	width: 120px;

	height: 50px;

	background:url('/images/payments/epay_payment.png') -120px 0;

}



#payment_post_img {

	width: 120px;

	height: 50px;

	background: url('/images/payments/post_payment.png') 0 0;

}





#payment_post_img:hover {

	width: 120px;

	height: 50px;

	background:url('/images/payments/post_payment.png') -120px 0;

}



#service_id_check {

	height: 30px;

	width: 160px;

}





#radio_button_icecast {

	width: 135px;

	height: 55px;

	background: url('/images/services-icons/icecast.png') 0 0; 

}



#radio_button_shoutcast {

	width: 135px;

	height: 55px;

	background: url(/images/services-icons/shoutcast.png) 0 0; 

}





#index_sms {

	width: 138px;

	height: 52px;

	background:url('/images/payments/index_sms.png') 0 0;

}



#index_bank {

	width: 138px;

	height: 52px;

	background:url('/images/payments/index_bank.png') 0 0;

}



#index_epay {

	width: 138px;

	height: 52px;

	background:url('/images/payments/index_epay.png') 0 0;

}



#index_easypay {

	width: 138px;

	height: 52px;

	background:url('/images/payments/index_easypay.png') 0 0;

}



#index_pp {

	width: 138px;

	height: 52px;

	background:url('/images/payments/index_pp.png') 0 0;

}



#index_post {

	width: 138px;

	height: 52px;

	background:url('/images/payments/index_post.png') 0 0;

}

#index_creditcard {

	width: 138px;

	height: 52px;

	background:url('/images/payments/index_creditcard.png') 0 0;

}





#index_sms:hover {

	width: 138px;

	height: 52px;

	background:url('/images/payments/index_sms_hover.png') -138px 0;

}



#index_bank:hover {

	width: 138px;

	height: 52px;

	background:url('/images/payments/index_bank_hover.png') -138px 0;

}



#index_epay:hover {

	width: 138px;

	height: 52px;

	background:url('/images/payments/index_epay_hover.png') -138px 0;

}



#index_easypay:hover {

	width: 138px;

	height: 52px;

	background:url('/images/payments/index_easypay_hover.png') -138px 0;

}



#index_pp:hover {

	width: 138px;

	height: 52px;

	background:url('/images/payments/index_pp_hover.png') -138px 0;

}



#index_post:hover {

	width: 138px;

	height: 52px;

	background:url('/images/payments/index_post_hover.png') -138px 0;

}



#index_creditcard:hover {

	width: 138px;

	height: 52px;

	background:url('/images/payments/index_creditcard_hover.png') -138px 0;

}





#socialbar {

    width: 100px;

    height: 100px;

	position: fixed;

	left: 2px;

	top: 150px;

}





/** Wordpress Default styles **/



.aligncenter,

div.aligncenter {

   display: block;

   margin-left: auto;

   margin-right: auto;

   float:none !important;

}



.alignleft {

   float: left;

}



.alignright {

   float: right;

}



.center {text-align:center;}



.wp-caption {

   border: 1px solid #ddd;

   text-align: center;

   background-color: #f3f3f3;

   padding-top: 4px;

   margin: 10px;

   /* optional rounded corners for browsers that support it */

   -moz-border-radius: 4px;

   -khtml-border-radius: 4px;

   -webkit-border-radius: 4px;

   border-radius: 4px;

}



.wp-caption img {

   margin: 0;

   padding: 0;

   border: 0 none;

}



.wp-caption p.wp-caption-text {

   font-size: 11px;

   line-height: 17px;

   padding: 0 4px 5px;

   margin: 0 !important;

}



/** CUSTOM STUFF **/



.close {cursor:pointer; position:absolute; top:0px; right:5px; font-weight:bold;}



.info-box {display:block; border:1px solid #AFDBEE; background: url(/images/mini-icons/info.png) no-repeat scroll 8px 55% #E4F5FD; padding:10px 10px 10px 35px; margin:0; color:#2A80A7; font-size:13px; position:relative;}

.info-box a {color:#2A80A7; border-bottom:#2A80A7 1px solid;}

.info-box a:hover {color:#2A80A7; border-bottom:none !important;}



.warning-box {display:block; border:1px solid #efdc75; background: url(/images/mini-icons/warning.png) no-repeat scroll 8px 55% #fff7cb; padding:10px 10px 10px 35px; margin:0; color:#DB7701; font-size:13px; position:relative;}

.warning-box a {color:#DB7701; border-bottom:#DB7701 1px solid;}

.warning-box a:hover {color:#DB7701; border-bottom:none !important;}



.success-box {display:block; border:1px solid #b3dc7c; background: url(/images/mini-icons/success.png) no-repeat scroll 8px 55% #e8ffca; padding:10px 10px 10px 35px; margin:0; color:#527A19; font-size:13px; position:relative;}

.success-box a {color:#527A19; border-bottom:#527A19 1px solid;}

.success-box a:hover {color:#527A19; border-bottom:none !important;}



.error-box {display:block; border:1px solid #ebb1b1; background: url(/images/mini-icons/error.png) no-repeat scroll 8px 55% #ffd6d6; padding:10px 10px 10px 35px; margin:0; color:#9d2121; font-size:13px; position:relative;}

.error-box a {color:#9d2121; border-bottom:#9d2121 1px solid;}

.error-box a:hover {color:#9d2121; border-bottom:none !important;}



.info-box, .warning-box, .success-box, .error-box {margin-bottom:20px; margin-top:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; overflow:hidden;}



.full-width {width:960px;}

.one_half {width:465px;}

.one_third {width:300px;}

.one_forth {width:217.5px;}

.two_third {width:630px;}

.three_forth {width:712.5px;}



.one_half, .one_third, .one_forth, .two_third, .three_forth, .full-width {position:relative; float:left; margin-right:30px; height:auto; overflow:hidden; margin-bottom:30px;}



.dropcap {font-size:40px; float:left; padding-right:10px; font-weight:bold;}



/** Comments **/



#comments .commentlist {list-style-type:none; list-style-position:outside; overflow:hidden;}

#comments h3 {margin-bottom:30px !important; text-transform:capitalize;}

#comments .commentlist li {margin-bottom:55px; height:auto; width:630px; overflow:hidden;}

#comments .commentlist .comment-left {float:left; width:80px; height:100%; margin-right:30px;}

#comments .commentlist .comment-left img {margin:0 0 10px;}

#comments .commentlist .comment-left a {text-align:center; display:block;}

#comments .commentlist .comment-right {float:left; width:470px; overflow:hidden; border:#CACACA 1px solid; padding:15px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}



#comments #responde {height:auto; overflow:hidden;}

#comments #responde form p small {color:#6E6E6E !important; }

#comments #responde #commentform input, #comments #responde #commentform textarea {font-family: Arial,Helvetica,sans-serif; border:#CACACA 1px solid; padding:2px 5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background:url("/images/input-bg.png") repeat-x scroll left top #FFFFFF; font-size:13px;}

#comments #responde #commentform input {height:18px;}

#comments #responde #commentform #submit {position:relative; display:block; cursor:pointer; float:left; height:28px; line-height:28px; padding:0 10px; font-size:11px; font-weight:bold; overflow:hidden; margin:0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; text-transform:uppercase; text-decoration:none !important; text-align:center; background:#F5F5F5 url(images/buttons/big-btn-bg.png) repeat-x top left; color:#222; border:#888 1px solid; text-shadow:#fff 0px 1px 0px;}

#comments #responde #commentform #submit:hover {background:#3a3a3a url(images/buttons/big-btn-bg.png) repeat-x top left; color:#fff; border:#1a1a1a 1px solid; text-shadow: #1a1a1a 0px -1px 0px;}



.tipsy { padding: 5px; opacity: 1; filter: alpha(opacity=100); background-repeat: no-repeat;  background-image: url(/images/tipsy2.gif); margin-top:-10px; }

.tipsy-inner { padding: 5px 8px 4px 8px; background-color: #fff; color: #000; max-width: 200px; text-align: center; border: 1px dashed gray; }

.tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }

.tipsy-north { background-position: top center; }

.tipsy-south { background-position: bottom center; }

.tipsy-east { background-position: right center; }

.tipsy-west { background-position: left center; }



/*** ESSENTIAL STYLES ***/

.sf-menu, .sf-menu * {

	margin:			0;

	padding:		0;

	list-style:		none;

}

.sf-menu {

	line-height:	1.0;

position:relative; z-index:100	;



}

.sf-menu ul {

	position:		absolute;

	top:			-999em;

	width:			200px; /* left offset of submenus need to match (see below) */

	z-index:100	;

	

}

.sf-menu ul li {

	width:			100%;

}

.sf-menu li:hover {

	visibility:		inherit; /* fixes IE7 'sticky bug' */

	

}

.sf-menu li {

	float:			left;

	position:		relative;

}

.sf-menu a {

	display:		block;

	position:		relative;

}

.sf-menu li:hover ul,

.sf-menu li.sfHover ul {

	left:			0;

	top:			35px; /* match top ul list item height */

}

ul.sf-menu li:hover li ul,

ul.sf-menu li.sfHover li ul {

	top:			-999em;

}

ul.sf-menu li li:hover ul,

ul.sf-menu li li.sfHover ul {

	left:			200px; /* match ul width */

	top:			0;

}

ul.sf-menu li li:hover li ul,

ul.sf-menu li li.sfHover li ul {

	top:			-999em;

}

ul.sf-menu li li li:hover ul,

ul.sf-menu li li li.sfHover ul {

	left:			15em; /* match ul width */

	bottom: 10em;

	top:			0;

}



/*** DEMO SKIN ***/

ul.sf-menu {

text-transform: capitalize; 

font-size:11px;

position:relative; 

list-style-type:none; 

list-style-position:outside; 

text-transform:uppercase;

padding-left:10px;

line-height:19px;

}

.sf-menu li a {

	display:block;

	text-decoration:none; 

	

	padding:12px 17px;

	padding-left: 38px;

	padding-right: 38px;

	color:#333;

	text-shadow:0 1px 0 #FFFFFF;

	font-weight:normal;

}

.sf-menu li a:hover {

	display:block;

	text-decoration:none; 

	padding:12px 17px;

	padding-left: 40px;

	padding-right: 40px;	

	color:#fff;

	background:url(../images/nav-hover.png) no-repeat center 2px;

	text-shadow:0 -1px 0 #222;

}



.nohover:hover {

	display:block;

	text-decoration:none; 

/* 	padding:12px 17px;

	color:#fff; */

	background:none;

	text-shadow:0 -1px 0 #222;

}



.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/

	color:#333333;

}

.sf-menu li {

}

.sf-menu li li {

	background:#fff;

	border-top:#fff 1px solid;

	border-bottom:#a5a5a5 1px solid;

}



.sf-menu li li:hover, .sf-menu li li.sfHover {

}



.sf-menu li li a, .sf-menu li li a:visited {color:#333; margin-right:0; padding:8px 0px; background:#fff;  background:-moz-linear-gradient(center top , #FFFFFF, #E5E5E5) repeat scroll 0 0 transparent;  background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#E5E5E5));

}



.sf-menu li li a:hover {padding:8px 17px; background:#353535; background:-moz-linear-gradient(center top , #4C4C4C, #313131) repeat scroll 0 0 transparent; color:#fff !important;	outline:0;  background: -webkit-gradient(linear, left top, left bottom, from(#4C4C4C), to(#313131));}



.opera .sf-menu li li a:hover {

  background:#353535; /*Opera Fix*/

}



.sf-menu li li li {

	background:#fff;

}



.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {

	color:#000;	 

	outline:0;

}



.sf-menu li ul {

	margin-left:0;

	padding-top:5px;

	}

	

.sf-menu li ul li ul {

	margin-top:-1px;

	background: none;

	padding-top:0;

	}

	

.sf-menu li.current-cat a, .sf-menu li.current_page_item a {

	display:block;

	text-decoration:none; 

	color:#fff;

	background:url(../images/nav-hover.png) no-repeat center 2px;

	font-weight:bold;

	text-shadow:0 -1px 0 #222;

}





.sf-menu li.current-cat li a, .sf-menu li.current_page_item li a {

color:#666666; margin-right:0;  background:#fff;  background:-moz-linear-gradient(center top , #FFFFFF, #E5E5E5) repeat scroll 0 0 transparent; font-weight:normal; background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#E5E5E5)); text-shadow:0 1px 0 #FFFFFF;

}

.sf-menu li.current-cat li a:hover, .sf-menu li.current_page_item li a:hover {

color:#fff; margin-right:0; background:#353535; background:-moz-linear-gradient(center top , #4C4C4C, #313131) repeat scroll 0 0 transparent; background: -webkit-gradient(linear, left top, left bottom, from(#4C4C4C), to(#313131)); text-shadow:0 -1px 0 #222;

}



.sf-menu li li.current-cat a, .sf-menu li li.current_page_item a {

color:#fff; margin-right:0; background:#353535; background:-moz-linear-gradient(center top , #4C4C4C, #313131) repeat scroll 0 0 transparent; font-weight:bold; background: -webkit-gradient(linear, left top, left bottom, from(#4C4C4C), to(#313131));

}

.sf-menu li li.current-cat a:hover, .sf-menu li li.current_page_item a:hover {

color:#fff; margin-right:0; background:#353535; background:-moz-linear-gradient(center top , #4C4C4C, #313131) repeat scroll 0 0 transparent; font-weight:bold; background: -webkit-gradient(linear, left top, left bottom, from(#4C4C4C), to(#313131));

}



.sf-menu li li.current-cat li a, .sf-menu li li.current_page_item li a {

color:#666666; margin-right:0;   background:#fff;  background:-moz-linear-gradient(center top , #FFFFFF, #E5E5E5) repeat scroll 0 0 transparent; font-weight:normal; background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#E5E5E5));

}



.sf-menu li li li.current-cat a, .sf-menu li li li.current_page_item a {

color:#fff; margin-right:0; background:#353535; background:-moz-linear-gradient(center top , #4C4C4C, #313131) repeat scroll 0 0 transparent; font-weight:bold; background: -webkit-gradient(linear, left top, left bottom, from(#4C4C4C), to(#313131));

}

/*** arrows **/

.sf-menu a.sf-with-ul {;

	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */

}

.sf-sub-indicator {

	position:		absolute;

	display:		block;

	right:			.75em;

	top:			1.3em; /* IE6 only */

	width:			10px;

	height:			10px;

	text-indent: 	-999em;

	overflow:		hidden;

	background:		url('../images/arrow.png') no-repeat top left; /* 8-bit indexed alpha png. IE6 gets solid image only */

}

a > .sf-sub-indicator {  /* give all except IE6 the correct values */

}

/* apply hovers to modern browsers */

a:focus > .sf-sub-indicator,

a:hover > .sf-sub-indicator,

a:active > .sf-sub-indicator,

li:hover > a > .sf-sub-indicator,

li.sfHover > a > .sf-sub-indicator {

	background-position: -10px -100px; /* arrow hovers for modern browsers*/

}



/* point right for anchors in subs */

.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }

.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }

/* apply hovers to modern browsers */

.sf-menu ul a:focus > .sf-sub-indicator,

.sf-menu ul a:hover > .sf-sub-indicator,

.sf-menu ul a:active > .sf-sub-indicator,

.sf-menu ul li:hover > a > .sf-sub-indicator,

.sf-menu ul li.sfHover > a > .sf-sub-indicator {

	background-position: -10px 0; /* arrow hovers for modern browsers*/

}



/*** shadows for all but IE6 ***/

.sf-shadow ul {

	background:	#1f1f1f;

	

}

.sf-shadow ul.sf-shadow-off {

	background: transparent;

}



/*

    ColorBox Core Style:

    The following CSS is consistent between example themes and should not be altered.

*/

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}

#cboxOverlay{position:fixed; width:100%; height:100%;}

#cboxMiddleLeft, #cboxBottomLeft{clear:left;}

#cboxContent{position:relative;}

#cboxLoadedContent{overflow:auto;}

#cboxTitle{margin:0;}

#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

.cboxPhoto{float:left; margin:auto; border:0; display:block;}

.cboxIframe{width:100%; height:100%; display:block; border:0;}

#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}



/* 

    User Style:

    Change the following styles to modify the appearance of ColorBox.  They are

    ordered & tabbed in a way that represents the nesting of the generated HTML.

*/

#cboxOverlay{background:url(/images/colorbox/overlay.png) repeat 0 0;}

#colorbox{}

    #cboxTopLeft{width:21px; height:21px; background:url(/images/colorbox/controls.png) no-repeat -101px 0;}

    #cboxTopRight{width:21px; height:21px; background:url(/images/colorbox/controls.png) no-repeat -130px 0;}

    #cboxBottomLeft{width:21px; height:21px; background:url(/images/colorbox/controls.png) no-repeat -101px -29px;}

    #cboxBottomRight{width:21px; height:21px; background:url(/images/colorbox/controls.png) no-repeat -130px -29px;}

    #cboxMiddleLeft{width:21px; background:url(/images/colorbox/controls.png) left top repeat-y;}

    #cboxMiddleRight{width:21px; background:url(/images/colorbox/controls.png) right top repeat-y;}

    #cboxTopCenter{height:21px; background:url(/images/colorbox/border.png) 0 0 repeat-x;}

    #cboxBottomCenter{height:21px; background:url(/images/colorbox/border.png) 0 -29px repeat-x;}

    #cboxContent{background:#fff; overflow:hidden;}

        .cboxIframe{background:#fff;}

        #cboxError{padding:50px; border:1px solid #ccc;}

        #cboxLoadedContent{margin-bottom:28px;}

        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}

        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}

        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(/images/colorbox/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}

        #cboxPrevious:hover{background-position:-75px -25px;}

        #cboxNext{position:absolute; bottom:0; left:27px; background:url(/images/colorbox/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}

        #cboxNext:hover{background-position:-50px -25px;}

        #cboxLoadingOverlay{background:url(/images/colorbox/loading_background.png) no-repeat center center;}

        #cboxLoadingGraphic{background:url(/images/colorbox/loading.gif) no-repeat center center;}

        #cboxClose{position:absolute; bottom:0; right:0; background:url(/images/colorbox/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}

        #cboxClose:hover{background-position:-25px -25px;}



/*

  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill

  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.

  See: http://jacklmoore.com/notes/ie-transparency-problems/

*/

.cboxIE #cboxTopLeft,

.cboxIE #cboxTopCenter,

.cboxIE #cboxTopRight,

.cboxIE #cboxBottomLeft,

.cboxIE #cboxBottomCenter,

.cboxIE #cboxBottomRight,

.cboxIE #cboxMiddleLeft,

.cboxIE #cboxMiddleRight {

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);

}



/*

  The following provides PNG transparency support for IE6

  Feel free to remove this and the /ie6/ directory if you have dropped IE6 support.

*/

.cboxIE6 #cboxTopLeft{background:url(/images/colorbox/ie6/borderTopLeft.png);}

.cboxIE6 #cboxTopCenter{background:url(/images/colorbox/ie6/borderTopCenter.png);}

.cboxIE6 #cboxTopRight{background:url(/images/colorbox/ie6/borderTopRight.png);}

.cboxIE6 #cboxBottomLeft{background:url(/images/colorbox/ie6/borderBottomLeft.png);}

.cboxIE6 #cboxBottomCenter{background:url(/images/colorbox/ie6/borderBottomCenter.png);}

.cboxIE6 #cboxBottomRight{background:url(/images/colorbox/ie6/borderBottomRight.png);}

.cboxIE6 #cboxMiddleLeft{background:url(/images/colorbox/ie6/borderMiddleLeft.png);}

.cboxIE6 #cboxMiddleRight{background:url(/images/colorbox/ie6/borderMiddleRight.png);}



.cboxIE6 #cboxTopLeft,

.cboxIE6 #cboxTopCenter,

.cboxIE6 #cboxTopRight,

.cboxIE6 #cboxBottomLeft,

.cboxIE6 #cboxBottomCenter,

.cboxIE6 #cboxBottomRight,

.cboxIE6 #cboxMiddleLeft,

.cboxIE6 #cboxMiddleRight {

    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");

}







input:invalid,

button:invalid,

select:invalid,

textarea:invalid {

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

}



input:focus,

button:focus,

select:focus,

textarea:focus {

  -webkit-box-shadow: #0066ff 0 0 5px 0;

  -moz-box-shadow: #0066ff 0 0 5px 0;

  box-shadow: #0066ff 0 0 5px 0;

  z-index: 1;

}



input[type="file"]:focus, input[type="file"]:active,

input[type="radio"]:focus,

input[type="radio"]:active,

input[type="checkbox"]:focus,

input[type="checkbox"]:active {

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

}



button::-moz-focus-inner,

input[type="reset"]::-moz-focus-inner,

input[type="submit"]::-moz-focus-inner,

input[type="button"]::-moz-focus-inner {

  border: 0;

  padding: 0;

}