/*
*     Style sheet for http://sirius-pr.com 
*     © SiriuS Website Design 2004-2006
*     Gerrit van der Bend
*/

body 					{
 background:				url('images/mainbg.png') fixed;
 margin: 				0;
 padding: 				0;
 font-family: 				Georgia, "Times New Roman", Times, serif;
 font-size: 				16px;
	  				}
 
#container 				{ 
 margin: 				0;
 padding: 				0;
 text-align: 				justify;  
					}

#main   				{ 
 width: 				760px; 
 margin-top:				3px;
 margin-left: 				auto; 
 margin-right: 				auto; 
 padding: 				0;
					}

#content				{ 
 padding:				0;
 margin:				0;
 background:            		#3A7877;
 color:					#000;
 width: 				760px; 
 float: 				left; 
 border:				3px ridge #60AEA2; 
					}

#content_demo				{ 
 padding:				0;
 margin:				0 0 10px 0;
 background:            		#fff;
 color:					#000;
 width: 				760px; 
 float: 				left; 
 border:				3px ridge #60AEA2; 
					}

#content_demo p				{
 padding:	 			5px 10px; 
 margin: 				0px;
					}

#content_demo li			{
 line-height:				160%;
					}

#middle					{ 
 background:				#fff;
 color:					#000;
 width: 				607px; 
 float: 				right;
 margin-bottom:				3px;
 padding:                               0;
					}

#navleft   				{ 
 background:           	 		#3A7877;
 width:   				130px; 
 float: 				left; 
 color:					#f40;
 text-align:				center;
 padding: 	        		10px;
					}

#menu					{
 text-align:				left;
					}

#header		 			{ 
 clear: 				both;
 text-align:				center; 
 margin: 				10px 0 5px 0;
 padding:				0;
	 				}

#header img				{
 border:				3px ridge #60AEA2;
					}

#breadcrumb				{
 padding:				5px 0 5px 10px;
 margin: 				0;
 font-size:				13px;  
 float:					left;
	                	        }

#breadcrumb a				{
 color:					#000;
 background-color:			#fff;
 text-decoration: 			none;
					}

#breadcrumb a:hover,
#breadcrumb a.current			{
 color: 				#416362;
 background-color:			#fff;
 text-decoration:			none;
					}

#options				{
 clear:					left;
 float:					right;
 margin:				5px 10px 5px 0;
 padding:				0;			
					}

#options ul				{
 margin: 				0;
 padding: 				0;
					}

#options li 				{
 margin: 				0;  
 padding: 				0;
 display: 				inline;
 list-style-type: 			none;
					}

#newsfeed				{
 float:					left;
 height:				25px;
 width:					99px;
 background: 				url('images/newsfeed_big.gif') top left no-repeat; 	
					}

#feedicon a				{
 float:					left;
 height:				25px;
 width:					22px;			
 background: 				url('images/rss.gif') top left no-repeat;
					}

#feedicon a:hover			{
 float:					left;
 height:				25px;
 width:					22px;			
 background: 				url('images/rss.gif') no-repeat;
 background-position: 			0 -25px;
					}

#color					{
 float:					left;
 height: 				25px;
 width: 				86px;
 background: 				url('images/theme_color_big.gif') top left no-repeat;
					}

#black a				{
 float:					left;
 height: 				25px;
 width: 				22px;
 background: 				url('images/black.gif') top left no-repeat;
					}

#black a:hover				{
 float:					left;
 height: 				25px;
 width: 				22px;
 background: 				url('images/black.gif') no-repeat;
 background-position: 			0 -25px;
					}

#red a					{
 float:					left;
 height: 				25px;
 width: 				22px;
 background: 				url('images/red.gif') top left no-repeat;
					}

#red a:hover				{
 float:					left;
 height: 				25px;
 width: 				22px;
 background: 				url('images/red.gif') no-repeat;
 background-position: 			0 -25px;
					}

#blue a					{
 float:					left;
 height: 				25px;
 width: 				22px;
 background: 				url('images/blue.gif') top left no-repeat;
					}

