/*
Theme Name: Experience PMI
Theme URI: http://experiencepmi.com
Description: WordPress theme for ExperiencePMI.com
Version: 1.0
Author: Marcus Wickes
Author URI: http://marcuswickes.com
*/


/* Begin Typography & Colors */
body { font: 14px/18px 'Lucida Grande', Verdana, Arial, Sans-Serif; background: #ebebe9 url('images/gradient.jpg') top left repeat-x; color: #333; text-align: center; padding: 0; margin: 0; height: 100%; }
#clear { clear: both; }

h1 { font: bold 26px/32px "Trebuchet MS", Arial, Helvetica, sans-serif; padding: 0 0 15px 0; margin: 0; }
h2 { font: bold 22px/26px "Trebuchet MS", Arial, Helvetica, sans-serif; padding: 0 0 15px 0; margin: 0; }
h1.pagetitle { color: #414042; padding: 10px 0 0 0; margin: 0; }
h2.subtitle { color: #868686; padding: 0; font: 16px/20px Georgia, "Times New Roman", Times, serif; font-style: italic; margin: 0; }
h3 { font: bold 16px/22px Arial, Helvetica, sans-serif; padding: 0; margin: 0; }

p { padding: 0 0 15px 0; }

a, h2 a:hover, h3 a:hover { color: #06c; text-decoration: none; }
a:hover { color: #147; text-decoration: underline; }
img { border: 0; }
/* End Typography & Colors */


/* Begin Header */
#header { background: url('images/headerback.jpg') top left repeat-x; height: 107px; width: 100%; }
#headercontent { width: 1010px; margin: 0 auto; padding: 0; text-align: left; }
#logo { float: left; position: relative; }
/* End Header */


/* Begin Nav */
#nav { width: 561px; height: 50px; padding: 57px 0 0 0; margin: 0; float: left; position: relative; }
#nav ul { list-style: none; margin: 0; padding: 0; }
#nav ul li { float: left; padding: 0 12px; margin: 0; }
#nav a { text-decoration: none; color: #868686; font: bold 12px/12px Arial, Helvetica, sans-serif; }
#nav a:hover { text-decoration: none; border-bottom: 1px dotted #868686; color: #333; }
/* End Nav */


/* Begin Content */
#main { width: 1020px; padding: 0; margin: 10px auto; text-align: left; }
#wrap { background: url('images/sideshadow.png') top left repeat-y; width: 1020px; height: auto; padding: 0; margin: 0; position: relative; float: left; }
#content { width: 960px; padding: 15px 30px 5px 30px; margin: 0; height: auto; position: relative; }
#contentnarrow { width: 630px; padding: 15px 15px 5px 30px; margin: 0; height: auto; float: left; }
#sidebar { width: 320px; margin: 0; padding: 0 20px 0 0; float: right; text-align: left; border-left: 1px dotted #CBCBC7; }
#sidebarcontent { background: #F8F8F7; width: 290px; padding: 25px 20px 10px 20px; margin: 0; }
#sidebar ul { list-style: none; padding: 0; margin: 0; }
#sidebar h3 { font: bold 16px/22px Arial, Helvetica, sans-serif; padding: 0; margin: 0; }

#contentheader { background: url('images/contentheaderback.png') top left no-repeat; height: 82px; width: 1000px; margin: 0; padding: 20px 0 0 30px; }

.graphic, #prevBtn, #nextBtn { margin: 0; padding: 0; display: block; overflow: hidden; text-indent: -1000px; }
#slidecontainer { margin: 0 auto; padding: 0; position: relative; text-align: left; width: 1020px; }		
#slider { padding: 0; margin: 0 auto; width: 1000px; height: 369px; }
#slider ul, #slider li { margin: 0; padding: 0; list-style: none; }
#slider li { width: 1000px; height: 396px; overflow: hidden; margin: 0; padding: 0; }
#prevBtn, #nextBtn { display: block; width: 23px; height: 47px; position: absolute; left: 25px; top: 170px; }	
#nextBtn { left: 975px; }														
#prevBtn a, #nextBtn a { display: block; width: 23px; height: 47px; background: url('images/leftarrow.png') no-repeat 0 0; }	
#nextBtn a { background: url('images/rightarrow.png') no-repeat 0 0; }		

#homesections { border-top: 4px solid #fff; width: 1000px; height: 269px; padding: 0; margin: 0 auto; position: relative; }
#homesections ul { list-style: none; width: 1000px; height: 269px; margin: 0; padding: 0; }
#homesections ul li { float: left; padding: 0; margin: 0; width: 250px; height: 269px; text-align: center; }
#homesections h2 { text-transform: uppercase; color: #0d5079; font: 22px/26px "Trebuchet MS", Arial, sans-serif; margin: 0 auto; }
#homesections .smallheightpadding { padding: 10px 0 210px 0; }
#homesections .heightpadding { padding: 10px 0 235px 0; }
#homesections h2 a { color: #0d5079; text-decoration: none; width: 250px; height: 269px; }
#homesections a:hover { color: #c00; text-decoration: none; }
#homesections .testimonials { background: url('images/hometestimonials.jpg') top left no-repeat; width: 250px; height: 269px; }
#homesections .experience { background: url('images/homeexperience.jpg') top left no-repeat; width: 250px; height: 269px; }
#homesections .solutions { background: url('images/homesolutions.jpg') top left no-repeat; width: 250px; height: 269px; }
#homesections .consultants { background: url('images/homeconsulting/rotate.php') top left no-repeat; width: 250px; height: 269px; }

#homesectionsbottom { width: 1000px; min-height: 190px; padding: 0; margin: 0 auto; background: #f6eecd url('images/homesectionsbottom.jpg') top left no-repeat; }
#homesectionsbottom ul { list-style: none; width: 1000px; height: auto; margin: 0; padding: 0; }
#homesectionsbottom ul li { float: left; padding: 10px 20px; margin: 0; width: 210px; height: auto; text-align: left; }
#homesectionsbottom h3 { color: #695028; font: 18px/22px Arial, Helvetica, sans-serif; padding: 0; margin: 0; }
#homesectionsbottom p { font: 14px/18px Arial, Helvetica, sans-serif; color: #333; }
/* End Content */


/* Begin Footer */
#greenfooter { width: 1020px; height: 120px; padding: 0; margin: 0 auto; }

#footer { margin: 0 auto; text-align: center; padding: 0 0 20px 0; min-height: 140px; }
#footer a { color: #333; font: 12px/15px Arial, Helvetica, sans-serif; }
#footer img { padding: 0 5px; }

#bottomfooter { background: url('images/footerback.jpg') top left repeat-x; padding: 0; margin: 0; width: 100%; height: 60px; }
#bottomfooter p { color: #ccc; font: 12px/15px Arial, Helvetica, sans-serif; }
#bottomfooter a { color: #ccc; }
#bottomfootercontent { width: 1000px; padding: 15px 0 0 0; margin: 0 auto; text-align: left; }
#bottomfootercontent .left { float: left; }
#bottomfootercontent .right { float: right; text-align: left; }
/* End Footer */