/*----------------------------------------
Name: global.css
Developed by: imagiinate | Christopher Homan
Date Created:
Last Updated:
Copyright:
----------------------------------------*/

/* Imports
----------------------------------------*/
@import url("/css/externalLinks.css");


/* Elements
----------------------------------------*/
body {
	background-color:#000;
	background-image:url(../images/pageBg.jpg);
	background-repeat: no-repeat;
	background-position:center top;
	text-align:center;
	padding:0px;
	margin:0px;
}

body, p, td, th, li {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	font-weight: normal;
}

#mainContainer {
	width:1000px;
	margin:0px auto;
	text-align:left;
	margin-bottom: 0px;
	
}

/* Header
----------------------------------------*/
#header  {
	height:140px;
	padding:15px 0px 0px 0px;
}

#logoPositioning {
	margin:23px 0px 0px 15px;
	position: absolute; 
}

#rightPositioning {
	margin:0px 0px 0px 0px;
	padding: 10px 20px 0px 20px; 
	float:right;
	color: #666;
	font-size:12px;
	line-height: 16px;
	background-image: url(../images/bgTopRight.png);
	background-repeat: no-repeat;
	width: 388px;
	height: 88px;
}


#navBar {background-color: #000; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #fff; padding: 2px 0px 0px 0px;}

#navBar ul {list-style-type: none; margin: 0px 0px 0px 0px; padding: 8px 0px 6px 10px;}
#navBar ul li {float: left; margin: 0px 0px 0px 0px; border-right: 1px solid #000; padding: 0px 0px 0px 0px; display: block; font-weight: bold;}

#navBar ul li a {display:block; margin: 0px 0px 0px 0px; padding: 5px 13px 6px 13px; background-color: #000; color: #fff; font-size: 12px; text-transform: uppercase;}
#navBar ul li a:hover {display:block; margin: 0px 0px 0px 0px; padding: 5px 13px 7px 13px; background-color: #fff; color: #333; font-size: 12px; text-transform: uppercase;}
#navBar ul li a.selected {display:block; margin: 0px 0px 0px 0px; padding: 5px 13px 7px 13px; background-color: #fff; color: #333; font-size: 12px; text-transform: uppercase;}




#navBarFooter {background-color: #000; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; padding: 0px 0px 5px 10px;}
#navBarFooter ul {list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
#navBarFooter ul li {float: left; margin: 0px 0px 0px 0px; border-right: 1px solid #000; padding: 0px 0px 0px 0px; display: block; font-weight: bold;}

#navBarFooter ul li a {display:block; margin: 0px 0px 0px 0px; padding: 2px 6px 3px 6px; background-color: #000; color: #e8e8e8; font-size: 11px; text-transform: uppercase;}
#navBarFooter ul li a:hover {display:block; margin: 0px 0px 0px 0px; padding: 3px 6px 3px 6px; background-color: #fff; color: #333; font-size: 11px; text-transform: uppercase;}
#navBarFooter ul li a.selected {display:block; margin: 0px 0px 0px 0px; padding: 3px 6px 3px 6px; background-color: #fff; color: #333; font-size: 11px; text-transform: uppercase;}



/* Main Content
----------------------------------------*/
#mainContent { 
	background-color: #fff;
	margin: 0px 0px 0px 0px; 
	padding: 15px 15px 0px 15px;}


p {margin: 0 0 0 0;}