#blue a:hover				{
 float:					left;
 height: 				25px;
 width: 				22px;
 background: 				url('images/blue.gif') no-repeat;
 background-position: 			0 -25px;
					}

#gold a					{
 float:					left;
 height: 				25px;
 width: 				22px;
 background: 				url('images/gold.gif') top left no-repeat;
					}

#gold a:hover				{
 float:					left;
 height: 				25px;
 width: 				22px;
 background: 				url('images/gold.gif') no-repeat;
 background-position: 			0 -25px;
					}

#color_poll a				{
 float:					left;
 height: 				25px;
 width: 				26px;
 background: 				url('images/color_poll.gif') top left no-repeat;
					}

#color_poll a:hover			{
 float:					left;
 height: 				25px;
 width: 				26px;
 background: 				url('images/color_poll.gif') no-repeat;
 background-position: 			0 -25px;
					}

#text_size				{
 float:					left;
 height: 				25px;
 width: 				65px;
 background: 				url('images/text_size_big.gif') top left no-repeat;
					}

#size_small a				{ 
 float:					left;
 height: 				25px;
 width: 				17px;
 background: 				url('images/text_small.gif') top left no-repeat;
					}

#size_small a:hover			{
 float:					left;
 height: 				25px;
 width: 				17px;
 background: 				url('images/text_small.gif') no-repeat;
 background-position: 			0 -25px;
					}


#size_med a				{ 
 float:					left;
 height: 				25px;
 width: 				23px;
 background: 				url('images/text_med.gif') top left no-repeat;
					}

#size_med a:hover			{
 float:					left;
 height: 				25px;
 width: 				23px;
 background: 				url('images/text_med.gif') no-repeat;
 background-position: 			0 -25px;
					}

#size_big a				{
 float:					left;
 height: 				25px;
 width: 				25px;
background: 				url('images/text_big.gif') top left no-repeat;
					}

#size_big a:hover			{
float:					left;
 height: 				25px;
 width: 				25px;
 background: 				url('images/text_big.gif') no-repeat;
 background-position: 			0 -25px;
					}

#footer 				{ 
 width: 				100%;  
 padding-bottom:			10px;
 background-color: 			#C1DDDD;
 color:					#000;
 text-align:				center;
 font-size:				13px; 
					}

#movie					{
 float:					right;
 margin:				15px 10px 15px 10px;
					}

#movie_sirius				{
 float:					right;
 margin:				5px 10px 5px 10px;
					}

.spacer  				{ 
 clear: 				both;	
 line-height: 				0px; 
					}

hr					{
 width:					97%;
 text-align:				center;
					}
  
#middle p  				{
 padding:	 			5px 10px; 
 margin: 				0px;
					}

#breadcrumb p				{
 float:					right;
 padding:				0 10px;
 margin:					0;
					}

ul#client				{
 line-height:				150%;
					}

img					{
 border:				0;
					}

.imgright				{
  float:				right;
  padding:				10px;
					}

.imgleft				{
  float:				left;
  padding:				10px 10px 10px 0px;
					}

h1					{
 color: 				#2A4342;
 background-color:			#fff;
 font-size: 				28px;
 padding-left: 				10px;
					}

h2					{
 color: 				#2A4342;
 background-color:			#fff;
 font-size: 				22px;
 padding-left: 				10px;
					}

h3, h4, h5, h6				{
 color: 				#2A4342;
 background-color:			#fff;
 font-size: 				18px;
 padding-left: 				10px;
					}

a.link					{
 color:					#416362;
 background-color:			#fff;
 text-decoration:			none;
 font-weight:				bold;
					}

a.link:hover				{
 color:					#000;
 background-color:			#fff;
 text-decoration: 			underline;
 font-weight:				bold;
					}

a.link2					{
 color:					#000;
 background-color:			#fff;
 text-decoration:			none;
 font-weight:				normal;
					}

a.link2:hover				{
 color:					#416362;
 background-color:			#fff;
 text-decoration: 			underline;
 font-weight:				normal;
					}

.smaller				{
 font-size:				15px;
 color:					#808080;
 background:				#fff;
					}

