/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, article, footer, address {  
    display: block;  
} 
/* Clear default styling */
html, body, div, h1, h2, h3, h4, h5, h6, p, ol, ul, li, img {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
        font-size:100%;
}
body    {line-height:1;}
ol, ul  {list-style: none;}

body {
	font: normal .8em/1.5em  Helvetica, Arial, sans-serif;
	background: url(img/mainbg.jpg) repeat-x #000c1c;
	color: #666;
}
h1, h2      {color:#6f9bbc;}
h1       {font-size:180%;}
h2       {font-size:150%;}

/*General Styles*/
a                {text-decoration:none;
                  -webkit-transition: all .3s;  
                  -moz-transition: all .3s;  
                  transition: all .3s;
}
.textCenter      {text-align:center;}
.center          {margin:0 auto;}
.bold            {font-weight:bold;}

/*Layout Declairations*/
#wrapper         {width:960px; margin:0 auto; background-color:#000c1c;}
#body            {margin: 5px 0 0 0;}
#left            {float:left; width:683px;}
#right           {float:left; width:275px;}
footer           {height:100px;}
.clearFloat      {clear:both;}

/*Social Media*/
.socialGlass     {width:50px;height:50px;display:block;float:left;background-repeat:no-repeat;text-indent:1000px;overflow:hidden;
				  -webkit-transition: none;  
         		  -moz-transition: none;  
         		  transition: none;
}
a.socialGlass:hover      {background-position:0px -50px;}
.RSS                     {background-image:url(img/socialIcon_01.png);padding:0 5px 0 0;}
.Twitter                 {background-image:url(img/socialIcon_03.png);padding:0 3px 0 0;}
.LinkedIn                {background-image:url(img/socialIcon_02.png);}

/*Portfolio*/
.boxgrid{ 
				width: 300px; 
				height: 250px; 
				margin:10px; 
				float:left; 
				background:#5c6377; 
				border: solid 2px #000c1c; 
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 0 10px; 
					color:#afafaf; 
					font-weight:bold; 
					font:10pt "Lucida Grande", Arial, sans-serif; 
				}
                                .boxgrid h3{ 
					padding: 10px; 
					color:#fff; 
				} 
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #000; 
				height: 100px; 
				width: 100%; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull .boxcaption {
 					top: 260;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 220;
 					left: 0;
 				}



/*Slider*/
.indexSlide              {width:640px;height:384px;position:absolute;top:0px;border: solid 1px #000c1c;text-align:center;
                          box-shadow: inset 0px 0px 20px rgba(0,12,28,0.8), 2px 2px 4px rgba(255,255,255,0.8);
                          -o-box-shadow: inset 0px 0px 20px rgba(0,12,28,0.8), 2px 2px 4px rgba(255,255,255,0.8);
                          -webkit-box-shadow: inset 0px 0px 20px rgba(0,12,28,0.8), 2px 2px 4px rgba(255,255,255,0.8);
                          -moz-box-shadow: inset 0px 0px 20px rgba(0,12,28,0.8), 2px 2px 4px rgba(255,255,255,0.8);
                          background-image:url(slides/bg.jpg);
}
.indexSlide h2           {font-size:155%;color:#000c1c;padding:35px 0 0 0; font-variant:small-caps;}
.indexSlide h2 a         {color:#000c1c;text-shadow: 2px 2px 0px #fff;
                          -webkit-transition: all .3s;  
                          -moz-transition: all .3s;  
                          transition: all .3s;}
.indexSlide h2 a:hover   {color:#6f9bbc;}

.indexSlide p            {padding:20px 40px 40px;color:#1e1e1e;}

/*Design Declairations */
header                   {height:105px;background: url(img/topLogo.png) #000c1c 700px 0px no-repeat;}
header h1 {  
                           padding:20px 10px 0;font-size:250%; 
                           font-family: Helvetica, Arial, sans-serif arial, sans-serif;  
                           text-shadow: 0px 0px 15px #6f9bbc; 
                           -webkit-text-stroke: 1px black;  
}  
   
header h1 a {  
         text-decoration: none;  
         color: #e1e1e1;  
         -webkit-transition: all .3s;  
         -moz-transition: all .3s;  
         transition: all .3s;  

         -webkit-mask-image: -webkit-gradient(linear, left top, left bottombottom, from(rgba(0,0,0,1)), color-stop(50%, rgba(0,0,0,0)), to(rgba(0,0,0,1))); 
     }  
   
header h1 a:hover {  
         color:#fff;
         text-shadow: 0px 0px 10px #6f9bbc;   
     }  
header h2      {padding:8px 0 0 12px;font-size:100%;letter-spacing:3px;}

#right h2      {font-size:150%;padding: 0 0 4px 0;}
#right .indent {margin: 0 0 0 8px;}
.twitterContainer  {margin:5px 0 0 0;}

.RSSFeed       {margin:4px 10px 0 0;padding:10px;
                background-color:#6f9bbc;
                font-weight:bold;
                border-radius: 10px;
	        -webkit-border-radius: 10px;
	        -moz-border-radius: 10px;
}		
.RSSFeed h2       {color:#000c1c;font-size:150%;}
.RSSFeed a:hover  {color:#000c1c;}



#pagebg           {margin:4px 10px 0 2px;padding:10px;color:#000;
                  background-color:#6f9bbc;
                  font-weight:bold;
                  border-radius: 10px;
	          -webkit-border-radius: 10px;
	          -moz-border-radius: 10px;
}
#pagebg  h1,#pagebg  h2  {color:#fff;}
footer            {text-align:center;padding:15px;font-size:75%;line-height:120%;}


/*Colors*/
.blue             {color:#6f9bbc;}
.drkBlue          {color:#000c1c;}
.gray             {color:#5c6377;}








/*Navigation*/

a {
	color: #e1e1e1;
}
#nav {
	margin: 0 2px;
	padding: 7px 6px 0;
	background: #000c1c url(img/gradient.png) repeat-x 0 -110px;
	line-height: 100%;

	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;

	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
}
#nav li {
	margin: 0 5px;
	padding: 0 0 8px;
	float: left;
	position: relative;
	list-style: none;
}


/* main level link */
#nav a {
	font-weight: bold;
	color: #e7e5e5;
	text-decoration: none;
	display: block;
	padding:  8px 20px;
	margin: 0;

	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	
	text-shadow: 0 1px 1px rgba(0,0,0, .3);
}
#nav a:hover {
	background: #000;
	color: #fff;
}

/* main level link hover */
#nav .current a, #nav li:hover > a {
	background: #6f9bbc url(img/gradient.png) repeat-x 0 -40px;
	color: #444;
	border-top: solid 1px #e1e1e1;

	-webkit-box-shadow: 0 1px 1px rgba(0,0,0, .2);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0, .2);
	box-shadow: 0 1px 1px rgba(0,0,0, .2);

	text-shadow: 0 1px 0 rgba(255,255,255, 1);
}

/* sub levels link hover */
#nav ul li:hover a, #nav li:hover li a {
	background: none;

	border: none;
	color: #666;

	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}
#nav ul a:hover {
	background: #0078ff url(img/gradient.png) repeat-x 0 -100px !important;
	color: #fff !important;

	-webkit-border-radius: 0;
	-moz-border-radius: 0;

	text-shadow: 0 1px 1px rgba(0,0,0, .1);
}

/* dropdown */
#nav li:hover > ul {
	display: block;
}

