/*
==============================
========= STRUCTURE ==========
==============================
*/

html, body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000;
	background-color:#3580AF;
	background:#3580AF url('/images/v4/bg.gif') repeat-x;	
	margin: 0;
	padding: 0;
}
	
#bodybg	{
	margin: auto;
	width: 974px;
}
	
#container	{
	width: 974px;
	margin: 0;
	padding: 0;
	background-image: url('/images/v4/base.jpg');
	background-repeat: no-repeat;
	background-position: 0 96px; 
	height: 800px;
	min-height: 800px;
}
	
#foot_container	{
	margin:0;
	padding:0;
}

#content	{
	padding: 0;
	margin: 7px 15px 0 15px;
	color: #282723;
}

#content li {
	/*font-size: 11px;*/
	/*color: #000;*/
	padding-bottom: 10px;
	margin-bottom: 10;
}

div	{
	border: none;
}

img {
	border: 0;
}
	
.floatLeft { float: left; margin: 0; padding: 0; }
.floatRight { float: right; margin: 0; padding: 0; }
.clearLeft { clear: left; }
.clearRight { clear: right; }
.clearBoth { clear: both; }

#left	{
	float:left;
	width: 500px;
}

#left li, ol {
	font-size: 11px;
}

#right {
	float:right;
	width:437px;
}

#hideMe {
	display:none;
}

#sectionBG {
	padding:10px 10px 0 200px;
	margin:0;
	width: 290px;
	height: 120px;
	/*background:url('/_layouts/ICS.Sharepoint.WebPages/webimg/shareworkz/Site/section_1.jpg') no-repeat;*/
}

	
/*
==============================
========== HEADER ============
==============================
*/

#v4header {
	width: 974px;
	height: 96px;
	background: url('/images/v4/shareworkz_nirvana.jpg') no-repeat;
	margin: 0;
}

#header	{
	margin:0; padding:24px 0 0 15px;
	height:78px;
}


/*
==============================
======== TEXT STYLE ==========
==============================
*/

h1 {
	font-size:2em;
	font-weight:normal;
	color:#FFF;
	background:inherit;
	margin:10px 5px 5px 5px;
	padding:0;
}

h2 {
	font-size:0.8em;
	font-weight:bold;
	color:#336699;
	background:inherit;
	margin: 10px 5px 5px 5px;
	padding:0;
}

p.left {
	font-size:0.7em;
	margin:0;
	padding:5px;
	line-height: 18px;
}

.orange {
	color:#336699;
	background-color:inherit;
	font-size:0.8em;
	font-weight:bold;
}

.red {
	color:#CC0000;
	background-color:inherit;
	font-size:0.8em;
	font-weight:bold;
}

.blue {
	color:#009900;
	background-color:inherit;
	font-size:0.8em;
	font-weight:bold;
}

.green {
	color:#355AA0;
	background-color:inherit;
	font-size:0.8em;
	font-weight:bold;
}

#sectionTitle {	
	color:#FFFFFF;
	font-weight:bold;
	padding:0;
	margin:0;
}

#sectionSubTitle {
	color:#CCCCCC;
	font-size:0.8em;
	font-weight:bold;
	padding:0;
	margin:0;
}
	
