﻿/* CSS Document 2011 PowellDorian. Redesigned and editted by AF. */
@charset "utf-8";

* {
	font-size:100% ;
}

html,body {
	margin: 0;
	padding: 0;
}

a:focus {
	outline: none;
}

a {
　　　 font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
    cursor: pointer;
    color: #002060;
	outline: none; 
	text-decoration: none; 		
}


ul { list-style: none; }

a:hover {
        color: #648abc;
        }

a img {
	border: 0;
}

dl,dt {
	font-family: Arial, Helvetica, sans-serif;
	color: #555555;
}

#middle-column h1 {
	font-size: 18px;
	color: #002060;
	font-weight: bold;
	font-family: Georgia, Arial, Helvetica, sans-serif;
	padding-bottom: 2px;	
	padding-top: 4px;
}

dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,input,p,div,span {
	margin: 0;
	padding: 0;
}


h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
	font-family: Georgia, Arial, Helvetica, sans-serif;
}

p {
	font-size: 12px;
	line-height: 18px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
}


ul,span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #555555;
}

.hidden {
	visibility: hidden;
}

img {
	vertical-align:bottom;
}

/*------------------

		Frame
		
-------------------*/

body {
		background: #dddddd url(http://www.powelldorian.com/images/bg.gif) repeat-x;
}

#wrapper {
	width: 980px;
	margin: auto;
}

#nav {
	height: 30px;
	width: 980px;
}

	#nav ul {
		line-height: 30px;
		text-align: right;
		font-weight: bold;
	}
	
	#nav li {
		display: inline;
		list-style: none;
		padding: 0 22px 0 18px;
		background: url(http://www.powelldorian.com/images/border_nav.gif) no-repeat right center;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
zoom:1;
	}
	
	#nav li.last {
		background: none;
	}
	
	#nav li a {
		text-decoration: none;
		color: #e7f0f8;
               font-size:12px;
	}

/* New V.Nav Bar */

#navcontainer { width: 178px; margin-left: 20px;

}

#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Georgia, Arial, Helvetica, sans-serif;
border-bottom: 1px solid #369;
}

#navcontainer a
{
display: block;
padding: 9px;
width: 160px;
background-color: #FFF;
border-bottom: 1px dotted #000;
}


#navcontainer a:link, #navlist a:visited
{
color: #4d4d4d;
font-size: 11px;
text-decoration: none;
}

#navcontainer a:hover
{
	
/* background-color: #369; */
background-color: #f8f8fb;
color: #000;
}

/* End New V.Nav Bar */

#banner {
	width: 980px;
	height: 150px;
	background: url(http://www.powelldorian.com/images/main_banner_bg.gif) no-repeat;
}

	#left-banner {
		width: 550px;
		height: 150px;
		float: left;
		position: relative;
		display: inline;
	}

	#left-banner .logo {
        background: url(http://www.powelldorian.com/images/pd_logo.gif) no-repeat;
		width: 407px;
		height: 67px;
		margin: 47px 0 0;
		text-indent:-100em;
               display: inline-block;
	}
	
#right-banner {
	width: 409px;
        margin-right: 21px;
	height: 150px;
	float: right;
	position: relative;
	display: inline;
        font-size: 11px;
       color: ##191970;
       font-family: Arial, Helvetica, sans-serif;
}

#right-banner p {
	color: #191970;
	line-height: 18px;
        padding-right: 40px;
        font-size: 11px;
        font-family: Arial, Helvetica, sans-serif;
        color: #191970;
       
}

#right-banner h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #191970;
	font-smooth: always;
	padding: 20px 0 0;
}

#right-banner h2.s-h2 {
       font-size: 14px;
        font-family: Georgia, "Times New Roman", Times, serif;
	color: #191970;
}

#right-banner form {
        float: right;
}

#right-banner table {
        padding-top: 10px;
}

.tField {
        height: 17px;
        margin-right: 3px;
}
	
.content {
	background: #ffffff;
	width: 980px;
	float: left;
	position: relative;
}

