/*
Theme Name: Whiteboard
Theme URI: http://whitebaordframework.com/
Author: Bold Perspective
Author URI: http://boldperspective.com/
Description: The Whiteboard Famework for Wordpress is built to speed up the process of developing a Wordpress theme. Whiteboard does so by eliminating the time spent on Wordpress' backend PHP that is common to all Wordpress powered Web site.
Version: 3.0

The Whiteboard Framework is licensed under the GPL license. Feel free to use the Whiteboard Framework for commercial and non-commercial ventures. Though it is not required, we do appreciate a link.
*/

/*
List of divs in Whiteboard
Note that this list does not include the dynamically generated ids and classes, such as the body classes, the post ids, etc
*/

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, sans-serif;
}

#main {
	position: relative;
	width: 1054px;
	margin: 0 auto;
}
.container {
	width: 996px;
	position: relative;
	margin: 0 auto;}

a{
	color: #393;
	text-decoration: none;}

a h2, a h3, a p{
	text-decoration: none;}

span.hidden{
	display: none;}

/* Testimonials */
div.testimonial{
	font-size: 9pt;
	font-style: italic;}

div.testimonial p.byline{
	font-size: 8pt;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
	background: url('images/bullet-line-bold.png') 0 6px no-repeat;
	padding: 0 0 0 17px;}

/* If logged in */

#if-logged-in {
	height: 20px;
	line-height: 20px;
	background: #111;
	color: #eee;
	font-size: 11px;
}
	#if-logged-in p {
		margin: 0;
	}
	#if-logged-in a:link,
	#if-logged-in a:visited {
		color: #fff;
		text-decoration: none;
		margin: 0px 15px;
	}
	#if-logged-in a:hover {
		text-decoration: underline;
	}
	#if-logged-in a:active {
		text-decoration: underline;
		margin-bottom: -1px;
	}

a.post-edit-link{
	position: absolute;
	margin: -20px 0 0;
}

