/*
Theme Name: PowerOne
Version: 1.0
Author: Kathryn McCallum

*/
body{
	background: white url(images/background.gif) repeat-x top;
	font-family: "droid-sans-1","droid-sans-2", sans-serif;
	font-size:.8em;
	color:#333333;
	line-height:1.5em;
	margin:10px 0 0 0;
}
h2 a{ text-decoration:none; color:#084694;}
h3{	color:#666666;}
hr{ border:0; border-bottom: #CCCCCC solid 1px;}
#shell{
	width:1000px;
	margin:auto;
}
#topnav{
	text-align:right;
	padding-bottom:5px;
}
#topnav a{ color: black;}
#topnav a:hover{
	background-color:#084694;
	color:white;
	text-decoration:none;
}
#nav{
	background-color:#414141;
	height:35px;
	color:white;
	border:1px solid #d0d0d0;
}
#nav ul{
	list-style:none;
	margin:0;
	padding:0;
}
#nav li{ float:left; border-right:1px solid #d0d0d0;}
#nav a{
	display:block;
	height:17px;
	padding:9px;
	padding-left:25px;
	padding-right:25px;
	text-decoration:none;
	font-weight:bold;
	font-size:1.1em;
	color:white;
	background: url(images/nav_bg.gif) repeat 0 0;
}
#nav a:hover{ background-position:50px 0; color:white; }
#logo{
	background: url(images/p1_logo.png) no-repeat top left;
	height:75px;
	margin-top:20px;
	margin-bottom:15px;
	text-align:right;
}
#logo .slogan{
	color:#084694;
	font-size:1.1em;
}
#logo .sloganbig{
	color:#084694;
	font-size:2em;
	font-weight:bold;
	line-height:1.3em;
}
#logo .slogan a{
	color:#084694;
	text-decoration:none;
	border-bottom:1px dashed #084694;
}
#logo .slogan a:hover{
	background-color:#084694;
	color:white;
	text-decoration:none;
}
.graybox h2{ margin-top:10px; color:#333333; }
.graybox h3{ margin-top:0;}
.graybox hr{
	border:none;
	border-bottom:1px gray dashed;
	margin-top:10px;
	margin-bottom:10px;
}
.graybox{
	background-color: #f1f1f1;
	padding:10px;
	height:250px;
	float:left;
	width:300px;
	margin:10px 0 0 7px;
	border:2px #ebebeb;
}
.portfolio a{
	width:222px;
	background:url(images/image_bg.gif);
	padding:9px;
	display:block;
}	
.portfolio a:hover{
	background-image:url(images/image_bg_b.gif);
}	
#content{	
	width:510px;
	float:left;
}
#content a{
	color:#084694;
}
#content a:hover{
	color:white;
	background-color:#084694;
	text-decoration:none;
}
#contentWide{	
	width:735px;
	float:left;
}
#sidebar1{
	float:right;
	width:225px;
}
#sidebar1 hr{
	border:0;
	border-bottom:1px black dashed;
	margin-top:5px;
	margin-bottom:5px;
}
#sidebar1 h2{
	margin-top:0;
	background-color:#333333;
	color:white;
	padding:2px;
	font-weight:normal;
}
#sidebar1 h3{
	margin-top:0;
	margin-bottom:0;
}
#sidebar2{
	float:right;
	width:225px;
	margin-right:18px;
}
#sidebar2 ul{
	list-style:none;
	margin:0;
	padding:0;	
}
#sidebar2 li{ padding-bottom:3px;}
#sidebar2 li a{
	text-decoration:none;
	display:block;
	padding:7px;
	background: url(images/subnav_bg.gif) repeat 0 0;
	color:white;
}
#sidebar2 li a:hover{
	background-position:-250px 0;
	color:white;
}	
#footer{
	clear:both;
	padding-top:10px;
	text-align:center;
	font-size:.9em;
	color:#666666;
}
#footer a{
	color:#084694;
	text-decoration:none;
	border-bottom:1px dashed #094694;
}
#footer a:hover{
	background-color:#084694;
	color:white;
	text-decoration:none;
}
#thisisthebottom{
	background: #2e2e2e;
	border-top:5px black solid;
	font-size:.8em;
	color:#cccccc;
	line-height:2em;
}
#thisisthebottom a{
	color:#999999;
	text-decoration:none;
	padding:5px;
}
#thisisthebottom a:hover{
	background-color:#292929;
	color:white;
}
#bottomShell{
	width:1000px;
	margin:auto;
}
.footerColumn{
	width:250px;
	float:left;
	text-align:left;
	padding-bottom:10px;
}
.footerColumn ul{
	list-style:none;
	margin:0;
	padding:0;
}
.footerColumn li{
	margin:0;
	padding:0;
}
.search{
	float:right;
	padding:3px;
}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
.imgBorder{
	border:1px solid #333333;
}
/* End Images */
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}