ul#b_list, ul#b_list ul		{
 list-style-image:			url('images/bullet.gif');
 line-height: 				150%;
					}

ul#nav,
ul#nav ul				{
 margin: 				0;
 padding: 				0;
 list-style: 				none;
 width: 				130px;
					}

ul#nav li 				{
 position: 				relative;
					}
	
ul#nav li ul  				{
 position:	 			absolute;
 left: 					129px;
 top: 					0;
 width: 				200px;
 display: 				none;
 					}

ul#nav li ul li ul			{
 position:	 			absolute;
 left: 					199px;
 top: 					0;
 width:					150px;
 display:	 			none;
		 			}

ul#nav li a				{
 display: 				block;
 font-size: 				16px;
 text-decoration: 			none;
 color: 				#000;
 background-color:			#fff;
 background: 				url('images/menu1.png'); 
 padding:				5px;
 width:					120px;
					}

ul#nav li a:hover,
ul#nav li a.over,
ul#nav li a.current			{
 background: 				url('images/menu1a.png'); 
 color:					#416362; 
 background-color:			#fff;
					}
		
ul#nav li ul li a			{ 
 background:				url('images/menu2.png'); 
 padding:				5px 5px; 
 width:					190px;
					}

ul#nav li ul li a:hover,
ul#nav li il li a.over,	
ul#nav li ul li a.current2		{
 background: 				url('images/menu2a.png'); 
 color:					#416362; 
 background-color:			#fff;
					}

ul#nav li ul li ul li a			{
 background:	 			url('images/menu3.png'); 
 width:					140px;
					}

		
ul#nav li ul li ul li a:hover,
ul#nav li ul li ul li a.over,
ul#nav li ul li ul li a.current3	{
 background:				url('images/menu3a.png'); 
 color:					#416362; 
 background-color:			#fff;
					}

ul#nav li:hover ul ul, 	
ul#nav li.over ul ul	 		{ 
 display:				none;
					}
 
ul#nav li:hover ul, 
ul#nav li li:hover ul, 
ul#nav li.over ul, 	
ul#nav li li.over ul	 		{ 
 display:	 			block; 
					}

.menuplus				{
  position:				absolute;
  left:					114px;
					}

.submenuplus				{
  position:				absolute;
  left:					184px;
					}

form#contact 				{
 width:					590px;
 margin: 				0 0 0 10px;
 padding:	 			0;
					}

form#contact fieldset			{
 padding:				10px 5px 20px 15px; 
 border:				0;
 border-top:				1px solid #2A4342;
					}

form#contact legend			{
 padding:				0 5px;
 margin:				10px 0;
 font-weight:				bold;
 font-size:				17px;
 color:					#2A4342; 
 background-color:			#fff;
					}

form#contact label			{
 float:                 		left;
 width: 				125px;
 padding: 				0;
 margin:				0;
 text-align: 				left;
				   	}

form#contact label.long			{
 width:					460px;
 font-weight:				bold;
 color:					#416362; 
 background-color:			#fff;
					}

form#contact div			{
 display: 				block;
 padding-bottom:			3px;
 padding-top:				3px;
					}

form#contact div input 			{
 padding-left:				4px;
 background:	 			#fff;
 font-family: 				Georgia, "Times New Roman", Times, serif;
 font-size: 				14px;
 width: 				370px;
 height: 				20px;
 border: 				1px solid #2A4342;
 color: 				#000;
					}

form#contact div input.right		{
 margin:				5px 0 0 125px;
					}

form#contact div input.box		{
 margin:				5px 0 0 125px;
 width:					15px;
 border:				0;
					}

form#contact  div select		{
 padding-left:				4px;
 background:	 			#fff;
 font-family: 				Georgia, "Times New Roman", Times, serif;
 font-size: 				14px;
 width: 				377px;
 height: 				20px;
 border: 				1px solid #2A4342;
 color: 				#000;
					}

form#contact div textarea 		{
 padding-left: 				4px;
 background:	 			#fff;
 font-family: 				Georgia, "Times New Roman", Times, serif;
 font-size: 				14px;
 width: 				370px;
 height: 				124px;
 border: 				1px solid #2A4342;
 color: 				#000;
					}