#header {
	margin: 34px 0 0;
	position: relative;
}

	/* CNS LOGO HEADER */
	
	#header h1,
	#header h2{
		margin: 0;
		padding: 0;
	}
	
	#header h1 a,
	#header h2 a{
		background: url('images/header-logo-feb.jpg') 0 0 no-repeat;
		display: block;
		height: 68px;
		width: 180px;
		text-indent: -5000px;
	}
	
	/* PHONE AND SEARCH IN HEADER */
	
	#phone-and-search{
		position: absolute;
		top: 0;
		right: 0;
		color: #666;
	}
	
	#widgit-header,
	form#searchform,
	form#searchform div,
	#widgit-header .textwidget,
	#widgit-header ul {
		display: inline;}
	
		#widgit-header ul{
			padding: 0;
			margin: 0;}
		
		#widgit-header .textwidget{
			font-size: 8pt;}
		
		#widgit-header .textwidget span.bar{
			margin: 0 6px;}
	
	form#searchform{
		margin: 0 0 0 13px;}
	
		form#searchform input{
			border: 1px solid #eaeaea;
			padding: 5px;
			color: #666;
		}
		
		form#searchform button{
			margin: 0 0 0 3px;
			background: url('images/header-search-icon.jpg') 0 0 no-repeat;
			border: none;
			text-indent: -5000px;
			cursor: pointer;
			width: 20px;
			height: 18px;}
			
		form#searchform button span{
			text-indent: -5000px;}
	
	#widgit-alert {
		
	}
	
	/* END PHONE AND SEARCH */
	
	
	#nav {
		height: 16px;
	}
		.menu {
			
		}
		
		/* MAIN MENU */
		
		ul.nav{
			list-style-type: none;
			padding: 0;
			margin: 0;
			float: right;
		}
		
		ul.nav a{
			text-decoration: none;
			color: #666;
			text-transform: uppercase;
			font-size: 8pt;
			font-weight: bold;
			padding: 0 0 0 10px;
		}
		
		ul.nav a:hover{
			color: #999;}
		
		ul.nav li{
			float: left;
			margin: 0 0 0 18px;
		}
		
		ul.nav ul{
			list-style-type: none;
			margin: 0;
			padding: 5px 0 0 0;
			position: absolute;
			z-index: 999;
			border-bottom: 1px solid #eaeaea;
		}
		
		ul.nav ul li{
			float: none;
			margin: 0;}
			
		ul.nav ul li a{
			display: block;
			width: 150px;
			padding: 7px 10px 6px;
			background: #fff;
			border: 1px solid #eaeaea;
			border-bottom: none;
			font-weight: normal;
		}
		
		ul.nav ul li a:hover{
			background: #eaeaea;
		}
		
		ul.nav li.current_page_item a,
		ul.nav li.current_page_parent a,
		ul.nav li.current_page_parent li.current_page_item a{
			color: #393;
		}
		
		ul.nav li.current_page_parent li a,
		ul.nav li.current_page_item li a{
			color: #666;
		}
		
	/* SUBNAV MENU */
	
	ul.subnav{
		background: #999;
		list-style-type: none;
		height: 50px;
		width: 996px;
		padding: 7px 0 0 0;
	}
	
	ul.subnav li{
		float: left;
		margin: 0 0 0 14px;}
	
	ul.subnav li a{
		display: block;
		height: 29px;
		color: #fff;
		font-size: 7pt;
		text-transform: uppercase;
		text-decoration: none;
		font-weight: bold;
		padding: 14px 0 0 44px;
		width: 72px;}
	
	ul.subnav li a:hover{
		}
	
	ul.subnav li#menu-item-92{
		background: url('images/nav-wireless-bg.jpg') 0 0 repeat-x;}
		
	ul.subnav li#menu-item-92 a{
		background: url('images/nav-wireless-icon.png') 0 4px no-repeat;}
	
	ul.subnav li#menu-item-92 a:hover{
		color: #f93;}
	
	ul.subnav li#menu-item-91{
		background: url('images/nav-mail-bg.jpg') 0 0 repeat-x;}

	ul.subnav li#menu-item-91 a{
		background: url('images/nav-mail-icon.png') 0 4px no-repeat;}
	
	ul.subnav li#menu-item-91 a:hover{
		color: #6f3;}

	ul.subnav li#menu-item-90{
		background: url('images/nav-snow-bg.jpg') 0 0 repeat-x;}

	ul.subnav li#menu-item-90 a{
		background: url('images/nav-snow-icon.png') 0 4px no-repeat;}
	
	ul.subnav li#menu-item-90 a:hover{
		color: #3cf;}

	ul.subnav li#menu-item-89{
		background: url('images/nav-networks-bg.jpg') 0 0 repeat-x;}

	ul.subnav li#menu-item-89 a{
		background: url('images/nav-networks-icon.png') 0 4px no-repeat;}
	
	ul.subnav li#menu-item-89 a:hover{
		color: #c39;}
	
	ul.subnav li#menu-item-88,
	ul.subnav li#menu-item-87,
	ul.subnav li#menu-item-86,
	ul.subnav li#menu-item-85{
		padding: 0;
		text-align: center;}

	ul.subnav li#menu-item-88 a,
	ul.subnav li#menu-item-87 a,
	ul.subnav li#menu-item-86 a,
	ul.subnav li#menu-item-85 a{
		padding: 14px 0 0;
		width: 101px;
		background: #ccc;
		color: #666;
		font-size: 7.5pt;
		text-transform: none;}
		
	ul.subnav li#menu-item-88 a:hover,
	ul.subnav li#menu-item-87 a:hover,
	ul.subnav li#menu-item-86 a:hover{
		color: #fff;}
	
	ul.subnav li#menu-item-85 a{
		background: #6c3;
		color: #fff;}
	
	ul.subnav li#menu-item-85 a:hover{
		color:#090;}

/* BREADCRUMBS */

p.breadcrumb{
	margin: 0 0 18px 6px;
	font-size: 8pt;
	color: #666;
	text-transform: uppercase;}

p.breadcrumb strong{
	text-transform: none;}

p.breadcrumb a{
	color: #666;
	text-decoration: none;}

p.breadcrumb a:hover{
	text-decoration: underline;}

.home p.breadcrumb{
	margin: 0 0 8px 6px;}

/* CONTENT */

#content {
	color: #333;
}

	div.header-icon{
		float: left;
		margin: 0 13px 0 0;}
	
	#page-content div.header-icon img{
		border: none;}
	
	.featured-thumbnail {
		
	}
	.post-content {
		
	}
		.pagination {
			
		}
	.post-meta {
		
	}
	.post-navigation {
		
	}