#left-column {
	width: 195px;
	/*background: url(/../images/1px_border_column.gif) no-repeat right top;*/
	display: inline;
	float: left;
	position: relative;
	margin-top: 14px;
	min-height: 269px;
	max-height: auto;
}

	#left-column ul.left-nav {
		padding: 0 0 25px 20px;
		text-align: left;
		list-style: none;
	}
	
	#left-column ul.left-nav li {
	   
           background: url(http://www.powelldorian.com/images/1px_subMenu_bottom2.gif) no-repeat right bottom;     
	   text-align: right;
           padding: 8px 0;
	   _position: relative;
	   line-height: 18px;	
	}

       #left-column ul.left-nav li.first-nav {
                 padding-top: 0;
       }
	
	#left-column ul.left-nav li a {
		text-decoration: none;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		font-weight: bold;
		color: #191970;
	}

       #left-column ul.left-nav li a:hover {
		color: #648abc;
	}

       #left-column ul.extrali {
               padding: 30px 0 0 20px;
       }

        #left-column ul.extrali li.blog {
               background: url(http://www.powelldorian.com/images/blog_icon.gif) no-repeat 0px 6px;
               padding-left: 43px;
       }

        #left-column ul.extrali li.newsletter {
               background: url no-repeat 0px 13px;
       }
       
        #left-column ul.extrali li a {
                color: #648abc;
       }

        #left-column ul.extrali li a:hover {
                color: #191970;
       }

       /* form.fJoin {
                padding-left: 20px;
      }*/

       .fSize {
               font-size: 13px;
     }
	 
	 #EmailTextBox { width: 98px; margin-bottom: 4px; font-size: 13px; height: 20px; vertical-align: middle;}
	 #ValidationMessage { font-size: 11px; color: red; }

#middle-column-main {
	width: 730px;
	margin: 0px 0px 0px 32px;
	display: inline;
	float: left;
	position: relative;
	padding-top: 20px;
	font-size: 11px;
	color: #555555;
	font-family: Arial, Helvetica, sans-serif;
    line-height: 18px;	
}

#middle-column {
	width: 480px;
	margin: 0px 0px 0px 32px;
	display: inline;
	float: left;
	position: relative;
	padding-top: 20px;
	font-size: 11px;
	color: #555555;
	font-family: Arial, Helvetica, sans-serif;
    line-height: 18px;	
}

#middle-column {

}

      #middle-column img.picMain {
               margin-bottom: 10px;
      }

       #middle-column span {
               font-family: Arial, Helvetica, sans-serif;
               color: #555555;
               font-size: 11px;
       }

	#middle-column h2 {
		font-size: 11px; color: #648abc; font-weight: bold; font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
	}
	
#main-right-column h5 {
		margin-top: 0px; padding-top: 0px; font-family: Georgia, Arial, Helvetica, sans-serif; font-size: 16px;color: #11175e; font-weight: bold; padding-bottom: 6px;
	}
	
	#left-column h5 {
		margin-left: 20px; font-family: Georgia, Arial, Helvetica, sans-serif; font-size: 16px;color: #11175e; font-weight: bold; padding-bottom: 6px;
	}

	#right-column h5 {
		font-family: Georgia, Arial, Helvetica, sans-serif; font-size: 16px;color: #11175e; font-weight: bold; padding-bottom: 6px;
	}

	#middle-column h3 {
		line-height: 30px; color: #000; font-family: georgia, helvetica, arial; font-size: 13px; font-weight: bold; margin-top: 5px;
	}

       #middle-column h4 {
		font-weight: bold;
		color: #333333;
		font-size: 12px;
		padding-bottom: 4px;
       }
	
	#middle-column p {
		padding: 12px 0;
                font-size: 12px;
                color: #555555;
                font-family: Arial, Helvetica, sans-serif;
	}

          #middle-column img.personPic {
               margin-top: 10px;
         }

	
	#middle-column #blist ul {
		padding: 0 20px 5px 0;
		text-align: left;
		list-style: none;
	}
	
	#middle-column #blist ul li strong {
		text-align: left;
		list-style: none;
		color: #000;
	}	
	
	#middle-column #blist ul li {
		background: url(http://www.powelldorian.com/images/blue_mark.gif) no-repeat 14px 8px;
	   _position: relative;
       line-height: 18px;
	   padding-left: 35px;
	   color: #333333;
	   font-size: 11px;
       padding-bottom: 5px;
	}
	
	#middle-column #blist2 ul li {
		background: url(http://www.powelldorian.com/images/blue_mark.gif) no-repeat 0px 6px;
	   _position: relative;
       line-height: 15px;
	   padding-left: 8px;
	   color: #333333;
	   font-size: 11px;
       padding-bottom: 5px;
	}

	#middle-column ul li a {
		text-decoration: underline;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #002060;
        }

	#middle-column ul li a:hover {
		text-decoration: none;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #648abc;
        }

        /*#middle-column table {
                margin-top: 25px;
        }*/

       .tPic tr td{
          padding:10px 10px 30px 0;
        }

       .tPicTeam tr td {
                padding-right: 10px;
        }
   
        .tClient {
                margin-top: 13px;
        }

        table.tClient tr td {
               padding-bottom: 40px;
        }
 
        .tClient tr td.s-Client {
                padding-left: 25px;
        }

        #middle-column table tr td.space { 
                padding-right: 30px;
        }

        img.picTeam {
	          float: left;
	          margin-right: 10px;
}

        img#topPic {
                margin-top: 10px;
}

