*{
	/* Universal reset: */
	margin:0;
	padding:0;
}

header,footer,
article,section,
hgroup,nav,
figure,sidebar {
	/* Giving a display value to the HTML5 rendered elements: */
	display:block;
}

body{
	/* Setting the default text color, size, page background and a font stack: */
	color:#fcfcfc;
	background:#0067b4 url(../img/background-60.jpg)  center 0px no-repeat;
	font-family: Arial, Helvetica, sans-serif;
}

/* Hyperlink Styles: */

a, a:visited {
	color:#cadc4b;
	text-decoration:none;
	outline:none;
}

a:hover{
	text-decoration:underline;
}

a img{
	border:none;
}


.line{ float: left;
	/* The dividing line: */
	height:1px;
	background-color:#24404c;
	border-bottom:1px solid #416371;
	margin:1em 0;
	overflow:hidden;
}




header {width:850px;
height: 155px;
float: left;

	border:0px solid #779bbd;
	margin:1.3em 0;
}

hgroup {padding-top: 80px;
text-align:right;}

nav {width:847px;
height: 32px;
margin: 0;
	background:url(../img/nav-bg.jpg) repeat-x 50% 50% #13395d;

	padding:0 0px;
float: left;
	border:1px solid #fff;
		border-bottom:1px solid #fff;
			border-right:1px solid #fff;
			

box-shadow: #000 3px 3px 8px 2px;
-moz-box-shadow: #000 3px 3px 8px 2px;
-webkit-box-shadow: #000 6px 6px 12px;
}

/* The clearfix hack to clear the floats: */

.clear:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* The navigation styling: */

nav ul li{	font-size:0.825em;
	display:inline;
}

nav ul li a,
nav ul li a:visited{
	color:#fff;
	display:block;
	float:left;
	font-size:1.1em;
	font-weight:700;
	margin: 6px 2px 2px 2px;
	padding: 1px 10px 1px 10px;
	text-transform:none;
	border-left: 1px solid #fff;
		letter-spacing:0.02em;
}

nav ul li a.first,
nav ul li a:visited.first {	border-left: 0px solid #fff;
}

nav ul li a:hover{
	text-decoration:none;
	color:#c1d943;
}



/* Article styles: */

#page{
	width:850px;
	margin: 0px auto;
	padding: 0 0 0 0px;
	position:relative;
	border: 0px solid #fff;
}

#article1 {	float: left;
width:849px;
height: 340px;
	background: #183372 url(../img/article1-bg2.jpg) no-repeat;
	margin: 30px 0 0 0;
	padding: 0px;
			border: 0px solid #fff;

box-shadow: #000 3px 3px 8px 2px;
-moz-box-shadow: #000 3px 3px 8px 2px;
-webkit-box-shadow: #000 6px 6px 12px;
/*
	text-shadow:0 2px 0 black;
	*/
}



/* HERE IS ALL THE PRESENTER STUFF */
#presenter { float: left;
width:849px;
height: 340px;
	margin: 30px 0 0 0;
	padding: 0px;
		border: 0px solid #fff;
		background: #DDD url(img/presenter.jpg) no-repeat;

box-shadow: #000 3px 3px 8px 2px;
-moz-box-shadow: #000 3px 3px 8px 2px;
-webkit-box-shadow: #000 6px 6px 12px;
/*
	text-shadow:0 2px 0 black;
	*/
}

#left-slice{float: left; width: 670px;
margin:30px 0px 0px 0px;}

#intro-text {width: 370px;
height:223px;
float: left;
border: 0px solid #fff;
margin:0px 0px 0px 20px;}
		
#flash-block	{	width: 670px;
height: 75px;
	background: transparent;
	background-image:url(../img/flash-block.png);
	margin: 10px 0px 0px 0px;
	padding: 0px;
		border: 0px solid #fff;
float: left;}	

#scroller	{	width: 540px;
height: 75px;
	background: transparent;
	margin: 0px 0px 0px 62px;
	padding: 0px;
		border: 0px solid #fff;
float: left;}

#chevron-left	{	width: 62px;
height: 75px;
	background: transparent;
	margin: 0px;
	padding: 0px;
float: left;}	

#thumb01	{	width: 75px;
height: 75px;
	background: transparent;
	margin: 0px;
	padding: 0px;
float: left;}	

#flash-block01	{	width: 194px;
height: 75px;
	background: transparent;
	margin: 0px;
	padding: 0px;
float: left;}	


#twitter2 {width:78px;
height:19px;
background: #fff;
background-image:url(../img/twitter2.jpg);
	margin: 14px 65px 0 0px;
	padding: 0px;
		border: 1px solid #fff;
float: right;
box-shadow: #000 3px 3px 8px 2px;
-moz-box-shadow: #000 3px 3px 8px 2px;
-webkit-box-shadow: #000 6px 6px 12px;
}

#twitter  {	width:133px;
height: 54px;
	background: #33a;
	margin: 10px 10px 0 0px;
	padding: 0px;
		border: 1px solid #fff;
float: right;}

#ad-box  {	width:133px;
height: 211px;
	background: #33a;
	margin: 15px 10px 0 0px;
	padding: 0px;
		border: 1px solid #fff;
float: right;
color: #000;}
/* HERE ENDS ALL THE PRESENTER STUFF */



/* HERE STARTS ALL THE MAIN STUFF */