#comments {
	
}
	li.comment {
		
	}
		.odd {
			
		}
		.even {
			
		}
		.author-comment {
			
		}
		.comment-text {
			
		}
		.comment-meta {
			
		}
			p.gravatar {
				
			}
	#trackbacks {
		
	}
		li.trackback {
			
		}
	p#no-comments {
		
	}
	#comments-form {
		
	}
		#respond {
			
		}
		.cancel-comment-reply {
			
		}

.page {
	
}
	#page-content,
	.search #content {
		font-size: 9pt;
		margin: 0 0 0 31px;
		padding: 0 0 14px;
		width: 682px;
		line-height: 1.4em;}
	
	#page-content p,
	.search #content p{
		margin: 0 0 16px 7px;}
	
	#page-content h1,
	.search #content h1{
		color: #f60;
		font-size: 13pt;
		margin: 0 0 16px 7px;}
	
	.search #content h1{
		font-weight: normal;}
		
	.search #content h1 em{
		font-weight: bold;}
	
	.search #content h2{
		color #06c;
		font-size: 10pt;
		margin: 20px 0 0 7px;}
	
	#page-content h3{
		font-size: 11pt;
		font-weight: normal;
		margin: -7px 0 26px 7px;
		line-height: 1.4em;}
	
	#page-content h4{
		color: #06c;
		font-size: 10pt;
		margin: 20px 0 17px 7px;}
	
	#page-content h5{
		font-weight: normal;
		font-size: 10pt;
		margin: 0 0 0 7px;}
	
	#page-content ul{
		list-style-type: none;
		margin: 0 0 16px 7px;
		padding: 0 0 0 15px;}
	
	#page-content .three-col-list{
		display: block;}
	
	#page-content .three-col-list ul{
		padding: 0;
		margin: 0 3px 20px 7px;
		float: left;
		width: 217px;}

	#page-content ul li{
		background: url('images/bullet-line.png') 0 7px no-repeat;
		padding: 0 0 0 17px;}
	
	#page-content img{
		border: 7px solid #999;}
	
	.home #page-content img{
		border: none;
	}
	
	#page-content img.alignleft{
		float: left;
		margin: 4px 10px 5px 0;}


/* RIGHT COLUMN */

	div.rightcol{
		float: right;
		width: 170px;
		padding: 0 0 50px 20px;
		color: #666;
		font-size: 8pt;
		border-left: 1px solid #eaeaea;}
	
	div.rightcol div.testimonial{
		padding: 0 0 20px;
		margin: 0 0 19px;
		border-bottom: 1px solid #eaeaea;}
	
	div.testimonial p{
		margin: 0 0 5px;}
	
	div.rightcol div.learn h3{
		margin: 0 0 10px;
		color: #090;
		font-size: 9pt;}
		
	div.rightcol div.learn ul{
		list-style-type: none;
		padding: 0;
		margin: 0;}
	
	div.rightcol div.learn p{
		margin: 0 0 6px;
	}
	
	div.rightcol div.learn ul li{
		background: url('images/bullet-line.png') 0 10px no-repeat;
		padding: 4px 0 6px 17px;
		border-top: 1px solid #eaeaea;}
	
	#page-meta {
		
	}

.post {
	
}
	.postContent {
		
	}
	.post-excerpt {
		
	}

.search {
	
}

.author {
	
}
#recent-author-posts {
	
}
#recent-author-comments {
	
}

#error404 {
	
}

#sidebar {
	
}
	#widgit-sidebar {
		
	}
		#sidebar-search {
			
		}
		#sidebar-nav {
			
		}
		#sidebar-archives {
			
		}
		#sidebar-meta {
			
		}
		.widgit {
			
		}

#footer {
	background: url('images/footer-bg.jpg') 0 0 no-repeat;
	font-size: 7pt;
	text-align: center;
	color: #666;
	padding: 19px 0 30px;}

	#footer a{
		color: #666;
		text-decoration: none;}
	
	#footer a:hover{
		text-decoration: underline;}

	#footer .bar{
		margin: 0 11px;
	}

	#footer .textwidget{
		display: inline;
	}
	
	#footer-nav {
		
	}
	
.no-results {
	
}

.widgit-area {
	
}

.right {
	float: right;
}
.left {
	float: left;
}
.clear {
	clear: both;
}

.clear-left {
	clear: left;
}

/* HOMEPAGE STUFF */

.home #content h1{
	display: none;}