#right-column {
	width: 240px;
	float: right;
}

.lightblue {
	color: #648abc;
	font-size: 10px;
	}
	
/* news box style */
	.news {
		width: 229px;
		display: inline;
		float: left;
		position: relative;
	}
	
	.form {
		font-family: arial, helvetica;
		font-size: 12px;
		font-weight: bold;
	}

	.form-text {
		font-family: calibri, arial, helvetica;
		font-size: 13px;
		padding: 2px;
	}

		
	#left-column .news { width: 175px; float: right; padding-top: 10px; }
	
	.news h2 {
		width: 229px;
		height: 24px;
		background: url(http://www.powelldorian.com/images/cap_info.gif) no-repeat;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 13px;
		color: #ffffff;
		padding: 5px 0 0 20px;
	}
	#left-column .news h2 { width: 155px; background: url(http://www.powelldorian.com/images/cap_info_leftcol.gif) no-repeat; }
	
	.news ul {
		padding: 10px 10px 10px 20px;
		list-style: none;
		background: url(../images/1px_bg_info.gif) repeat-y;
		margin-top: -5px;
	}
	#left-column .news ul { background: url(http://www.powelldorian.com/images/1px_bg_info_leftcol.gif) repeat-y; }
	#left-column .news p { line-height: 14px; }
	
	.news ul li {
		background: url(http://www.powelldorian.com/images/grey_mark.gif) no-repeat 3px 8px;	
		position: relative;
		line-height: 18px;
		padding: 0 0 5px 0px;
		font-size: 12px;
		color: #555555;
		}
	

	.news ul li a {
		text-decoration: none;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #191970;
		text-decoration: underline;
	}

              .news ul li.conNews {
                        background: url(http://www.powelldorian.com/images/blue_mark.gif) no-repeat 3px 8px;
                        _position: relative;
                        padding: 0 0 5px 20px;
                        font-size: 11px;
                }
                #left-column .news ul li.conNews {
                        background: none;
                        padding: 0 0 5px 0;
                }

              .news ul li.conNews2 {
                        background: url(http://www.powelldorian.com/images/blue_mark.gif) no-repeat 3px 8px;
                        _position: relative;
                        padding: 0 0 15px 20px;
                        font-size: 11px;
                }

               .news ul li.textNews {
                       background: url(http://www.powelldorian.com/images/grey_mark.gif) no-repeat 3px 8px;
		}
		
		#news img {
			margin: 0;
			padding: 0;
			vertical-align: bottom;
		}
	
	#contact {
		width: 229px;
		height: 200px;
		display: inline;
		float: left;
		position: relative;
		margin-top: 5px;
	}

	#contact h2 {
		width: 229px;
		height: 24px;
		background: url(http://www.powelldorian.com/images/cap_info.gif) no-repeat;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 13px;
		color: #ffffff;
		padding: 5px 0 0 20px;
	}
	
	
	#contact dl {
		padding: 0 20px;
		font-size: 11px;
		padding-top: 10px;
		background: url(http://www.powelldorian.com/images/1px_bg_info.gif) repeat-y;
		margin-top: -5px;
		padding-bottom: 5px;
		color: #555555;
	}
	
	#contact dl dt {
		float: left;
		padding: 0 3px 10px 0;
		font-weight: bold;
		color: #555555;
	}
	
	#contact dl dd {
		padding-bottom: 10px;
		color: #555555;
	}
	
	#contact p {
		padding-bottom: 15px;
	}

#footer {
	clear: both;
	text-align: center;	
}

#footer p {
	padding-top: 10px;	
	color: #999;
	font-size: 9px;
	line-height: 13px;
	padding-bottom: 15px;
}

#footer a {
	color: #999;
}

#black {
	color: #000;
	font-weight: bold;
}

/*------------------

		Sub Page
		
-------------------*/

#sub-banner {
       width: 980px;
       height: 103px;
       background: url(http://www.powelldorian.com/images/sub_banner_bg.gif) no-repeat;
}

#sub-banner a {
       display: inline-block;
}

