/* __________________________________________________________________
[Master Stylesheet] 
[Table of contents] 
1. generalStyles
2. siteComponents

_____________________________________________________________________ */

/* ###################################################################
 1. generalStyles                            
################################################################### */




html
{
	margin: 0;
	height: 100%;
	padding: 0;
}

body
{
	margin: 0px;
	background: url(../images/bg.jpg) no-repeat center top;
	font-family: "lucida grande", "helvetica bold" , tahoma, sans-serif;
	font-size: 72%;
	text-align: center;
	line-height:1.4em;
	color: #e9e9e9;
	background-color: #000000;
	height: 100%;
}

a, a:link, a:visited
{font-weight:bold;
	color: #1b7bf3;-moz-outline-style: none; outline:none;  outline:0;
}

a:hover { text-decoration: underline; cursor:pointer;-moz-outline-style: none; outline:none; }
a:visited { color: #1b7bf3; }
a:active, a:focus { -moz-outline-style: none; outline:none; }

/* reset */
*, ul, ol, li, h2, h3, h4, hr, h5, h6, pre, form, blockquote, fieldset, input
{
	margin: 0;
	padding: 0;
}

h1 a#muronialogo
{
	width: 227px;
	height: 74px;
	background: url(../images/muronialogo.jpg) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	float: left;
	margin-top:30px; margin-bottom:0px;
}

h2
{
	margin: 2px;
	font-size: 1.4em;
	color: #232323;
}

h3
{
	font-size: 1em;
	font-weight: bold;
	color: #000; margin-bottom:10px;
}


img, img a { border: 0px; }


img, div, span { behavior: url(iepngfix.htc); } /* ie png hack */
 
p
{
	margin: 0 0 1em 0;
	padding: 0px;
}

.clear { clear: both; }

.floatleft
{
	float: left;
	display: inline;
}

.floatright
{
	float: right;
	display: inline;
}



hr
{
	border-bottom: 1px solid #ddd;
	padding: 0;
	margin: 1.4em auto;
	height: -1px;
	color: #dddddd;
	background: #dddddd;
	width: 96%;
}

.smallprint
{
	font-size: 0.8em;
	color: #666666;
}


/*###################################################################
2.  siteComponents                         
###################################################################*/
 
#header, #footer {margin:auto; width:820px; position:relative;}
#footer  {text-align:right;}
#footer ul {list-style:none; margin:15px 0;}
#footer li{ float:left; display:block; margin-right:15px; text-align:left;}

#footer li.column1 {width:216px;} 
#footer li.column2 {width:446px; margin-right:0;}

#footer li.column1 h3 {color:#eeeeee; text-transform:uppercase; font-weight:normal; display:block; border-bottom:1px solid #eeeeee;}
#footer li.column2 h3 {color:#1b7af2;  text-transform:uppercase; font-weight:normal; display:block; border-bottom:1px solid #1b7af2;}

/*###################################################################
3.  frontPage                         
###################################################################*/



#home {margin:auto; width:880px; background-color:#eeeeee; padding:15px 0px; color:#121212; position:relative; }
.infoBox {margin:auto; width:880px; background-color:#eeeeee; padding:15px 0px; color:#121212;     -moz-border-radius: 1px;
-webkit-border-radius: 1px;
border-radius: 1px; text-align:left;
}

p.homecontent {margin:20px 30px 0; font-size:105%;}

/*###################################################################
4.  who                          
###################################################################*/

.who ul {list-style:none; }
.who li{ float:left; display:block; margin: 60px 15px 60px 0; text-align:left; width:216px;}
.who li.end {margin-right:0px;}

/*###################################################################
5.  productDetails                          
###################################################################*/

/* product detail tab hide/show box */
#tabs { width:355px; float:right; padding-top:70px; } 

#tabs  ul.tabNav
{   /*display:none;*/
	padding: 0px;
 
}

ul.tabNav li
{
	list-style: none;
	display: inline;
}

#tabs ul.tabNav li a
{
	color: #ffffff;
 	width: 135px;
	height: 28px;
	background: url(../images/off_tab.jpg) no-repeat;
	display:block; float:left; padding-left:2px;
	text-decoration:none; padding-top:11px; text-transform:uppercase; font-weight:bold;
	}

#tabs ul.tabNav li.hometab a{ background: url(../images/home_off.jpg) no-repeat ; width:40px; height:28px; text-indent:-9999px; padding-right:1px;}
#tabs ul.tabNav li.largetab a{ background: url(../images/off_tab_large.jpg) no-repeat ; width:167px; height:28px; padding-right:1px;}


#tabs ul.tabNav li a:hover
{
	 
	color: #121212;
}

#tabs ul.tabNav li a.active
{
	 
	color: #000000;
	 width: 135px;
	height: 28px;
	background: url(../images/on_tab.jpg) no-repeat;
 
}
#tabs ul.tabNav li.hometab a.active{ background: url(../images/home_on.jpg) no-repeat ; width:40px; height:28px;}
#tabs ul.tabNav li.largetab a.active{ background: url(../images/on_tab_large.jpg) no-repeat ; width:167px; height:28px; padding-right:1px;}

 
 #siteimages {width:470px; height:251px; background:url(../images/sites.png) no-repeat; float:left; padding-left:1px; margin-right:20px;margin-top:-240px; position:relative;}
 #plugandplay {margin-top:61px; position:absolute; left:532px; top:16px;}
 #greybg {background:#cacaca; padding:20px 30px 20px; position:relative; margin-top:222px;}
 #greybg h3 { font-size:140%; font-weight:normal;	line-height:1.30em; text-shadow: 1px 1px white}

.formbutton {padding:1px; font-weight:bold;}

/*SERVICES*/
.greytop {background:url(../images/services/greytop.gif) no-repeat; width:862px; height:4px; margin:0 auto; line-height:0.1em; font-size:0.01%;}
.greyarea {background:#e0e0e0; padding:5px 15px; width:832px; margin: 0 auto;}
.greybottom {background:url(../images/services/greybottom.gif) no-repeat; width:862px; height:4px; margin:0 auto; line-height:0.1em; font-size:0.01%;}


.servicebox {width:154px;  float:left; margin-right:15px; position:relative;}
.greyarea .last {margin-right:0px;}
.servicebox p {margin:0; font-size:91%; line-height:1.25em;}

.youdotcom {background:url(../images/services/youdotcom.png) no-repeat; width:182px; height:152px; margin:auto; margin:-18px 0 0 -21px; position:relative;}
.manageinfo {background:url(../images/services/manageinfo.png) no-repeat; width:182px; height:177px; margin:auto; margin:-18px 0 0 -21px; position:relative;}
.muronia_center {background:url(../images/services/muronia_the_center.png) no-repeat; width:178px; height:234px; margin:auto; margin:-8px 0 0 -13px; position:relative;}