/* RESET */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var {font-style:normal; font-weight:normal }
ol, ul, li {  }
caption, th { text-align:left }
h1, h2, h3, h5, h5, h6 { font-size:1em; font-weight:normal }
q:before, q:after { content:''}
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */
/* END RESET */



html{height: 100%;}
body{color: #333333; background: #fff url(images/backgrounds/body.png); text-align: center; margin: 0;font-family: Verdana,Helvetica,Arial,Geneva;	font-size: .75em;	line-height: 180%;	letter-spacing: 0em; word-spacing: 0em;}
ul{margin: 15px;padding: 15px;list-style-image: url(images/backgrounds/bullet.gif);}
ul.none{list-style: none;}	
li{}
p{font-family: Georgia,Verdana,Times New Roman,Times; text-indent: 0em; margin: 8px 0px 12px 3px;}
fieldset{}
form{margin: 20px; padding: 20px;}
form .button{color: #666; padding: 3px; background: #eeeeff; border: 5px outset #eeeeff; float: right;}
form .text{color: #666677; background: #fff !important; padding: 3px; font-size: 2em; border: 1px solid #666677; width: 200px; font-family: Georgia, "Times New Roman", Times, serif;}
table	{font-size: 1em; line-height: 140%;}
table td.label{text-align: right; vertical-align: top;}
table td{padding: 3px;}
a{border: 0px solid;}
img{border: 0px solid;}
code, pre{overflow: scroll; border: 1px solid #ccc;clear: both;display: block;padding: 15px;margin: auto;width: 90%;font-size: 8pt;line-height: 10pt;background: #fff url(images/backgrounds/code.png) top right no-repeat;}
h1{margin: 10px 0px;font-size: 2.5em;font-family: Georgia, "Times New Roman", Times, serif;font-style: italic;color: #999;font-weight: normal;	letter-spacing: 3px;}
h2{margin: 10px 0px;font-size: 2em;line-height: 1.2em;font-family: Georgia, "Times New Roman", Times, serif;}
h3{margin: 10px 0px;font-size: 1.3em;line-height: 1.1em;}
h4{margin: 10px 0px;font-size: 1em;font-style: oblique;}	
h6{margin: 10px 0px;font-size: .7em;}	
a:link{color: #0E5765;text-decoration: underline;background-color: transparent;}
a:visited{color: #5D5D7C;text-decoration: underline;background-color: transparent;}
a:hover{color: #2B7AA5;text-decoration: none;background-color: transparent;}
a:active{color: #00B127;text-decoration: none;background-color: transparent;}
#page{width: 960px;margin: 10px auto 10px auto;text-align: left;background: #fff url(images/backgrounds/page.png) top right no-repeat;border: 1px solid #000;}
#header{text-align: left;}
ul#interface{position: absolute; top : 2px; right: 2px; font-size: 8pt; display: none;}
ul#interface li{display: inline;}
ul#interface li a{padding: 5px; background: #fff; border: 1px solid #ccc;}
#header #logo
{
	width: 350px;
	height: 50px;
	display: block;
	background: url(images/visionary_labs_logo.png) top left no-repeat;
}
#header #logo span
{
	display: none;
	visibility: hidden;
}
#stage{background:url(images/backgrounds/stage.png) top left no-repeat;width: auto;margin-left: 105px;padding: 5px;}

#main_nav
{
	width: 100px;
	float: left;
	margin-left: 5px;
}

#main_nav ul
{
	list-style: none;
	list-style-image: none;
	margin: 0px;
	padding: 0px;
	font-size: 1em;
	line-height: 1.2em;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}
#main_nav ul li{margin: 3px 0px;}

	#main_nav .icon{margin: 0px 5px 0px 0px; display:block;float:left;height:15px;width:15px;overflow:hidden;background: url(images/vl_icons.png) top left no-repeat;}

	.marker, a.marker:link, a.marker:visited, a.marker:hover{
		color: #222; border: 1px solid #333; border-right: 0px; text-decoration: none; text-align:right;
	}
	
	#main_nav a:hover .icon{background-position: top center;}
	#main_nav .marker .icon{background-position: top right;}
	#main_nav a.marker:hover .icon{background-position: top right;}
	
	#main_nav .animation .icon{background-position: left -15px;}
	#main_nav .animation a:hover .icon{background-position: center -15px;}
	#main_nav .animation a.marker .icon{background-position: right -15px;}

	#main_nav .web .icon{background-position: left -30px;}
	#main_nav .web a:hover .icon{background-position: center -30px;}
	#main_nav .web a.marker .icon{background-position: right -30px;}
	
	#main_nav .music .icon{background-position: left -45px;}
	#main_nav .music a:hover .icon{background-position: center -45px;}
	#main_nav .music a.marker .icon{background-position: right -45px;}		

	#main_nav .design .icon{background-position: left -60px;}
	#main_nav .design a:hover .icon{background-position: center -60px;}
	#main_nav .design a.marker .icon{background-position: right -60px;}

	#main_nav .blog .icon{background-position: left -75px;}
	#main_nav .blog a:hover .icon{background-position: center -75px;}
	#main_nav .blog a.marker .icon{background-position: right -75px;}

	#main_nav .contact .icon{background-position: left -90px;}
	#main_nav .contact a:hover .icon{background-position: center -90px;}
	#main_nav .contact a.marker .icon{background-position: right -90px;}		

	#main_nav .about .icon{background-position: left -105px;}
	#main_nav .about a:hover .icon{background-position: center -105px;}
	#main_nav .about a.marker .icon{background-position: right -105px;}	

#sub_nav
{
	width: 150px;
	border-left: 1px solid #999;
	float: right;
	padding: 0px;	
}

#sub_nav .content h2{	
	padding: 3px;
	margin: 3px;
	}

#sub_nav .content ul{	
	list-style: none;
	list-style-image: none;
	padding: 3px;
	margin: 3px;
	}
	
	
#sub_nav .content li{	
	list-style: none;
	list-style-image: none;
	padding: 0px;
	margin: 0px;
	border-bottom: 1px solid #D8EDF3;
	}	
	
	
	
.sub_nav
{
	width: 100px;
	border: 1px solid #cccccc;
	background: white;
	float: right;
	margin: 15px 5px 5px 0px;
	padding: 0px;	
}

.sub_nav li.marker{border: 1px solid #FF6600;}

.sub_nav h2{padding: 3px; font-size: .9em; line-height: .9em; text-transform:lowercase;}
.sub_nav h3{margin: 5px 3px; padding: 3px; font-size: .8em; line-height: .9em; text-transform:lowercase;}

.sub_nav2
{
	list-style: none;
	list-style-image: none;
	margin: 0px 0px 0px 20px;
	padding: 0px;
}

.sub_cats
{
	width: 100px;
	border: 1px solid #cccccc;
	background: #fff;
	padding: 5px;
	margin: 0px;	
	position: absolute;
	right: 5px;
	top: 80px;
	list-style: none;
	list-style-image: none;
}

.sub_cats li{font-size: 9pt; line-height: 9pt; margin-bottom: 8px;}
.sub_cats li a{display: block; padding: 3px;}
.sub_cats .marker{text-align: left !important;}

.sub_nav2 li
{
	display: block;
	float: left;
	height: 25px;
	width: 25px;
	margin: 5px;
	overflow:hidden;
}

.sub_nav li
{
	display: block;
	float: left;
	height: 25px;
	width: 25px;
	margin: 2px;
	border: 1px solid;
	overflow:hidden;
}

#main_nav a
{
	text-decoration: none;
	margin: 0px 0px 0px 10px;
	padding: 2px;
	display: block;
}

.floor
{
	clear: both;
	width: 100%;	
	border-bottom: 0px solid #cccccc;
}


#footer
{
text-align: center;
line-height: 200%;
color: #666666;
font-size: .8em;
background: url(images/backgrounds/footer.jpg) bottom center no-repeat;
padding-bottom: 35px;
width: 95%;
margin: auto;
display: block;
clear: both;
}

	#footer a:link, .footer a:visited
	{
		color: #BEE0B6;
		text-decoration: underline;
	}
	
	#footer a:hover
	{
		color: #66CC00;
	}

	#footer .content
	{
		background-color: #111111;
	}

.right
{
	float: right;
}

	.clear
	{
	clear: both;
	}
	
	.swatch
	{
	width: 10%;
	text-align: center;
	padding: 2px; 
	margin: 0px; 
	float: left;
	color: #ffffff;
	font-size: .7em;
	line-height: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
.error
{
	padding: 15px;
	width: 60%;
	background: #eeeeee;
	border: 4px solid #990000;
}

.drop
{
	text-indent: -100px;
	width: 45px;
	height: 45px;
	float: left;
	overflow: hidden;
	display: block;
	margin-top: -5px;
	margin-right: 5px;
	background: top center no-repeat;
}

p.dropclass:first-letter
{
	display: block;
	font-size: 5em;
	top: 50px;
}

.entry
{
	margin: 10px auto;
	background: #fff;
	border: 1px solid #ddd;
	width: 98%;
}

.entry .content
{
	padding: 10px;
	margin: 0px;
	background: url(images/backgrounds/entry3.png) bottom repeat-x;
	border: 0px solid #333;
	height: 100%;
}

.date
{
	float: right;
	font-size: .8em;
	color: #555555;
}

.drop.a{background-image: url(images/dropcaps/a.png);}
.drop.b{background-image: url(images/dropcaps/b.png);}
.drop.c{background-image: url(images/dropcaps/c.png);}
.drop.d{background-image: url(images/dropcaps/d.png);}
.drop.e{background-image: url(images/dropcaps/e.png);}
.drop.f{background-image: url(images/dropcaps/f.png);}
.drop.g{background-image: url(images/dropcaps/g.png);}
.drop.h{background-image: url(images/dropcaps/h.png);}
.drop.i{background-image: url(images/dropcaps/i.png);}
.drop.j{background-image: url(images/dropcaps/j.png);}
.drop.k{background-image: url(images/dropcaps/k.png);}
.drop.l{background-image: url(images/dropcaps/l.png);}
.drop.m{background-image: url(images/dropcaps/m.png);}
.drop.n{background-image: url(images/dropcaps/n.png);}
.drop.o{background-image: url(images/dropcaps/o.png);}
.drop.p{background-image: url(images/dropcaps/p.png);}
.drop.q{background-image: url(images/dropcaps/q.png);}
.drop.r{background-image: url(images/dropcaps/r.png);}
.drop.s{background-image: url(images/dropcaps/s.png);}
.drop.t{background-image: url(images/dropcaps/t.png);}
.drop.u{background-image: url(images/dropcaps/u.png);}
.drop.v{background-image: url(images/dropcaps/v.png);}
.drop.w{background-image: url(images/dropcaps/w.png);}
.drop.x{background-image: url(images/dropcaps/x.png);}
.drop.y{background-image: url(images/dropcaps/y.png);}
.drop.z{background-image: url(images/dropcaps/z.png);}

.box
{
	border: 1px solid #ffffff;
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 5px;
}
.message
{
	padding: 10px;
	margin: 10px;
	border: 1px solid #990000;
}

.left
{
	float: left;
}


#map_nav
{
	text-align: left;
	border-top: 1px solid #333;
}

#map_nav .content
{
	float: left;
	width: 49%;
	font-size: 8pt;
}
#map_nav .content ul
{
	margin: 0px; padding: 0px;
}
#map_nav .content ul li
{
	background: none;
	list-style: none;
	margin: 0px; padding: 0px;
}
.bot_nav
{
	clear: both;
	padding: 20px;
}
.bot_nav ul
{
	text-align: center;
	margin: 0px; padding: 0px;
}
.bot_nav ul li
{
	font-size: 7pt;
	display: inline;
	background: none;
	margin: 0px 10px;
}

/*CMS STYLE*/
#cms #stage{width: 800px;}
#cms .menu{padding: 5px; background: #FFFFCC;}