#sub-banner .logo {
	background: url(http://www.powelldorian.com/images/sub_powell_logo.png) no-repeat;
	width: 333px;
	height:83px;
	text-indent:-100em;
        margin-left: 28px;

}

#sub-middle-column {
	width: 496px;
	margin: 0 20px;
	display: inline;
	float: left;
	position: relative;
	padding-top: 20px;
        font-size: 11px;
        color: #333333;
       font-family: Arial, Helvetica, sans-serif;
}

        #sub-middle-column h2 {
		font-weight: bold;
		color: #02376c;
		font-size: 15px;
		padding-bottom: 4px;
	}

	#sub-middle-column h3 {
		background: url(http://www.powelldorian.com/images/check_mark.gif) no-repeat 0px 6px;
		padding-left: 18px;
		font-weight: bold;
		color: #648abc;
		width: 475px;
		font-size: 15px;
		border-bottom: 1px solid #648abc;
		padding-bottom: 4px;
	}

       #sub-middle-column h4 {
		font-weight: bold;
		color: #333333;
		font-size: 12px;
		padding-bottom: 4px;
       }

       #sub-middle-column strong {
                color: #333333;
                font-size: 13px;
		font-family: Arial, Helvetica, sans-serif;
       }

       #sub-middle-column strong.title-st {
                margin-top: 5px;
                display: inline-block;
       }
	
	#sub-middle-column p {
		padding: 9px 0;
                font-size: 11px;
                color: #333333;
                font-family: Arial, Helvetica, sans-serif;
	}
	
	#sub-middle-column ul {
		padding: 0 20px 20px 0;
		text-align: left;
		list-style: none;
	}
	
	#sub-middle-column ul li {
		background: url(http://www.powelldorian.com/images/blue_mark.gif) no-repeat 14px 8px;
	   _position: relative;
	   line-height: 18px;
	   padding-left: 35px;
	   color: #333333;
	   font-size: 11px;
	}
	
	#sub-middle-column ul li a {
		text-decoration: none;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #191970;
		text-decoration: underline;
	}

	#newsletter {
		width: 178px;
		padding: 12px 0px 12px 0px;
		margin-left: 20px;
		margin-top: 7px;
		border-top: 1px solid #CCC;
		border-bottom: 1px solid #CCC;
	}
	
	#newsletter2 {
		width: 178px;
		padding: 0px 0px 12px 0px;
		margin-left: 20px;
		border-bottom: 1px solid #CCC;
	}	
	
	
/* Slideheader */	
	
	#blogSlider2 { margin-left: 6px; margin-top: 5px; width: 176px; background-color: #EEEEEE; }
.stripViewer 						{ position: relative; overflow: hidden; clear: both; }
.stripViewer .panelContainer 		{ position: relative; }
.stripViewer .panelContainer .panel { float: left; position: relative; width: 175px; }
.stripNav 							{ margin-left: 22px; position: absolute; top: 10px; z-index: 99;
									  width: 175px; }
.wrapper2 ul li div a				{ padding: 0px; }
.innerWrap2 							{ width: 175px; overflow: hidden;}

/* 
	MAIN TABBED NAVIGATION
*/
.stripNav ul li 					{ float: left; }

.stripNav li a 						{ /* Generic "CSS image replacement" */
									  display: block; height: 18px; text-indent: -9999px; }

.stripNav li a:hover, 
.stripNav li a:active, 
.stripNav li a:focus 				{ /* Restore focus styling that we removed when we removed outlines */
									  background-position: top center; }

/* 
	SUB NAVIGATION
*/
.stripNavL2 a, .stripNavR2 a 			{ display: block; position: relative; width: 25px; 
							 		  height: 15px; text-indent: -9999px; z-index: 99}
