@charset "utf-8";
/* CSS Document */

/*html{
min-height: 100%;
	margin-bottom: 1px;
}*/



body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin-left: 3px; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	margin-top: 15px;
margin-right: 3px;
	padding: 0px;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #ffffff;
	font-size: 12px;
	
	/*background-color: #fff;
	background-image: url(BG_gradient.jpg);
	background-repeat: repeat-x;*/
}

#container {
	width: 1000px;  /* using 20px less than a full 1024px width allows for browser chrome and avoids a horizontal scroll bar */
	/*height: 1000px;*/
	/*background: #a0a0a0;*/
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	
	/*border: 1px solid #000000;*/
	text-align: left; /* this overrides the text-align: center on the body element. */
/*	height: 1000px;*/
	
}

#videocontainer {
	width: 437px;  /* using 20px less than a full 1024px width allows for browser chrome and avoids a horizontal scroll bar */
	/*height: 1000px;*/
	/*background: #a0a0a0;*/
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	/*border: 1px solid #000000;*/
	text-align: justify;
	color: #8f8f8f;
/*	height: 1000px;*/
	
}

#nav{

width: 319px;
float: left;
margin-left: 0px;
/*height: 350px;*/
display: block;
/*height: 1000px;*/
/*color: #3d104b;
text-align:left;
padding-left: 6px;
font-size:12px;
font-weight:bold;
/*height: 15px;*/
/*margin-bottom: 3px;*/
}

#navbar{

width: 319px;
height: 190px;
background-image:url(refreshed-nav-background.gif);
background-position: top left;
background-repeat:no-repeat;
margin-top: 4px;
padding-top: 83px;
padding-bottom: 0px;
margin-bottom: 0px;
}


#navbar a{
display:block;
width: 319px;
height: 20px;
margin-top: -8px;
background-position: bottom left;
background-repeat: no-repeat;
margin-bottom: 0px;
padding-bottom: 0px;
}

#navbar a:hover{
background-position: top left;
}

#navbar a.active{
display:block;
width: 319px;
height: 20px;
margin-top: -8px;
background-position: top left;
background-repeat: no-repeat;
margin-bottom: 0px;
padding-bottom: 0px;
}


#main{
	width: 655px;
	height: 350px;
	float: right;
	background-image:url(video-player-background.gif);
	background-position: left top;
	background-repeat:no-repeat;
	text-align: center;
	/*overflow: hidden;*/
/*text-align: right;*/

/*font-weight:bold;*/
/*height: 15px;*/
/*margin-bottom: 3px;*/
}



#maintwo{
	width: 655px;
	height: 12000px;
	float: right;
	/*background-image:url(video-player-background.gif);
	background-position: left top;
	background-repeat:no-repeat;*/
	text-align: left;
	color: #8f8f8f;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	/*overflow: hidden;*/
/*text-align: right;*/

/*font-weight:bold;*/
/*height: 15px;*/
/*margin-bottom: 3px;*/
}


h1{
color: #a4c954;
font: 100% Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
display: block;
border-bottom: 2px dotted #a4c954;
text-transform: uppercase;
font-weight:bold;
padding: 0px;
margin-top: -5px;
margin-bottom: 8px;
}


#blogmain{
	
	width: 650px;
	float: right;
	text-align: left;
}

#blogtitle{
display: block;
float: right;
text-alight: right;
width: 650px;
height: 85px;
background-image: url(http://www.refreshed.tv/mPulse/mpulse-logo.gif);
background-repeat:no-repeat;
background-position:right top;
}

#blogger{
	display: block;
	width: 640px;
	/*height: 350px;*/
	/*float: right;*/
	/*background-image:url(video-player-background.gif);
	background-position: left top;
	background-repeat:no-repeat;*/
	text-align: left;
	color: #8f8f8f;
	margin-bottom: 15px;
	padding-top: 2px;
	/*overflow: hidden;*/
/*text-align: right;*/

/*font-weight:bold;*/
/*height: 15px;*/
/*margin-bottom: 3px;*/
}

#blogpost{
	width: 600px;
	/*height: 350px;*/
	float: right;
	/*background-image:url(video-player-background.gif);
	background-position: left top;
	background-repeat:no-repeat;*/
	text-align: left;
	color: #8f8f8f;
	/*overflow: hidden;*/
/*text-align: right;*/

/*font-weight:bold;*/
/*height: 15px;*/
/*margin-bottom: 3px;*/
}

