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

* {
	margin: 0 auto 0 auto; /* GLOBAL RESET */
	padding: 0;
}
body{
	margin:0;
	font-size: 62.5%; 
	font-family: Arial, Sans-Serif; /*change font*/
	line-height: 150%; 
	color:#4b4d4a; /*change font color*/
	background: #000000; /*background color*/
}

div, p, ul, img{
	padding:0px; margin:0px; border:none;
}
ul{
	list-style-type:none;
}
a { outline:none; /* Remove Firefox's dotted borders */ text-decoration:none; color:#0066cc; padding:0; margin:0;}
a img { border:none;} /* Remove IE's blue borders */

h1 {font-size: 2.4em;}
h2 {font-size: 2.2em;}
h3 {font-size: 3.2em;}
h4 {font-size: 1.6em;}
h5 {font-size: 1.8em;}
h6 {font-size: 1.2em;}

.hr{ border-bottom:1px solid #999999; border-left:none; border-right:none; border-top:none; margin:10px 0 5px 0; }
.left{ float:left;}
.left_margin_right{ float:left; margin:0 10px 0 0; font-size:1.2em;}
.left_margin_right_top{ float:left; margin:4px 10px 0 0;}
.right{ float:right;}
.right_margin_top{ float:right; margin:40px 0 0 0;}
.right_margin_right{ float:right; margin:0 20px 0 0;}

p  {font-size: 1.2em; padding:0; line-height:1.4em;}
.gray {color: #666; font-size:1em; font-style:normal;}
.fat{font-weight:bold;}
.small  {font-size: 1.1em; padding:0; line-height:1.4em;}
.big {font-size: 1.8em; padding:0; line-height:1.2em; color:#f1f1f1; margin:0 0 22px 0;}
.white {font-size: 1.2em; padding:0 10px 0 0; line-height:1.4em; color:#fff;}
.title{ font-size:1.1em; font-style:italic; color:#227ab0;}
.stroke { border:1px solid #fff;}

.facebook { float:right; width:36px; height:32px; display:block; margin:-5px 0 0 0; background:transparent url(../../images/fbook_h1.png) no-repeat; text-indent:-9999px; overflow:hidden;}
.twitter { float:right; width:46px; height:33px; display:block; margin:-5px 0 0 0; background:transparent url(../../images/twitter_h1.png) no-repeat; text-indent:-9999px; overflow:hidden;}
.rss { float:right; width:45px; height:33px; display:block; margin:-5px 0 0 0; background:transparent url(../../images/rss_h1.png) no-repeat; text-indent:-9999px; overflow:hidden;}

.left_column { width:469px; float:left; padding:55px 0 40px 0;}

h1 a { float:left; margin:12px 0 0px 0; display:block; width:379px; height:109px; background: transparent url(../../images/logo.png) no-repeat; text-indent:-9999px; overflow:hidden;}

h2 a { float:left; margin:30px 0 0px 86px; display:block; width:207px; height:54px; background:transparent url(../../images/projects.png) no-repeat; text-indent:-9999px; overflow:hidden;}
.center{ width:990px; height:100%; margin:0 auto; padding:0;}

#top_content{ background:#000000 url(i/bg_top.jpg) top center no-repeat; height:130px;}
#nav_content{ background:#000000 url(i/bg_nav1.jpg) repeat-x; height:33px;}
#header{ background:#000000 url(i/bg_header.jpg) repeat-x; height:112px;}
#reel{ background:#000000 top center repeat-x; height:400px; padding:25px 0 0px 0;}
#main_content{ background:#000000 top center repeat-x; height:560px; padding:0 0 10px 0;}
#footer{ background:#0f0f0f url(i/bg_footer.jpg) top center repeat-x; height:280px;}
#footer_nav{ background:#000000 url(i/bg_footer_nav.jpg) top center repeat-x; height:40px; padding:5px 0 0 0;}

#nav_content .center p { float:left; font-size:1.1em; color:#505457; padding:10px 0 0 0px;}
#nav_content .center ul { float:left; margin:0px 0px 0 50px; }
#nav_content .center ul li{ float:left; margin:10px 40px 0px 0px; }
#nav_content .center ul li a { font-size:1.1em; text-transform:uppercase; color:#505457;}
#nav_content .center ul li a:hover { color:#000000;}
#nav_content .center ul li a:active { color:#000000;}

.reel1 p {font-size: 1.2em; font-weight:bold; color:#0066FF; padding:0 0 10px 0; text-align:center}


#main_content .vcolumn a {opacity:1}
#main_content .vcolumn a:hover {opacity:0.87;}

.vcolumn { width:275px; padding:0 10px 0 0; margin:30px 15px 0 27px; float:left; color:#f0f0f0;}
.vcolumn h3 { font-size: 1.2em; color:#0066FF; padding: 2px 0 0 0; }
.vcolumn p {font-size: 1.1em; color:fff; padding:0 0 20px 0;}

.column { width:220px; padding:0 10px 0 0; margin:15px 50px; float:left; color:#f0f0f0;}
.column h5{ font-size:1.5em; font-weight:bold; color:#999999; letter-spacing:-1px; text-transform:uppercase;}
.column h6 { text-transform:uppercase; font-weight:bold; margin:15px 0 5px 0;}
.column h6 a { font-weight:bold; margin:0px 0 0 0; color:#0066cc;}
.column h6 a:hover { margin:0 0 0px 0; color:#0066FF;}
.column p {font-size:1.1em;}
.column p.lead {font-size:1.1em; margin:0 0 20px 0;}
.column p.links {font-size:1.2em; margin:0px 20px 0px 0;}
.column p.links a:hover{ color:#0066FF; font-weight:bold;}

.column .ad{ float:left; display:block; width:198px; height:75px; margin:15px 0 0 0; }

.column .recent_comment { background:transparent url(i/ico_comment.png) top left no-repeat; padding:0 0 0 40px; margin:0 0 20px 0; font-size:1.2em;}
.column a.comment { display:block; font-size:0.9em; margin:5px 0 0 0; color:#f0f0f0;}
.column a.comment:hover {display:block; font-size:0.9em; margin:5px 0 0 0; color:#d05606;}

#footer_nav .center a.footer_logo{ float: left; display:block; width:115px; height:26px; background: transparent url(../../images/lb_footer.png) no-repeat; text-indent:-9999px; overflow:hidden;}
#footer_nav .center p { float:left; font-size:1.1em; color:#848484; padding:10px 0 0 20px; }
#footer_nav .center ul { float:right;}
#footer_nav .center ul li{ float:left; margin:10px 40px 0 0; }
#footer_nav .center ul li a { font-size:1.1em; text-transform:uppercase; color:#848484;}
#footer_nav .center ul li a:hover { color:#505457;}
#footer_nav .center ul li a:active { color:#505457;}

.facebook_f { float:right; width:27px; height:22px; display:block; margin:4px 0 0 0; background:transparent url(../../images/fbook_f.png) no-repeat; text-indent:-9999px; overflow:hidden;}
.twitter_f { float:right; width:30px; height:22px; display:block; margin:4px 0 0 0; background:transparent url(../../images/twitter_f.png) no-repeat; text-indent:-9999px; overflow:hidden;}
.rss_f { float:right; width:30px; height:22px; display:block; margin:4px 0 0 0; background:transparent url(../../images/rss_f.png) no-repeat; text-indent:-9999px; overflow:hidden;}
