/********************
 *  Nav
 * 
 ********************/

#nav{
	width:  192px; height:  192px;
	margin:  0;
	position: relative;
	background: #F4F4F4;
}

body.white_bg #nav{
	background: #F4F4F4;
}

body.black_bg #nav{
	background: #333333;
}

body.grey_bg #nav{
	background: #F4F4F4;
}

body.info_bg #nav{
	background: #000000;
}

body.profile_bg #nav{
	background: #F4F4F4;
}

#nav .wrapper{
	margin:  0; padding: 0;
	width:  192px; height:  192px;
}

#nav h1{
	position: absolute;
	top: 24px; right: 15px;
	margin:  0; padding:  0;
}

 #nav .light_bg h1 a:link, #nav .light_bg h1 a:active, #nav .light_bg h1 a:visited, #nav .light_bg h1 a:hover{
	display: block;
	width: 114px;
	height: 38px;
	background: url(http://www.creativeinc.ie/images/ci_logo_light.gif) no-repeat;
	text-indent:-9999px;
}

 #nav .dark_bg h1 a:link, #nav .dark_bg h1 a:active, #nav .dark_bg h1 a:visited, #nav .dark_bg h1 a:hover{
	display: block;
	width: 114px;
	height: 38px;
	background: url(http://www.creativeinc.ie/images/ci_logo_dark.gif) no-repeat;
	text-indent:-9999px;
}


 #nav .info_nav_bg h1 a:link, #nav .info_nav_bg h1 a:active, #nav .info_nav_bg h1 a:visited, #nav .info_nav_bg h1 a:hover{
	display: block;
	width: 114px;
	height: 38px;
	background: url(http://www.creativeinc.ie/images/ci_logo_info.gif) no-repeat;
	text-indent:-9999px;
}


#nav ul{
   margin: 0; padding: 0;
   list-style: none;
   position: absolute;
   bottom: 11px; right: 15px;
}

#nav ul li{
	margin: 0; padding: 0;
	display: inline;
}

#nav ul li a{
	margin: 0; padding: 0;
}

#nav ul li a:link, #nav ul li a:active, #nav ul li a:visited {
	float: left;
	padding: 19px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:19px; /* for IE5/Win only */
}
	
#nav ul a:hover {
	background-position: 0px -19px;
	-ms-background-position-x: 0px;
        -ms-background-position-y: -19px;
}

.light_bg #profile a{
	background: url(http://www.creativeinc.ie/images/light_profile.gif) top left no-repeat;
	width:  52px;
}

.light_bg #profile_active a{
	background: url(http://www.creativeinc.ie/images/light_profile_active.gif) top left no-repeat;
	width:  52px;
}

.light_bg #work a{
	background: url(http://www.creativeinc.ie/images/light_work.gif) top left no-repeat;
	width:  44px;
}

.light_bg #work_active a{
	background: url(http://www.creativeinc.ie/images/light_work_active.gif) top left no-repeat;
	width:  44px;
}

.light_bg #contact a{
	background: url(http://www.creativeinc.ie/images/light_contact.gif) top left no-repeat;
	width:  49px;
}

.light_bg #contact_active a{
	background: url(http://www.creativeinc.ie/images/light_contact_active.gif) top left no-repeat;
	width:  49px;
}

.dark_bg #profile a{
	background: url(http://www.creativeinc.ie/images/dark_profile.gif) top left no-repeat;
	width:  52px;
}

.dark_bg #profile_active a{
	background: url(http://www.creativeinc.ie/images/dark_profile_active.gif) top left no-repeat;
	width:  52px;
}

.dark_bg #work a{
	background: url(http://www.creativeinc.ie/images/dark_work.gif) top left no-repeat;
	width:  44px;
}

.dark_bg #work_active a{
	background: url(http://www.creativeinc.ie/images/dark_work_active.gif) top left no-repeat;
	width:  44px;
}

.dark_bg #contact a{
	background: url(http://www.creativeinc.ie/images/dark_contact.gif) top left no-repeat;
	width:  49px;
}

.dark_bg #contact_active a{
	background: url(http://www.creativeinc.ie/images/dark_contact_active.gif) top left no-repeat;
	width:  49px;
}

.info_nav_bg #profile a{
	background: url(http://www.creativeinc.ie/images/info_profile.gif) top left no-repeat;
	width:  52px;
}

.info_nav_bg #profile_active a{
	background: url(http://www.creativeinc.ie/images/info_profile_active.gif) top left no-repeat;
	width:  52px;
}

.info_nav_bg #work a{
	background: url(http://www.creativeinc.ie/images/info_work.gif) top left no-repeat;
	width:  44px;
}

.info_nav_bg #work_active a{
	background: url(http://www.creativeinc.ie/images/info_work_active.gif) top left no-repeat;
	width:  44px;
}

.info_nav_bg #contact a{
	background: url(http://www.creativeinc.ie/images/info_contact.gif) top left no-repeat;
	width:  49px;
}

.info_nav_bg #contact_active a{
	background: url(http://www.creativeinc.ie/images/info_contact_active.gif) top left no-repeat;
	width:  49px;
}