#article2 {	width:625px;
height: auto;
background-image:url(../img/opacity.png);
	margin: 30px 0 0 0;
	padding: 10px 20px 10px 20px;
		border: 1px solid #fff;
float: left;
box-shadow: #000 3px 3px 8px 2px;
-moz-box-shadow: #000 3px 3px 8px 2px;
-webkit-box-shadow: #000 6px 6px 12px;
}

.box {	width: 624px;
height: auto;
background-image:url(../img/opacity.png);
	margin: 0px 0px 10px 0px;
	padding: 0;
		border: 1px solid #fff;
float: left;
}

.box h3{
	margin: 10px 0px 10px 20px;
	text-align: left;
}
.box h2{
	margin: 10px 0px 10px 20px;
	text-align: left;
}
.box h6{
	margin: 10px 0px 10px 20px;
	text-align: left;
}

.boxinner {	width: 584px;
height: auto;
background: #889cbd;
	margin: 0;
	padding: 10px 20px 10px 20px;
float: left;
}

#featurebox {width:94%;
background-color:#036;
height:auto;
padding:10px;
margin:10px 0px 10px 0px;
float:left;}

.featurebox {width:94%;
background-color:#036;
height:auto;
padding:10px;
margin:10px 0px 10px 0px;
float:left;}


#threecolumn {width:100%;
background-color:none;
padding:0px;
float:left;
margin:10px 0px 10px 0px;}

#threecolumn li p{font-size: 10px;
	text-decoration:none;}

#firstcolumn {width:200px;
background-color:none;
height:auto;
padding:0px;
margin:0px 10px 0px 0xp;
float:left;}

#firstcolumnpics {width:200px;
background-color:none;
height:auto;
padding:0px;
margin:0px;
float:left;}

#secondcolumnpics {width:200px;
background-color:none;
height:auto;
padding:0px;
margin:0px 0px 0px 10px;
float:left;}

#secondcolumn {width:190px;
background-color:none;
height:auto;
padding:0px 0px 0px 10px;
margin-right:10px;
border-left:1px solid #fff;
float:left;}

#thirdcolumn{width:190px;
background-color:none;
height:auto;
padding:0px 0px 0px 10px;
margin-right:0px;
border-left:1px solid #fff;
float:left;}

.homestory{width:100%;
height:auto;
background-color:none;
padding:0px;
margin:5px 0px 0px 0px;
float:left;
text-align:left;
}

.homestory p, h1{
padding:0px 0px 10px 0px;
margin:0px 0px 10px 0px;
}

#quote{width:100%;
height:auto;
background-color:none;
padding:0px;
margin:10px 0px 0px 0px;
float:left;
text-align:left;
}

#quote h3{
padding:0px 0px 10px 0px;
}

#image{width:100%;
height:auto;
background-color:none;
padding:0px;
margin:10px 0px 0px 0px;
float:left;
text-align:left;
}

#image p{
padding:0px 0px 10px 0px;
}



#fred {width:94%;
background-color:#036;
height:auto;
padding:10px;
margin:10px 0px 10px 0px;
float:left;}












#sidebar1, #sidebar2, #sidebar3 {	width:144px;
height: 620px;
	background: #fff;
	margin: 30px 0 0 38px;
	padding: 0px;
		border: 0px solid #fff;
float: left;
text-align:center;
box-shadow: #000 3px 3px 8px 2px;
-moz-box-shadow: #000 3px 3px 8px 2px;
-webkit-box-shadow: #000 6px 6px 12px;
}

#sidebar1 img {padding:0;
	margin:0;}

#facebook {width:67px;
height:18px;
background: #fff;
background-image:url(../img/facebook.jpg);
	margin: 30px 0 0 38px;
	padding: 0px;
		border: 1px solid #fff;
float: left;
box-shadow: #000 3px 3px 8px 2px;
-moz-box-shadow: #000 3px 3px 8px 2px;
-webkit-box-shadow: #000 6px 6px 12px;
}

#facebook2 {width:67px;
height:18px;
background: #fff;
background-image:url(../img/facebook2.jpg);
	margin: 30px 0 0 6px;
	padding: 0px;
		border: 1px solid #fff;
float: left;
box-shadow: #000 3px 3px 8px 2px;
-moz-box-shadow: #000 3px 3px 8px 2px;
-webkit-box-shadow: #000 6px 6px 12px;
}





 #sidebar2, #sidebar3 {
height: 285px; }
#sidebar3 {
height: 198px; }

figure{
	border:3px solid #142830;
	float:right;
	height:300px;
	margin-left:15px;
	overflow:hidden;
	width:500px;
	/* Applying CSS3 rounded corners: */
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}

figure:hover{
	-moz-box-shadow:0 0 2px #4D7788;
	-webkit-box-shadow:0 0 2px #4D7788;
	box-shadow:0 0 2px #4D7788;
}

figure img{
	margin-left:-60px;
}

/* Footer styling: */

footer {float: left;
width:100%;
height: 138px;
	border:0px solid #142830;
	margin: 30px 0 30px 0;
	text-align:center;
	font-size:0.825em;
		background: transparent url(../img/ribbon.png) center 0px no-repeat;
}


footer a, footer a:visited{
	color:#cccccc;
	background-color:#183372;
	display:block;
	padding:2px 4px;
	z-index:100;
	position:relative;
}

footer a:hover{
	text-decoration:none;
	background-color:#142830;
}

footer a.by{
	float:left;

}

footer a.up{
	float:right;
}