/* @group Main Nav */

/* Main Menu */

#nav
{
	position: absolute;
	top: 71px;
	left: 10px;
	width: 600px;
	padding: 0;
	margin: 0 0 0 0;
	list-style: none;
	font-size: 1.3em;
	overflow: hidden;
}

#nav ul 
{
	padding: 0;
	margin: 0;
	list-style: none;
	overflow: hidden;
}


/* Defines the appearance of the links */

#nav a 
{
	display: block;
	color: #b9d457;
	text-decoration: none;
	padding: 0 0 0 0;
	margin: 0;
	overflow: hidden;
}

#nav li 
{
	float: left;
	overflow: hidden;
}

#nav li a:hover
{
	color: #fff;
}


/* Rollovers */


div#nav ul li.tour a
{
	width: 60px;
	height: 49px;
	margin: 0 0 0 0;
	background-image: url("../images/menus/main/tour.gif");
	background-repeat: no-repeat;
}

div#nav ul li.tour a:hover
{ 
	background-position: 0 -50px;
}

div#nav ul li.livedemo a
{
	width: 100px;
	height: 49px;
	margin: 0 0 0 0;
	background-image: url("../images/menus/main/livedemo.gif");
	background-repeat: no-repeat;
}

div#nav ul li.livedemo a:hover
{ 
	background-position: 0 -50px;
}


div#nav ul li.blog a
{
	width: 60px;
	height: 49px;
	margin: 0 0 0 0;
	background-image: url("../images/menus/main/blog.gif");
	background-repeat: no-repeat;
}

div#nav ul li.blog a:hover
{ 
	background-position: 0 -50px;
}



div#nav ul li.pricing a
{
	width: 78px;
	height: 49px;
	margin: 0 0 0 0;
	background-image: url("../images/menus/main/pricing.gif");
	background-repeat: no-repeat;
}

div#nav ul li.pricing a:hover
{ 
	background-position: 0 -50px;
}


div#nav ul li.freetrial a
{
	width: 232px;
	height: 49px;
	margin: 0 0 0 0;
	background-image: url("../images/menus/main/freetrial.gif");
	background-repeat: no-repeat;
}

div#nav ul li.freetrial a:hover
{ 
	background-position: 0 -50px;
}



/* Body Hightlight States */


body#tour #nav ul li.tour a
{ 
	background-position: 0 -50px;
}


body#pricing #nav ul li.pricing a
{ 
	background-position: 0 -50px;
}


body#freetrial #nav ul li.freetrial a
{ 
	background-position: 0 -50px;
}




/* @end */










/* @group Infrastructure Nav */

/* Infrastructure Menu */

#infrastructure-nav
{
	position: absolute;
	top: 30px;
	left: 20px;
	width: 600px;
	padding: 0;
	margin: 0 0 0 0;
	list-style: none;
	font-size: 1em;
}

#infrastructure-nav ul 
{
	padding: 0;
	margin: 0;
	list-style: none;
}


/* Defines the appearance of the links */

#infrastructure-nav a 
{
	display: block;
	color: #b4b4b4;
	text-decoration: none;
	padding: 0 20px 0 0;
	margin: 0;
}

#infrastructure-nav li 
{
	float: left;
}

#infrastructure-nav li a:hover
{
	color: #fff;
}

body#home #infrastructure-nav a.home 
{
	color: #fff;
}

body#technical #infrastructure-nav a.technical 
{
	color: #fff;
}

body#blog #infrastructure-nav a.blog 
{
	color: #fff;
}

body#contact #infrastructure-nav a.contact 
{
	color: #fff;
}

/* @end */






/* @group Section Nav */

#section-nav
{
	position: absolute;
	top: 140px;
	left: 10px;
	width: 800px;
	padding: 0;
	margin: 0 0 0 0;
	list-style: none;
	font-size: 1.3em;
	font-weight: bold;
}

#section-nav ul 
{
	padding: 0;
	margin: 0;
	list-style: none;
}


/* Defines the appearance of the links */

#section-nav a 
{
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 0 20px 0 0;
	margin: 0;
}

#section-nav a:hover
{
	color: #d3fc40;
	background-image: url("../images/menus/arrow_green.gif");
	background-repeat: no-repeat;
	background-position: 40% bottom;
}

#section-nav li 
{
	float: left;
}

li.selected
{
	background-image: url("../images/menus/arrow_green.gif");
	background-repeat: no-repeat;
	background-position: 40% bottom;
	color: #333;
}




/* @end */

/* @group Gallery */

ul#gallery-list
{
	list-style: none;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

ul#gallery-list li
{
	float: left;
}


/* @end */