/* CSS Document */

#nav, #nav ul {  /* important */
	list-style: none;
	background: transparent;
	padding: 0;
	margin: 0 0 1em 0;
	width: 58em; 
	z-index:99999;
}

#nav {margin:0; padding:0;}

#nav li {   /* important */
	float: left;
	white-space: nowrap;
	margin:0;
	padding:0; 
	margin:0px;
}

#nav a {  /* very important, do not delete */
	padding: 0px 0px 0px 18px;
	margin:2px 7px 0px 5px;
	display: block;
	width: auto; 
	background-image:url(../images/tab_blueleft.jpg); 
}

.mid {background-image:url(../images/tab_bluemid.jpg); background-repeat:repeat-x; display:block;}

.rt {display:block; 
	padding: 12px 19px 6px 0px; 
	border:0px solid green;
	background-image:url(../images/tab_blueright.jpg); 
	background-repeat:no-repeat;
	background-position:top right;
	color:white; font-weight:bold; } 
 
body#home a#nav-home, body.services a#nav-services, body.planning a#nav-planning, body#faq a#nav-faq, body.about a#nav-aboutsw, body.portfolio a#nav-portfolio, body.blog a#nav-blog  
{background-image:url(../images/tab_whiteleft.jpg); border-bottom:2px solid white;}
body#home a#nav-home .mid, body.services a#nav-services .mid, body.planning a#nav-planning .mid, body#faq a#nav-faq .mid, body.about a#nav-aboutsw .mid, body.portfolio a#nav-portfolio .mid, body.blog a#nav-blog .mid
{background-image:url(../images/tab_whitemid.jpg)}
body#home a#nav-home .mid .rt, body.services a#nav-services .mid .rt, body.planning a#nav-planning .mid .rt, body#faq a#nav-faq .mid .rt, body.about a#nav-aboutsw .mid .rt, body.portfolio a#nav-portfolio .mid .rt, body.blog a#nav-blog .mid .rt
{background-image:url(../images/tab_whiteright.jpg); color:#006d88; font-weight:bold;
padding: 12px 19px 8px 0px;}

#nav a:hover  {color: #d7ef8e; text-decoration: none;}

#nav li ul {  /* important */
	position: absolute;
	left: -999em;
	height: auto;
	width: 14.3em;
	margin: 0; 	
}

/* Home */
body#home a#nav-home {color:#B1232B}

.sidenav {width:135px; height:674px; position:absolute; margin:-10px 0px 0px 4px; background: url(../images/sidebar.gif) no-repeat;}
.sidenav ul {width:135px; border:0px solid red; padding:0; marign:0; margin-top:10px}
.sidenav ul li {list-style-type:none; font-size:10pt; padding:10px; background-color:transparent; border:1px solid transparent; border-left:0; border-right:0}
.sidenav ul li a {color:#006d88} .sidenav ul li a:hover {color:#480066} .sidenav ul li a:visited {color:#006d88}

div.sides .content {margin-left:160px; padding:10px 20px 20px 0px;}
div.sides .content p {margin-top:0}

body#planning .sidenav ul li.sn-planning,
body#domain .sidenav ul li.sn-domain,
body#layouts .sidenav ul li.sn-layouts,
body#navigation .sidenav ul li.sn-navigation,
body#custom .sidenav ul li.sn-custom,
body#pages .sidenav ul li.sn-pages,

body#design .sidenav ul li.sn-design,
body#redesign .sidenav ul li.sn-redesign,
body#emailflyer .sidenav ul li.sn-emailflyer,
body#photoshop .sidenav ul li.sn-photoshop,
body#aboutsw .sidenav ul li.sn-aboutsw,
body#aboutmb .sidenav ul li.sn-aboutmb,
body#webportfolio .sidenav ul li.sn-webportfolio,
body#notfound .sidenav ul li.sn-notfound,
body#forbidden .sidenav ul li.sn-forbidden,
body#privacy .sidenav ul li.sn-privacy,
body#sitemap .sidenav ul li.sn-sitemap,
body#bloghome .sidenav ul li.sn-bloghome,
body#page .sidenav ul li.sn-bloghome,
body#login .sidenav ul li.sn-bloghome,
body#single .sidenav ul li.sn-bloghome,
body#archive .sidenav ul li.sn-bloghome,
body#search .sidenav ul li.sn-bloghome,
body#image .sidenav ul li.sn-bloghome
{background-color:#f4f3f3; border:1px solid #d5d4d4; border-left:0; border-right:0}