form#contact #submitbutton		{
 margin: 				0 0 5px 280px;
 font-family: 				Georgia, "Times New Roman", Times, serif;
 font-size: 				14px;
					}

form#client_id				{
 margin:				0;
 padding: 				0;
					}

#client_id fieldset			{
 border:				0;
 margin:				0;
 padding:				0 0 2px 10px;
					}

#client_id label, 
#client_id input			{
font-family: 				Georgia, "Times New Roman", Times, serif;
font-size:				16px;
					}

#client_id label			{
 padding: 				0;
 margin:				2px 0;
					width:74px;
					}

ul#bottom-nav,
ul#bottom-nav ul 			{
 margin:				0;
 padding: 				0;
 background: 				#c1dddd;
 color:					#808080;
 text-align:				left;
					}
	
ul#bottom-nav 				{
 width: 				607px;
					}

ul#bottom-nav li 			{
 position:				relative;
 bottom: 				0;
 list-style: 				none;
 float:                                 left;
					}			
	
li#Home					{
 margin-left:				10px;
 width:					48px;
					}

li#Why					{
 width:					90px;
					}

li#Portfolio				{
 width:					82px;
					}

li#Portfolio ul li			{
 width:					110px;
					}

li#Contact				{
 width:					70px;
					}

li#Contact ul li			{
 width:					110px;
					}

li#Services				{
 width:					70px;
					}

li#Services ul li			{
 width:					110px;
					}

li#About				{
 width:					70px;
					}

li#About ul li				{
 width:					90px;
					}

li#Hosting				{
 width:					92px;
					}

li#FAQ					{
 width:					30px;
					}

li#Resources				{
 width:					90px;
					}

li#Resources ul li			{
 width:					110px;
					}

li#Map					{
 margin-left:				0px;
 width:					70px;
					}

ul#bottom-nav li ul			{
 bottom:				20px;
					}

ul#bottom-nav ul li ul			{
 bottom:				0;
					}

ul#bottom-nav li a,
ul#bottom-nav li li a 			{
 display: 				block;
 text-decoration: 			none;
 color: 				#416362;
 background:				transparent;
 padding: 				5px;
					}

ul#bottom-nav li li li a 		{
  background-color:			#c1dddd;
					}

ul#bottom-nav ul 			{
 position:				absolute;
 display: 				none;
					}
	
ul#bottom-nav li 			{
 left:					0;
 bottom: 				0;
					}

ul#bottom-nav li#Resources		{
  left:					220px;
					}

ul#bottom-nav li#Map			{
  left:					220px;
					}				

ul#bottom-nav ul li ul 			{
 left:					110px;
 bottom: 				0;
					}


ul#bottom-nav li ul li a 		{ 
 padding:				2px 5px; 
					}

ul#bottom-nav li:hover ul ul,
ul#bottom-nav li:hover ul ul ul,
ul#bottom-nav li.over ul ul,
ul#bottom-nav li.over ul ul ul 		{ 
 display: 				none; 
					}

ul#bottom-nav li:hover ul,
ul#bottom-nav li li:hover ul,
ul#bottom-nav li li li:hover ul,
ul#bottom-nav li.over ul,
ul#bottom-nav li li.over ul,
ul#bottom-nav li li li.over ul 		{ 
 display:				block;
					}

ul#bottom-nav li.menuparent 		{ 
 background: 				transparent url(images/arrow-up.gif) right center no-repeat; 
					}

ul#bottom-nav li li.menuparent 		{ 
 background: 				transparent url(images/arrow-right.gif) right center no-repeat; 
					}

ul#bottom-nav li a:hover		{
 color:					#000;
 background-color: 			#d9f1f1; 
					}

ul#bottom-nav li a.current		{
 color:					#000;
 background-color: 			#c1dddd; 
					}

ul#bottom-nav li.menuparent:hover,
ul#bottom-nav li.menuparent.over,
ul#bottom-nav li ul li.menuparent.over	{ 
 color:					#000;
 background-color: 			#d9f1f1; 
					}