/* level 2 list */
#nav ul {
	display: none;

	margin: 0;
	padding: 0;
	width: 185px;
	position: absolute;
	top: 35px;
	left: 0;
	background: #ddd url(img/gradient.png) repeat-x 0 0;
	border: solid 1px #b4b4b4;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .3);
	box-shadow: 0 1px 3px rgba(0,0,0, .3);
}
#nav ul li {
	float: none;
	margin: 0;
	padding: 0;
}

#nav ul a {
	font-weight: normal;
	text-shadow: 0 1px 0 #fff;
}

/* level 3+ list */
#nav ul ul {
	left: 181px;

	top: -3px;
}

/* rounded corners of first and last link */
#nav ul li:first-child > a {
	-webkit-border-top-left-radius: 9px;
	-moz-border-radius-topleft: 9px;

	-webkit-border-top-right-radius: 9px;
	-moz-border-radius-topright: 9px;
}
#nav ul li:last-child > a {
	-webkit-border-bottom-left-radius: 9px;
	-moz-border-radius-bottomleft: 9px;

	-webkit-border-bottom-right-radius: 9px;
	-moz-border-radius-bottomright: 9px;
}

/* clearfix */
#nav:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
#nav {
	display: inline-block;
} 
html[xmlns] #nav {
	display: block;
}
 
* html #nav {
	height: 1%;
}