@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background-color: transparent;
	border: 0;
	font-size: 99%;
	font-family: Courier;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
	font-family:"Trebuchet MS", Tahoma, Arial, Geneva, sans-serif;
}

html, body {
	line-height: 1.2;
	text-align: center;
}

body{
	margin: 0 auto;	
	background-color: #000000;
	background-image:url(images/space-bg.jpg);
}

ol, ul {
	margin-left: 25px;
}

:focus {
	
}

#wrapper{
	margin: 25px auto;
	padding: 0px;
	width: 950px;
	text-align: left;
	background-color: #000000;
	border-style: solid;
	border-width: 1px;
	border-color: #fff;
	position: static;
	height:auto;
	overflow: auto;
}

#header{
	width: 950px;
	height: 413px;
	position: relative;
	zoom: 1;
	float: left;
}

#header-left{
	width: 300px;
	height: 413px;
	position: relative;
	float: left;
}

#logo{
	width: 300px;
	height: 102px;
	background-image:url(images/levelafter-logo.jpg);
	position: relative;
	float: left;	
}

#nav{
	width: 300px;
	height: 311px;
	background-image:url(images/nav-roll.jpg);
	position: relative;
	float: left;
}

#nav ul{
	text-align: center;
}

#nav ul li{
	color: #FFFFFF;
	font-family:"Trebuchet MS", Tahoma, Arial, Geneva, sans-serif;
	font-weight: normal;
	font-size: 30px;
	list-style: none;
	padding-top: 23px;
}

#nav ul li a:link{
	color: #fffc01;
	text-decoration: none;
	text-shadow: #000000 0px 2px 2px;
}

#nav ul li a:visited{
	color: #fffc01;
	text-decoration: none;
	text-shadow: #000000 0px 2px 2px;
}

#nav ul li a:hover{
	color: #fffc01;
	text-decoration: none;
	letter-spacing: 3px;
	font-weight: bold;
	text-shadow: #000000 0px 2px 8px;
}

#nav ul li a:active{
	color: #fffc01;
	text-decoration: none;
	text-shadow: #000000 0px 2px 2px;
}

#showcase{
	width: 650px;
	height: 413px;
	background-image:url(images/showcase-roll.jpg);
	position: relative;
	float: right;	
}

#middle-buttons{
	width: 950px;
	height: 77px;
	position: relative;
	float: left;
	background-image:url(images/buttons.jpg);
}

#middle-bottom{
	width: 950px;
	height: 5px;
	position: relative;
	float: left;
	background-image:url(images/middle-bottomx2.jpg);	
}

#content{
	width: 950px;
	height: auto !important;
	position: relative;
	float: left;
	background-image:url(images/content-bg.jpg);
	background-repeat:repeat;
	padding-bottom: 18px;
}

#content-main{
	width: 666px;
	height: auto;
	position: relative;
	float: left;
	margin: 18px 0px 0px 18px;
}

#content-main-alone{
	width: 666px;
	height: auto;
	position: relative;
	margin: 25px auto;
	padding: 0px;
	text-align: left;
	position: static;
	height:auto;
	overflow: auto;
}

#content-main-top{
	width: 666px;
	height: 90px;
	position: relative;
	background-image:url(images/main-box-top.jpg);
}

#content-main-middle{
	width: 666px;
	height: auto;
	position: relative;
	line-height:normal;
	background-image:url(images/main-box-bg.jpg);
}

#content-main-middle p{
	font-family:"Trebuchet MS", Tahoma, Arial, Geneva, sans-serif;
	font-size: 12px;
	margin: 15px 15px 0 15px;
}

#content-main-bottom{
	width: 666px;
	height: 20px;
	position: relative;
	background-image:url(images/main-box-bottom.jpg);
}

#content-right{
	width: 229px;
	height: auto;
	position: relative;
	float: right;
	margin: 18px 18px 0px 0px;
}

#content-right-top{
	width: 229px;
	height: 90px;
	position: relative;
	background-image:url(images/right-box-top.jpg);
}

#content-right-middle{
	width: 229px;
	height: auto;
	position: relative;
	line-height:normal;
	background-image:url(images/right-box-bg.jpg);
}

#content-right-middle p{
	font-family:"Trebuchet MS", Tahoma, Arial, Geneva, sans-serif;
	font-size: 12px;
	margin: 0 15px;
}

#content-right-bottom{
	width: 229px;
	height: 20px;
	position: relative;
	background-image:url(images/right-box-bottom.jpg);
}

@font-face {
	font-family: fontName;
	src: url('English-RussianArchitect.ttf');  /* upload font */
}

p.custom_font{
	font-family: AGPB;
}

h1{
	
}

h2{
	padding: 22px 0 0 40px;
	letter-spacing: 1px;
	font-size: 22px;
	font-family: Helvetica, Arial, sans-serif;
	color: #FFFFFF;
	text-shadow: #000000 2px 2px 5px;
}

h3{
	padding: 2px 15px;
	font-size: 17px;
	color: #fffc01;
	text-shadow: #000000 0px 0px 2px;
}

hr{
	border: none 0; 
	border-top: 1px solid #000000;
	width: 100%;
	height: 1px;
	text-align: left;
	margin: 0 auto 0 0; 
}

.rule{
	padding: 8px 15px;
	text-align: center;
}

.service-list{
	list-style-type:disc;
	padding: 2px 0;	
}

.service-list li{
	list-style-type:disc;
	margin: 2px 0 2px 25px;	
}

#content * a:link{
	color: #4b4b4b;	
	font-weight: bold;
	text-decoration: underline;
}

#content * a:visited{
	color: #4b4b4b;	
	font-weight: bold;
	text-decoration: underline;
}