.home #page-content{
	margin: 13px 0 0;
	padding: 0 0 7px;}

/* Home Boxes */

.home-boxes{
	height: 426px;}

.home-boxes .specialties{
	float: left;
	width: 162px;}

.home-boxes .specialties ul{
	list-style-type: none;
	margin: 0;
	padding: 0;}

.home-boxes .specialties ul li{
	list-style-type: none;
	margin: 0 0 11px;
	padding: 0;}

.home-boxes .specialties ul li a{
	display: block;
	text-align: center;
	background: #808080;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 9pt;
	padding: 11px 0;}

.home-boxes .specialties ul li a:hover{
	color: #ccc;}

.home-boxes .specialties ul li a.green_it{
	background: #6c3;}

.home-boxes .specialties ul li a.green_it:hover{
	color: #090;}

.home-boxes .specialties .testimonial{
	color: #666;
	margin: 18px 0 0;}

.home-boxes .service{
	float: left;
	width: 188px;
	height: 400px;
	position: relative;
	color: #fff;
	margin: 0 0 0 20px;}

.home-boxes .service a{
	color: #fff;}

.home-boxes .service h3{
	text-align: center;
	text-transform: uppercase;
	font-size: 9pt;
	margin: 4px 0 20px;}

.home-boxes .service h4{
	text-transform: uppercase;
	font-size: 8pt;
	padding: 0 14px;
	margin: 0 0 3px;}

.home-boxes .service p{
	font-size: 8pt;
	padding: 0 14px;
	margin: 0 0 3px;}

.home-boxes .service ul{
	font-size: 8pt;
	list-style-type: none;
	margin: 0; padding: 0 14px;}

.home-boxes .service ul li{
	margin: 0; padding: 0 0 0 13px;
	background: url('images/bullet-line-white.png') 0 7px no-repeat;
}

.home-boxes .service a.case-study{
	color: #fff;
	text-decoration: none;
	font-size: 8pt;
	text-transform: uppercase;
	border: 1px solid #fff;
	border-left: none;
	display: block;
	position: absolute;
	bottom: 15px;
	left: 0;
	padding: 3px 0 3px 10px;
	width: 165px;
	text-align: center;}

.home-boxes .icon{
	height: 100%;
}

.home-boxes .wireless{
	background: url('images/home-wireless-bg.jpg') 0 0 no-repeat #fe4d01;
	margin: 0 0 0 21px;}

.home-boxes .wireless .icon{
	background: url('images/home-wireless-icon.png') 40px 237px no-repeat;}
	
.home-boxes .wireless a:hover h3,
.home-boxes .wireless a.case-study:hover{
	color: #f93;}

.home-boxes .mail{
	background: url('images/home-mail-bg.jpg') 0 0 no-repeat #02a400;}

.home-boxes .mail .icon{
	background: url('images/home-mail-icon.png') 40px 237px no-repeat;}

.home-boxes .mail a:hover h3,
.home-boxes .mail a.case-study:hover{
	color: #6c3;}

.home-boxes .snow{
	background: url('images/home-snow-bg.jpg') 0 0 no-repeat #007dd9;
	margin: 0 0 0 21px;}

.home-boxes .snow .icon{
	background: url('images/home-snow-icon.png') 40px 237px no-repeat;}

.home-boxes .snow a:hover h3,
.home-boxes .snow a.case-study:hover{
	color: #3cf;}

.home-boxes .networks{
	background: url('images/home-network-bg.jpg') 0 0 no-repeat #79197a;}

.home-boxes .networks .icon{
	background: url('images/home-networks-icon.png') 40px 237px no-repeat;}

.home-boxes .networks a:hover h3,
.home-boxes .networks a.case-study:hover{
	color: #c39;}

/*-- Home Image Rotator --*/
.window {
	border: 7px solid #a9aaa4;
	height:168px;	width: 982px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left; border: none;}

/*--Paging Styles--*/
.paging {
	position: absolute;
	bottom: 40px; right: -7px;
	width: 178px; height:47px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 40px;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/}
.paging a {
	padding: 5px;
	text-decoration: none;
	color: #fff;}
.paging a.active {
	font-weight: bold; 
	background: #920000; 
	border: 1px solid #610000;}
.paging a:hover {font-weight: bold;}

/* Always remember to compress your live stylesheet and keep an uncompressed backup */