a.orangelink:link {text-decoration: underline;color: #336699;}
a.orangelink:visited {text-decoration: underline;color: #336699;}
a.orangelink:hover {text-decoration: underline;color: #CC0000;}
a.orangelink:active {text-decoration: underline;color: #336699;}

a.redlink:link {text-decoration: none;color: #CC0000;}
a.redlink:visited {text-decoration: none;color: #CC0000;}
a.redlink:hover {text-decoration: none;color: #000;}
a.redlink:active {text-decoration: none;color: #CC0000;}

a.bluelink:link {text-decoration: none;color: #009900;}
a.bluelink:visited {text-decoration: none;color: #009900;}
a.bluelink:hover {text-decoration: none;color: #000;}
a.bluelink:active {text-decoration: none;color: #009900;}

a.greenlink:link {text-decoration: none;color: #355AA0;}
a.greenlink:visited {text-decoration: none;color: #355AA0;}
a.greenlink:hover {text-decoration: none;color: #000;}
a.greenlink:active {text-decoration: none;color: #355AA0;}

a.topnav:link {text-decoration: none;color: #FFF;}
a.topnav:visited {text-decoration: none;color: #FFF;}
a.topnav:hover {text-decoration: none;color: #FFF;}
a.topnav:active {text-decoration: none;color: #FFF;}

a.subNav:link {text-decoration: none; color: #000;}
a.subNav:visited {text-decoration: none; color: #000;}
a.subNav:hover {text-decoration: underline; color: #000;}
a.subNav:active {text-decoration: underline; color: #000;}

/*
==============================
========== CONTENT ===========
==============================
*/

.box {
	margin: 0 0 7px 0;
}
	
.boxTitle {
	background: url('/images/v4/box_title3.jpg') repeat-x;
	border: #7AB2CC 1px solid;
	height: 19px;
	margin: 0;
	padding: 3px 0 0 5px;
}

.boxTitle_turq {
	background: #008B84 url('/images/v4/box_title2.jpg') repeat-x;
	border: #115F7E 1px solid;
	height: 19px;
	margin: 0;
	padding: 3px 0 0 5px;
	color: #FFF;
	font-size:0.8em;
	font-weight:bold;
}
	
.boxContent {
	font-size: 11px;
	background: url('/images/v4/box_content3.jpg') repeat-x #C6E0E4;
	border-right: #7AB2CC 1px solid;
	border-bottom: #7AB2CC 1px solid;
	border-left: #7AB2CC 1px solid;
	margin: 0;
	padding: 5px;
}

.boxContent_turq {
	font-size: 11px;
	background: url('/images/v4/box_content2.jpg') repeat-y #E8ECF6;
	border-right: #115F7E 1px solid;
	border-bottom: #115F7E 1px solid;
	border-left: #115F7E 1px solid;
	margin: 0;
	padding: 5px;
	color: #FFF;
}

.boxContent_turq ul {
	margin-top: 5px;
}

.boxContent_turq li {
	color: #FFF;
	font-size: 12px;
	margin-left: -15px;
}
	
.boxContentNews {
	font-size: 11px;
	width: 485px;
	background: url('/images/v4/box_content.jpg') repeat-x #E8ECF6;
	border-right: #7AB2CC 1px solid;
	border-bottom: #7AB2CC 1px solid;
	border-left: #7AB2CC 1px solid;
	margin: 0;
	padding: 5px;
}

.boxContentNews a {
	color: #336699;
	text-decoration: underline;
}

.boxContentNews a:hover {
	color: #CC0000;
	text-decoration: underline;
}
	
.boxContentFull
	{
	background:url('/images/v4/box_content.jpg') repeat-x #F9FAFE bottom;
	border: #D5DCED 1px solid;
	margin:0;
	padding:10px;
	min-height:200px;
	}
.boxScreenshot
	{
	background:url('/images/v4/box_content.jpg') repeat-x #E8ECF6;
	border-right: #D5DCED 1px solid;
	border-bottom: #D5DCED 1px solid;
	border-left: #D5DCED 1px solid;
	margin:0;
	padding:10px;
	}

.boxright	
	{
	margin:0;
	padding:0;
	width:415px;
	}
.boxfull
	{
	font-size:11px;
	margin:0;
	padding:0;
	}
#flashcontent1{ float:left; width:95px;}
#flashcontent2{ float:left; width:95px;}
#flashcontent3{ float:left; width:95px;}
#flashcontent4{ float:left; width:95px;}

/*
==============================
======== NAVIGATION ==========
==============================
*/

#topnav
	{
	padding: 0;
	margin: 7px 15px 0 15px;
	border: solid 1px #585752;
	color: #FFF;
	background:url('/images/v4/black_bg.jpg') repeat-x;
	height: 30px;
	width: 944px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	text-align: center;
	}
#botnav
	{
	padding:6px 0 0 8px;
	margin:0 15px 0 15px;
	border: solid 1px #8C94A0;
	color:#282723;
	background:url('/images/silver_bg.jpg') repeat-x;
	height:23px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	}
div.outer
	{
	float: left;
	width: 117px; height: 28px;
	margin:0;
	background:url('/images/b_nav7.gif') 0 -50px no-repeat;
	}

div.outer a
	{
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	color:#FFF;
	text-decoration: none;
	background: url('/images/b_nav7.gif') top left no-repeat;
	}
div.outer span
	{
	display: block;
	margin:0; padding: 5px 0 0 0;
	}
div.outer a:hover
	{
	background-image: none;
	color:#FFF;
	}
div.outer a:active
	{
	background:url('/images/b_nav7.gif') 0 -50px no-repeat;
	color:#FFF;
	}
ul.nav
	{
	margin:0;
	padding:0;
	display:inline;
	}
ul.footnav
	{
	margin:0;
	padding:0;
	font-size:0.7em;
	display:inline;
	}
li.nav
	{
	list-style:none;
	display:inline;
	margin:5px 0 0 0;
	padding:0;
	color: #000;
	}

/*
==============================
========== FOOTER ============
==============================
*/

#footer	{
	width: 600px;
	float: left;
	margin: 20px 0 0 5px;
	padding: 0;
}
	
hr { 
	width: 100%; 
	border: none 0; 
	border-top: 1px #336699 solid; 
	height: 1px 
}