#blogger h1{
color: #a4c954;
font: 100% Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
display: block;
border-bottom: 2px dotted #a4c954;
text-transform: uppercase;
font-weight:bold;
padding: 0px;
margin-top: -5px;
margin-bottom: 8px;
}

h2.date-header{
color: #a4c954;
font: 100% Verdana, Arial, Helvetica, sans-serif;
font-style:italic;
text-align: right;

}

#archives{
margin-left: 28px;
padding-left: 5px;
border-left: 1px solid #a4c954;
min-height: 100px;
}

#archives h2{
color: #a4c954;
font: 120% Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
text-align: left;


}

#archives ul{
color: #a4c954;
}

#videoplayer{
width: 665px;
height: 349px;
margin-bottom: 18px;
}

#casestudy{
width: 205px;
height: 147px;
/*margin-top: 20px;*/
float: left;

}

#columns{
clear: both;
width: 955px;
min-height: 160px;
text-align: center;
margin-left: auto;
margin-right: auto;



}

#box_1 {
display: block;
margin:20px 5px 2em 5px;
min-height: 165px;
padding:8px;
float:left;
width:210px;
color: #8f8f8f;
background-color:#ffffff;
border-left: 1px #cce18b solid;
border-right: 1px #cce18b solid;
text-align: justify;
text-justify: distribute;
}

#box_1:hover, #box_2:hover, #box_3:hover, #box_4:hover{
background-color:#fbfbfb;

}

#box_2 {
margin:20px 5px 2em 5px;
min-height: 165px;
padding:8px;
float:left;
width:210px;
color: #8f8f8f;
background-color:#ffffff;
border-right: 1px #cce18b solid;
text-align: justify;
text-justify: distribute;
}

#box_3 {
margin:20px 5px 2em 5px;
min-height: 165px;
padding:8px;
float:left;
width:210px;
color: #8f8f8f;
background-color:#ffffff;
border-right: 1px #cce18b solid;
text-align: justify;
text-justify: distribute;
}

#box_4 {
margin:20px 5px 2em 5px;
min-height: 165px;
padding:8px;
float:left;
width:210px;
color: #8f8f8f;
background-color:#ffffff;
border-right: 1px #cce18b solid;
text-align: justify;
text-justify: distribute;
}

#box_1 h1, #box_2 h1, #box_3 h1, #box_4 h1, #content_left h1, #content_right h1{
color: #a4c954;
font: 100% Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
display: block;
border-bottom: 2px dotted #a4c954;
text-transform: uppercase;
font-weight:bold;
padding: 0px;
margin-top: -5px;
margin-bottom: 8px;
}

#content_left {
display: block;
margin:20px 5px 2em 5px;
min-height: 350px;
padding:8px;
float:left;
width:445px;
color: #8f8f8f;
background-color:#ffffff;
border-left: 1px #cce18b solid;
/*border-right: 1px #cce18b solid;*/
text-align: justify;
text-justify: distribute;
}

#content_right {
display: block;
margin:20px 5px 2em 5px;
min-height: 350px;
padding:8px;
float: right;
width:445px;
color: #8f8f8f;
background-color:#ffffff;
border-left: 1px #cce18b solid;
border-right: 1px #cce18b solid;
text-align: justify;
text-justify: distribute;
}

a {
color: #a4c954;
text-decoration: none;
font-weight:bold;
}

a:hover{
text-decoration: underline;
}

a.readmore{
color: #a4c954;
font: 100% Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
/*display: block;*/
text-transform: uppercase;
text-decoration: none;
font-weight:bold;
text-align:right;
}

a.readmore:hover{
border-bottom: 2px dotted #a4c954;
text-decoration:none;
}

p.readmore{
text-align: right;
margin-top: 3px;
margin-bottom: 0px;
}

#myGallery
{
margin-left: auto;
margin-right: auto;
width: 600px !important;
height: 346px !important;
}

#footer {
	width: 100%;
	margin: 0px;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 0px;
	height: 15px;
	text-align: center; 
	color: #a4c954;
font: 100% Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
clear: both;
float: left;
}

#videofooter {
	width: 437px;  /* using 20px less than a full 1024px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0px;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 0px;
	text-align: center; /* this overrides the text-align: center on the body element. */
	color: #a4c954;
font: 100% Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
clear: both;
float: left;
}

a.linkopacity img {
filter:alpha(opacity=50); 
-moz-opacity: 0.5; 
opacity: 0.5;
border: 0px; 
}

a.linkopacity:hover img {
filter:alpha(opacity=100);   
-moz-opacity: 1.0;   
opacity: 1.0;
}