#colorbox{}
    #cboxContent{margin-top:20px;}
        #cboxLoadedContent{background:#000; padding:5px;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(images/controls.png) top left no-repeat; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(images/controls.png) top right no-repeat; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext.hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(images/controls.png) top center no-repeat; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose.hover{background-position:bottom center;}
		
/* Easy Slider */

	#slider{}	
	#slider ul, #slider li, #slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:1000px;
		height:340px;
		overflow:hidden; 
		}	

	#slider2 li{ 
		background:#f1f1f1;
		}		
	#slider2 li h2{ 
		margin:0 20px;
		padding-top:20px;
		}	
	#slider2 li p{ 
		margin:20px;
		}						
		
	p#controls, p#controls2{
		margin:0;
		position:relative;
		} 
	
	#prevBtn, #nextBtn{ 
		display:block;
		margin:0;
		overflow:hidden;
		text-indent:-8000px;		
		width:51px;
		height:64px;
		position:absolute;
		left:-14px;
		top:-190px;
		}	
	#nextBtn{ 
		left:963px;
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:51px;
		height:64px;
		background:url(/wp-content/themes/p1/images/slide-previous.png) no-repeat 0 0;	
		}
	#prevBtn a:hover { background-position: 0 -64px;}	
	#nextBtn a{ 
		background:url(/wp-content/themes/p1/images/slide-next.png) no-repeat 0 0;	
		}
	#nextBtn a:hover { background-position: 0 -64px;}	
	#slidebottom{
		height:69px;
		margin-top:-69px;		
	}							

/* // Easy Slider */

/* Shoretel */

#shoretelNav {
	font-size:.8em;
}
#shoretelNav ul {
	list-style: none;
	margin: 1em;
	overflow: hidden;
	padding: 0;
	width: 100%;
}
#shoretelNav ul li {	
	}
#shoretelNav li a{
	float: left;
	color:white;
	text-decoration:none;
	padding: 0.5em;
	background-color:#f57f20;
	margin-right:2px;
}	
#shoretelContent {
	line-height: 1.25;
	width: 100%;
}
#shoretelContent .clear {
	clear: both;
}
#shoretelContent dt {
	font-size: 1.1em;
	font-weight: bold;
	margin-left: 1em;
}
#shoretelContent dd p {
	font-size: 1.1em;
	margin-left: 2em;
}
#shoretelContent h1 {
	font-size: 1.8em;
	margin: 0;
	padding: 0.75em;
}
#shoretelContent h2 {
	font-size: 1.5em;
	margin: 0.8em;
}
#shoretelContent h3 {
	font-size: 1.3em;
	margin: 0.85em;
}
#shoretelContent p {
	font-size: 1.2em;
	margin: 1em;
}
#shoretelContent small {
	margin: 1.2em;
}
#shoretelContent table {
	border: 1px solid;
	border-collapse: collapse;
	font-size: 1.2em;
	margin: 1em;
	width: 90%;
}
#shoretelContent table caption {
	caption-side: bottom;
	font-size: 0.95em;
	font-style: oblique;
}
#shoretelContent th, div#shoretelContent td { border: 1px solid; margin: 0; padding: 0.25em;}
#shoretelContent ul { margin: 1em 1em; padding-left: 1em;}
#shoretelContent ul li { font-size: 1.1em; margin: 0.5em;}