.stripNavL2 a						{ top: 21px; left: 135px; background: url(http://www.powelldorian.com/images/previous.gif); }
.stripNavR2 a 						{ top: -475px; left: 158px; background: url(http://www.powelldorian.com/images/next.gif);
}


/* 
	HEADLINES STYLING 
*/
.panel ul 							{ width: 150px; }
.panel ul li a 						{ color: #303030;
						  		  	  display: block; padding: 7px 10px; }
.panel ul li:last-child a 			{ /* Remove bottom border on last list item
	   							  	  Hooray for pseudo selectors! */
								  	  border: none; }
								  	  /* Unique rollover colors for each list
.panel ul#psd-list li a:hover 		{ background: #b20202; color: white; }
.panel ul#net-list li a:hover 		{ background: #4a8c7f; color: white; }
.panel ul#vector-list li a:hover 	{ background: #1f5293; color: white; }
.panel ul#audio-list li a:hover 	{ background: #4f7c11; color: white; } */
	
	
/* End SliderHeader */

/* Slider_reg */

	#blogSlider 						{ margin-left: 20px; margin-top: 0px; padding: 10px 0px 0px 0px; width: 176px; background-color: #f8f9fb; border: 1px solid #002060;
									  }
.stripViewer 						{ position: relative; overflow: hidden; clear: both; }
.stripViewer .panelContainer 		{ position: relative; }
.stripViewer .panelContainer .panel { float: left; position: relative; width: 175px; }
.stripNav 							{ margin-left: 22px; position: absolute; top: 10px; z-index: 99;
									  width: 170px; }
.wrapper 							{ padding: 10px; }
.innerWrap 							{ width: 161px; overflow: hidden;}

/* 
	MAIN TABBED NAVIGATION
*/
.stripNav ul li 					{ float: left; }

.stripNav li a 						{ /* Generic "CSS image replacement" */
									  display: block; height: 18px; text-indent: -9999px; }

.stripNav li a:hover, 
.stripNav li a:active, 
.stripNav li a:focus 				{ /* Restore focus styling that we removed when we removed outlines */
									  background-position: top center; }

/* 
	SUB NAVIGATION
*/
.stripNavL a, .stripNavR a 			{ display: block; position: relative; width: 25px; 
							 		  height: 15px; text-indent: -9999px; z-index: 99}
.stripNavL a						{ top: 25px; left: 20px; background: url(http://www.powelldorian.com/images/previous.gif); }
.stripNavR a 						{ top: -317px; left: 170px; background: url(http://www.powelldorian.com/images/next.gif);
}


/* 
	HEADLINES STYLING 
*/
.panel ul 							{ width: 150px; }
.panel ul li a 						{ color: #303030;
						  		  	  display: block; padding: 7px 10px; }
.panel ul li:last-child a 			{ /* Remove bottom border on last list item
	   							  	  Hooray for pseudo selectors! */
								  	  border: none; }
								  	  /* Unique rollover colors for each list
.panel ul#psd-list li a:hover 		{ background: #b20202; color: white; }
.panel ul#net-list li a:hover 		{ background: #4a8c7f; color: white; }
.panel ul#vector-list li a:hover 	{ background: #1f5293; color: white; }
.panel ul#audio-list li a:hover 	{ background: #4f7c11; color: white; } */

/* End Slider_reg */
	
/* Slideshow */

#back a { font-size: 11px; }
#slideshow-options ul { padding: 0; }
#slideshow-options ul li { list-style-type: none; display: inline; padding-right: 0; }

#slideshow * { margin: 0; padding: 0; }
#slideshow { background: url(' ') no-repeat top; position: relative; width: 730px; height: 300px; }
#slideshow #menu, #slideshow #pictures, #slideshow #loading { position: absolute; }
#slideshow #loading { /*insert spinner bg*/display: block; top: 150px; left: 250px; text-indent: -5000px; width: 24px; height: 24px; visibility: hidden; z-index: 5; }
#slideshow #pictures { background: url('http://www.powelldorian.com/images/load.jpg'); width: 510px; height: 277px; left: 0; overflow: hidden; z-index: 1; }
#slideshow #pictures li { display: block; position: absolute; top: 0; width: 500px; }
#slideshow #pictures li img { display: block; position: relative; bottom: 0; }
#slideshow #pictures li a img { border: none; }
#slideshow #menu { background: url('http://www.powelldorian.com/images/bg_side2.jpg'); list-style-type: none; width: 205px; height: 251px; right: 0; padding-top: 26px; padding-right: 15px; }
#slideshow #menu li { display: block; z-index: 1000; position: relative; zoom: 1; list-style-type: none; }
#slideshow #menu li a { display: block; font: 12px "Georgia", "Verdana"; text-decoration: none; padding: 7px 0 7px 28px; z-index: 1000; color: #333; line-height: 14px; vertical-align: middle; zoom: 1; }
#slideshow #menu li a:focus { outline: 0; }
#slideshow #menu li a:hover { color: #000; }
#slideshow #menu li.current a { font: 15px "Georgia"; color: #002060; padding: 5px 0 5px 28px; line-height: 18px; }
#slideshow #menu li.background { background: url('http://www.powelldorian.com/images/arrow.gif') no-repeat left center; position: absolute; font-size: 1px; height: 7px; width: 4px; z-index: 5; }
	
	