#content * a:hover{
	color: #000000;	
	font-weight: bold;
	text-decoration: none;
}

#content * a:active{
	color: #4b4b4b;	
	font-weight: bold;
	text-decoration: underline;
}

#footer{
	color: #ffffff;	
	width: 950px;
	text-align: center;
	margin: 0 auto;
}

#footer a:link{
	color: #fffc01;	
	font-weight: bold;
	text-decoration: underline;
}

#footer a:visited{
	color: #fffc01;	
	font-weight: bold;
	text-decoration: underline;
}

#footer a:hover{
	color: #fffc01;	
	font-weight: bold;
	text-decoration: none;
}

#footer a:active{
	color: #fffc01;	
	font-weight: bold;
	text-decoration: underline;
}

.float-right{
	position: relative;
	float: right;
	margin: 20px;
	border: 1 solid #000000;	
	-moz-box-shadow: 0 0 4px #666;
	-webkit-box-shadow: 0 0 4px #666;
}

.float-right-border{
	border: 1 solid #000000;
}

.fieldPadding{
	margin: 3px 0 1px 0;
}

/*******/
div#showcase #slide-holder {
z-index : 40;
width : 650px;
height : 400px;
position : absolute;
}
div#showcase #slide-holder div#slide-runner {
top : 28px;
left : 35px;
width : 570px;
height : 365px;
overflow : hidden;
position : absolute;
}
div#showcase div#slide-holder img {
margin : 0;
display : none;
position : absolute;
}
div#showcase div#slide-holder div#slide-controls {
left : 0;
bottom : 50px;
width : 570px;
height : 25px;
display : none;
position : absolute;
background : url(images/slide-bg.png) 0 0;
}
div#showcase div#slide-holder div#slide-controls p.text {
float : left;
color : #fff;
display : inline;
font-size : 10px;
line-height : 16px;
margin : 5px 0 0 20px;
text-transform : uppercase;
}
div#showcase div#slide-holder div#slide-controls p#slide-nav {
float : right;
height : 24px;
display : inline;
margin : 25px 15px 0 0;
clear: both;
}
div#showcase div#slide-holder div#slide-controls p#slide-nav a {
float : left;
width : 24px;
height : 24px;
display : inline;
font-size : 11px;
margin : 0 5px 0 0;
line-height : 24px;
font-weight : bold;
text-align : center;
text-decoration : none;
background-position : 0 0;
background-repeat : no-repeat;
color: #fffc01;
}
div#showcase div#slide-holder div#slide-controls p#slide-nav a.on {
background-position : 0 -24px;
}
div#showcase div#slide-holder div#slide-controls p#slide-nav a {
background-image : url(images/silde-nav.png);
}
/*****/

/*
	 Organic Tabs
	 by Chris Coyier
	 http://css-tricks.com
*/

* { margin: 0; padding: 0; }
body { font: 12px Georgia, serif; }
/*
html { overflow-y: scroll; }
*/
a { text-decoration: none; }
a:focus { outline: 0; }
p { font-size: 15px; margin: 0 0 15px 0; }
#page-wrap { width: 440px; margin: 20px auto; }

/* Generic Utility */
.hide { position: absolute; top: -9999px; left: -9999px; }


/* Specific to example one */

#example-one { padding: 10px; margin: 0;  }

#example-one .nav { overflow: hidden; margin: 0 0 10px 70px; position: relative;  }
#example-one .nav li { width: auto; float: left; margin: 0 10px 0 0; }
#example-one .nav li.last { margin-right: 0; }
#example-one .nav li a { display: block; padding: 5px; background: #959290; color: white; font-size: 10px; text-align: center; border: 0; -moz-box-shadow: 0 0 9px #666; -webkit-box-shadow: 0 0 9px #666; }
#example-one .nav li a:hover { background-color: #111; }

#example-one ul { list-style: none; }
#example-one ul li a { display: block; border-bottom: 1px solid #666; padding: 4px; color: #666; }
#example-one ul li a:hover { background: #fe4902; color: white; }
#example-one ul li:last-child a { border: none; }

#example-one ul li.nav-one a.current, #example-one ul.web-design li a:hover { background-color: #000; color: #fffc01; }
#example-one ul li.nav-two a.current, #example-one ul.website-assessment li a:hover { background-color: #000; color: #fffc01; }
#example-one ul li.nav-three a.current, #example-one ul.mobile-web-design li a:hover { background-color: #000; color: #fffc01; }
#example-one ul li.nav-four a.current, #example-one ul.search-engine-optimization li a:hover { background-color: #000; color: #fffc01; }
#example-one ul li.nav-five a.current, #example-one ul.graphic-design li a:hover { background-color: #000; color: #fffc01; }
#example-one ul li.nav-six a.current, #example-one ul.branding li a:hover { background-color: #000; color: #fffc01; }

/*
.nav li a{
	width: 120px;
}
*/



/* Specific to example two */

#example-two .list-wrap { background: #eee; padding: 10px; margin: 0 0 15px 0; }

#example-two ul { list-style: none; }
#example-two ul li a { display: block; border-bottom: 1px solid #666; padding: 4px; color: #666; }
#example-two ul li a:hover { background: #333; color: white; }
#example-two ul li:last-child a { border: none; }

#example-two .nav { overflow: hidden; }
#example-two .nav li { width: 97px; float: left; margin: 0 10px 0 0; }
#example-two .nav li.last { margin-right: 0; }
#example-two .nav li a { display: block; padding: 5px; background: #666; color: white; font-size: 10px; text-align: center; border: 0; }

#example-two li a.current,#example-two li a.current:hover { background-color: #eee !important; color: black; }
#example-two .nav li a:hover, #example-two .nav li a:focus { background: #999;}