/*--- Link Styles ---*/
a:link, a:visited {color:#3399cc; text-decoration:none;}
a:hover, a:active {color:#666; text-decoration:none;}

img {display:block;}

h1 { color:#000; margin:0px 0px 0px 0px; font-size:26px; font-weight:normal;}


h2 { color:#333; margin:10px 0px 3px 0px; font-size:16px; font-weight:bold;}




blockquote	{margin: 0 0 18px 18px; color:#666666; font-style: italic;}
strong		{font-weight:bold;}
em		{font-style:italic;}

/* Standard Definitions
----------------------------------------*/
.left 		{float:left;}
.right 		{float:right;}
.clearBoth 	{clear:both;}
.small		{font-size:.625em;}
.large		{font-size:1em;}
.soft		{color:#D3D3D3;}
.hide		{display:none;}
p.last		{margin-bottom:0px;}


.horizSep {height: 1px; font-size: 1px; font-size: 1px; overflow: hidden;
 background-color: #ccc; width: 100%; margin: 5px 0px 10px 0px; padding: 0px;}

.portfolioGrid {margin: 4px 0px 0px 0px; padding: 0px;}
.portfolioGrid li {float: left; list-style: none; width: 235px;}

.portfolioGrid li a img {border: 4px solid #ccc;}
.portfolioGrid li a img:hover {border: 4px solid #999;}


.portfolioGrid_smaller {margin: 4px 0px 0px 0px; padding: 0px;}
.portfolioGrid_smaller li {float: left; list-style: none; width: 152px;}

.portfolioGrid_smaller li a img {border: 4px solid #ccc;}
.portfolioGrid_smaller li a img:hover {border: 4px solid #999;}


.linkContainer {margin: 5px 0px 0px 0px; }
.linkContainer a:link {border-bottom: 1px solid #e8e8e8; padding-bottom: 3px;}

ul#portfolioSlider {margin: 0px; padding: 0px; list-style-type: none;}
ul#portfolioSlider li {margin-bottom: 20px;}

.homeLeftSlider {float: left;}
.homeLeftSlider img {border: 1px solid #999;}

.homeRightInfo {float: right; width: 300px; margin-left: 15px; background-color: #fff; padding: 0px; color: #333;}

.homeRightInfoBox {border:1px solid #ccc; width: 273px; background-color: #333; background-image: url(../images/bg_featuredBox.jpg); background-repeat: repeat-x; padding: 10px 10px 15px 15px; color: #fff; margin-bottom: 6px;}

.homeRightInfoBox h2 {margin: 0px 0px 0px 0px; padding:0px; font-weight: normal; font-size: 22px; }
.homeRightInfoBox h2 a:link {color: #66ccff;}
.homeRightInfoBox h2 a:hover {color: #e8e8e8;}
.homeRightInfoBox h2 a:visited {color: #66ccff;}

.homeRightInfoBox p {color: #fff; font-size: 16px; line-height: 18px; margin: 5px 0px 0px 0px; }
a.rightInfoButton {float:right; font-size: 16px; color: #fff; font-weight: normal; padding: 5px 9px 5px 9px; background-color: #333; cursor:pointer; border: 1px solid #ccc;}
a.rightInfoButton:hover {font-size: 16px; color: #fff; font-weight: normal; padding: 5px 9px 5px 9px; background-color: #000; cursor:pointer; border: 1px solid #ccc;}


#popoutContentNoBg {
	width:1000px;
	margin:0px auto;
	text-align:left;
	color: #e8e8e8;
	font-size: 12px;
	font-weight: normal;
	padding: 10px 0px 10px 0px;
	
}

/* Sidebar Pages
----------------------------------------*/

#leftContent {float:left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 620px; background-color: #fff;}
#leftContent h1 {font-size: 28px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; line-height: 30px; font-weight: normal; color: #333; }
#leftContent h2 {font-size: 20px; margin: 20px 0px 7px 0px; padding: 0px 0px 0px 0px; line-height: 22px; font-weight: normal;}
#leftContent p {font-size: 14px; margin: 7px 0px 0px 0px; padding: 0px 0px 0px 0px; line-height: 16px; color: #333;}


#rightSidebar {float:right; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 320px; background-color: #fff;}
#rightSidebar h3 {font-size: 16px; margin: 10px 0px 4px 0px; padding: 0px 0px 0px 0px; line-height: 18px; font-weight: normal;}
#rightSidebar p {font-size: 12px; margin: 5px 0px 0px 0px; padding: 0px 0px 0px 0px; line-height: 14px; color: #333;}

#rightSidebar_portfolio {float:right; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 320px; background-color: #fff;}
#rightSidebar_portfolio h2 {font-size: 20px; margin: 20px 0px 7px 0px; padding: 0px 0px 0px 0px; line-height: 22px; font-weight: normal;}
#rightSidebar_portfolio p {font-size: 14px; margin: 7px 0px 0px 0px; padding: 0px 0px 7px 0px; line-height: 16px; color: #333;}

.blue {color: #3399cc;}
.purple {color: #993399;}
.lGrey {color: #ccc;}
.mGrey {color: #999;}
.grey {color: #666;}
.dgrey {color: #333;}
.orange {color: #cc6600;}

#breadcrumbNav {margin-bottom: 10px;}
#breadcrumbNav a {}


a.visitSite_link {font-size: 16px; padding: 5px 8px 5px 8px; background-color: #3399cc; color: #fff; -moz-border-radius: 5px;
-webkit-border-radius: 5px;}
a.visitSite_link:hover {font-size: 16px; padding: 5px 8px 5px 8px; background-color: #666; color: #fff; -moz-border-radius: 5px;}




a.backToPortfolio { font-size: 16px; padding: 5px 8px 5px 8px; background-color: #cc6600; color: #fff; -moz-border-radius: 5px;
-webkit-border-radius: 5px;}
a.backToPortfolio:hover {font-size: 16px; padding: 5px 8px 5px 8px; background-color: #999; color: #fff; -moz-border-radius: 5px;}



/* Footer
----------------------------------------*/
#footer { padding:0px; margin:13px 0px 0px 0px; height:273px; background-image:url(../images/footer_bg.jpg); background-position:0 -50px; background-repeat:repeat-x;}

#subFooter {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding-top: 10px; padding-bottom: 10px; background-color: #e8e8e8;}




/* Image Rollovers _ CSS Graphical
----------------------------------------*/

/* Home Split btns
	----------------------------------------*/
	ul#homeSep { padding:0px; margin:0px 0px 0px 0px;}
	
	ul#homeSep li {list-style-type:none; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float: left;}
	
	/* Image Replacement 
	----------------------------------------*/
	ul#homeSep li a {/*Set to height of image*/ height:119px; display:block; text-indent:-9999px; outline:none; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
	
	/*Include all of your links with unique IDs. Use the correct path to the image and set the width of each image*/
	li#btn_network a {background-image: url(../images/btn_network.jpg); width:325px;}
	/*Include all of your links with unique IDs. Use the correct path to the image and set the width of each image*/
	li#btn_playground a {background-image: url(../images/btn_playground.jpg); width:325px;}
	/*Include all of your links with unique IDs. Use the correct path to the image and set the width of each image*/
	li#btn_portfolio a {background-image: url(../images/btn_portfolio.jpg); width:325px;}
	
	
	/* CSS Rollover (Sprites) - Advanced Users!
	----------------------------------------*/
	/*Each link must have a unique ID - Include all of your links here - Remove if not using!*/
	li#btn_network a:hover, li#btn_playground a:hover, li#btn_portfolio a:hover  {background-position:0 -119px; /*Set to height of image !must be negative!*/}