/* @override 
	http://www.platypus-ad.com/new2009/wp-content/themes/platypusAd_template_alpha3/css/layout.css
	http://www.platypus-ad.com/wp-content/themes/platypusAd_template_alpha3/css/layout.css
*/

/*Global styles to be reused*/
html {
text-align: center;
}
body {
text-align: left;
margin-bottom: 20px;
}
.hide {
	display: none;
	overflow: hidden;
}
.clear {
	clear: both;
}
.obscure,
#header h2{
	position: absolute;
	float: left;
	left:-9999px;
}
/*Standard styles for layout*/
#headerWrapper,
#contentWrapper,
#footerWrapper {
	width: 100%;
}
#footerWrapper {
	width: 100%;
}
/*center layout*/
div#contentWrapperInner,
div#footer {
	margin-right: auto;
	margin-left: auto;
	width: 880px;

}
#footer {
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
/*#nav{
	float:right
}*/
#footer{
	padding-top: 20px;
	margin-bottom: 20px;
}

#nav li{
	float: left;
	line-height: 24px;
	height:  24px;
	display: block;
	text-align: center;
	width: 88px;
	/*padding-top: 5px;
	margin-bottom: 5px;*/
}
#nav a{
	float: left;
	line-height: 24px;
	height:  24px;
	display: block;
	width:87px;
}
#nav li#lastNav a{
	width: 88px;
}
div#navigationWrapper{
	float: left;
	width: 440px;
	display: block;
	height: 54px;
	padding-left: 100px;
}
ul#nav{
	width: 440px;
}
#header{
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 880px!important;
}
#branding{
	float: left;
	margin-top: 10px;
	padding-bottom: 10px;
	width: 220px;
}
#branding a{
	display: block;
	width: 220px;
	height: 34px;
}
div#largeBranding{
	margin-bottom: 20px;
	margin-left:20px
}
#sidebar,
#mainContent,
#mainContentWide{
	padding-top: 80px!important;
	margin-bottom: 110px;
}
#sidebar h3,
#sidebar h4,
#sidebar h5,
#sidebar h6,
#sidebar p{
	margin-right: 20px;
}
#mainContent{
	float: right;
}
#mainContentWide{
	float: left;
	width: 880px;
}
#sidebar{
	float: left;
}
div#adminPanel{
	margin-top: 5px;
}
div#adminPanel p a{
	padding: 5px;
	margin-bottom: 10px;
}
div#sidebar ul li.widget{
	margin-bottom: 14px;
}
div#sidebar ul{
	padding-top: 20px;
}
div#sidebar ul ul{
	padding-top: 0px;
}
#sidebar li#recent_posts li,
#sidebar ul.xoxo.blogroll li{
	padding-top: 4px;
	padding-bottom: 4px;
}
#sidebar ul.xoxo.blogroll{
	margin-bottom: 14px;
}
#sidebar li#linkcat-21 ul.xoxo.blogroll li{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
li#subscribe li#rssFeed,
li#subscribe li#feedUpdates{
 padding-left: 20px;
 display: block;
 height: 16px;
}
li#subscribe li{
	margin-bottom: 5px;
}
div#mainContent hr{
	margin-top: 40px;
	margin-bottom: 40px
}
/*div#mainContent div.archivePost hr{
	margin-top: 15px;
	margin-bottom: 15px;
}*/
div#mainContent h4,
div#mainContent h5,
div#mainContent h6,
div#mainContent p,
div#posts ul,
div#mainContent hr{
	margin-left: 20px;
}
/*vCard styles*/
div#contactInfoVcard div.org.fn,
div.tel span.type{
	position: absolute;
	float: left;
	left:-9999px;
}
div#contactInfoVcard{
	margin-bottom: 20px;
	width: 660px;
	float: left;
}
div#copyright{
	clear: both;
}
div#footer div.grid_4{
	float: left;
	width: 220px;
	min-height: 56px;
}
div#footer div.grid_7{
	float: left;
	width: 385px;
}
div#footer div.grid_9{
	width: 495px;
	float: left;
}
div#footer ul#socialBookmarks{
	/*float: left;*/
	/*width:  165px;*/
}
div#footer ul#socialBookmarks li{
	float: left;
	width: 42px;
}
div#contactInfoVcard div.street-address,
div#contactInfoVcard div#phone{
	float: left;
	margin-right: 10px;
}
/*video portfolio styles*/
div.videoEntrySmall {
	width: 340px;
	float: left;
	margin-right: 10px;
}
div.videoContainerLarge{
	width: 660px;
	height: 410px;
}
div.videoContainerHoliday{
	width: 880px;
	height: 440px;
}
/*staff listing styles*/
#contactList div.staffEntry{
	float: left;
	width: 880px;
	height: 440px;
}
* html div#contactList.scrollContainer{
	width: 820px!important;
	height: 440px;
	overflow: hidden;
}

div.staffEntry div.staffPhoto{
	float: left;
	margin-right: 30px;
	width: 220px;
	height:  220px;
}
div.staffEntry div.staffName{
}
div.staffName,
div.staffTitle{
}
div.staffName{
	margin-top:60px;
	margin-bottom:5px;
}
div.staffTitle{
	margin-bottom:20px
}
div.staffNameTitleEmail{
	width: 220px;
	height: 220px;
	position: absolute;
	left:0px;
	top:220px;
	text-align: center;
}
div.staffEntry div.staffEmail{
	margin-bottom: 20px;
}
div.staffEntry div.staffText{
	float: left;
	width: 600px;
	height: 380px;
	margin-top: 30px;
}
/*slider styles*/
#slider {
  width: 880px;
  margin: 0 auto;
  position: relative;

}
div#mainContent ul.staffnavigation{
	/*width:880px;*/
	width:874px;
	height: 24px;
	padding: 0!important;
	margin: 0!important;
}
ul.staffnavigation {
	margin-left: 0px!important;
	padding-left: 3px!important;
	height: 24px;
}
ul.staffnavigation li{
	float: left;
	width: 46px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	display: block;
}
ul.staffnavigation li a{
	display: block;
	width: 46px;
	height: 24px;
}
.scroll {
  height: 440px;
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
}
.scrollContainer div.panel {
  height: 440px;
  width: 880px;
  
}
.scrollButtons {
  position: absolute;
  top: 148px;
  cursor: pointer;
}
.scrollButtons.left {
  left: -40px;
}
.scrollButtons.right {
  right: -40px;
}
/*ourProcess slider styles*/
#ourProcessSlider {
    width: 880px;
    margin: 55px auto 0px;
    position: relative;
    height: 275px;
}
div#ourProcessSlider div#sectionBox{
	float: left!important;
	width: 220px!important;
	height: 220px!important;
}
.ourProcessScroll {
    height: 275px;
    width: 880px;
    overflow: hidden;
    overflow-x: hidden;
    position: relative;

    float: left;
}
.ourProcessScrollContainer div.ourProcessPanel {
    height: 275px;
    width: 880px;
}
ul.ourProcessTabNav li {
    display: inline;
    /*height: 55px!important;*/
    /*width: 220px!important;*/
    text-align: center;
}
/*ul.ourProcessTabNav {
	position: relative;
}
ul.ourProcessTabNav li#thinkBtn a{
	position: relative;
	left: -15px;
}
ul.ourProcessTabNav li#createBtn a{
	position: relative;
	left: -30px;
}
* html ul.ourProcessTabNav li#thinkBtn a,
* html ul.ourProcessTabNav li#createBtn a{
	left: 0px!important;
}*/
ul.ourProcessTabNav li a{
	/*width: 220px!important;*/
	/*height: 55px!important;*/
	display: block;
	float: left;
	/*line-height: 55px;*/
}
ul.ourProcessTabNav {
	display: block;
	height: 55px;
	clear: both;
	text-align: center;
	padding-top: 55px;
}
div.ourProcessPanel{
	padding-top: 55px;
}
/*end of dem's process sliders, yo.*/

/*ourDirections slider styles*/
#ourDirectionsSlider {
    width: 880px;
    margin: 0 auto 0px;
    position: relative;
    height: 440px;
}
#ourDirectionsNavWrapper{
	clear: both;
}
#ourDirectionsSlider div#directionsMapAndTitleWrapper{
	width: 220px;
	float: left;
	height: 330px;
	display: block;
}
#ourDirectionsSlider div#directionsTitle{
	width: 220px;
	height: 110px;
	line-height: 110px;
	text-align: center;
}
.ourDirectionsScroll {
    height: 330px;
    width: 660px;
    overflow: hidden;
    overflow-x: hidden;
    position: relative;
    float: left;
}
.ourDirectionsScrollContainer{
	height: 330px;
}
.ourDirectionsScrollContainer div.ourDirectionsPanel {
    height: 330px;
    width: 660px;
}
ul.ourDirectionsTabNav li {
    display: inline;
    height: 110px!important;
    width: 220px!important;
    text-align: center;
}
ul.ourDirectionsTabNav li a{
	width: 220px!important;
	height: 110px!important;
	display: block;
	float: left;
	line-height: 110px;
}
ul.ourDirectionsTabNav {
	display: block;
	height: 110px;
	clear: both;
	text-align: center;
}

/*end of dem's Directions sliders, yo.*/

/*portfolio slider styles*/
#portfolioSlider {
    width: 660px;
    margin: 0 auto 0px;
    position: relative;
}
.portfolioScroll {
    height: 410px;
    width: 660px;
    overflow: hidden;
    /*overflow:auto;*/
    overflow-x: hidden;
    position: relative;
    clear: left;
}
.portfolioScrollContainer div.portfolioImagePanel {
    height: 410px;
    width: 660px;
}
div#portfolioSliderNavWrapper{
	display: block;
	height: 30px;
}
ul.portfolioSliderNav {
    /*margin: 0!important;*/
    margin-left:auto!important;
    margin-right: auto!important;
    display: block;
    margin-top: 0px!important;
    margin-bottom: 0px!important;
    padding: 0;
}
ul.portfolioSliderNav li {
    display: inline;
    height: 30px!important;
    width: 110px!important;
}
ul.portfolioSliderNav li a{
	width: 110px!important;
	height: 30px!important;
	display: block;
	float: left;
	line-height: 30px;
}
ul.portfolioSliderNav li a span{
	display: none;
}
div#portfolioSingleImage{
	margin-bottom: 0px;
	height: 410px;
	width: 660px;
}
div#portfolioSingleImage img{
	width: 660px;
}
/*map styles*/
div#map_canvas{
	width: 660px;
	height: 330px;
	margin-right: 0px!important;
	float: left;
}
div#map_canvas_small,
div#map_canvasWrapper,
div#map_canvas div{
	width: 220px;
	height: 220px;
}

form ul#googleSetDirections li{
}
form ul#googleSetDirections{
	margin-left: 0px;
	padding-top: 20px;
}
div#googleDirections div#directions div table{
	margin-top:0px!important;
	padding-top: 0px!important;
}
div#map_canvas_small div#logocontrol,
div#map_canvas_small div span,
div#map_canvas_small div a,
div#map_canvas div#logocontrol,
div#map_canvas div span,
div#map_canvas div a{
	display: none;
}

div#directions{
	margin: 0px!important;
	padding-top: 0px!important;
	padding-left: 0px!important;
	padding-right: 0px!important;
	width: 660px;
	clear: left;
}
div#secondaryContent ul#categoriesJumpMenu{
}
div#secondaryContent{
	float: left;
	width: 220px;
}
div#mainContent{
	float: right;
	width: 660px;
}
ul#categoriesJumpMenu h3{
	margin-bottom: 10px;
}
div#portfolioNav{
	width: 880px;
}
div#portfolioSlider h3,
div#mainContent h3#projectName{
	display: block;
}
div#portfolioNav li{
	width: 220px;
	height: 110px;
	float: left;
	display: block;
	margin-left: 0px!important;
	margin-right: 0px!important;
}
div#portfolioNav li a{
	display: block;
	width: 220px;
	height: 110px;
}
div#portfolioNav li a span{
	width: 90px;
	float: right;
	margin-top: 50px;
	margin-right: 10px;
	margin-left: 10px;
	text-align: center;
}
div#portfolioNav li#category-8 a span,
div#portfolioNav li#category-11 a span,
div#portfolioNav li#category-9 a span{
	margin-top: 44px;
}
div#portfolioNav li#category-8 a span,
div#portfolioNav li#category-9 a span,
div#portfolioNav li#category-11 a span,
div#portfolioNav li#category-14 a span,
div#portfolioNav li#category-16 a span{
	float:left;
	/*margin-right: 0px;
	margin-left: 0px;
	text-align: right;*/
}
div#secondaryContent ul#categoriesJumpMenu li{
}
/*featured work on main work page*/
ul#portfolioSectionThumbnails{
	margin-left: 0px!important;
}
ul#portfolioSectionThumbnails li{
	/*float: left;*/
}
ul#portfolioSectionThumbnails li{
	height: 220px;
	width: 660px;

}
ul#portfolioSectionThumbnails li img,
ul#portfolioSectionThumbnails div.portfolioImage a,
ul#portfolioSectionThumbnails div.portfolioImage{
	height: 110px!important;
	width: 220px!important;
	margin-bottom: 0px!important;
	padding-bottom: 0px!important;
}
ul#portfolioSectionThumbnails div.portfolioImage{
	float: right;
}
ul#portfolioSectionThumbnails div.portfolioImage.odd{
	float: left;
}
ul#portfolioSectionThumbnails li{
	height: 110px;
}
ul#portfolioSectionThumbnails div.portfolioTitle{
	height: 110px;
}
ul#portfolioSectionThumbnails div.portfolioTitle a{
	height: 110px;
	display: block;
}
/*end of portfolio category menu*/
div#featuredSticky{
	float: right;
	width: 660px;
	height: 440px;
}
div#featuredWorkWrapper{
	margin-bottom: 60px;
}
div#featuredWorkWrapper ul{
	margin-left: 0px!important;
}
ul#featuredWork li{
	float: left;
	text-align: center;
}
ul#featuredWork div.portfolioImage,
ul#featuredWork div.portfolioImage a{
	height: 110px;
	width: 220px;
}
ul#featuredWork div.portfolioTitle a{
	display: block;
	padding-bottom: 10px;
	padding-top: 10px;
}
/*mating ritual pages*/
div#simpleTruths{
	margin-bottom: 20px;
	/*margin-left: 20px;*/
}

div#simpleTruths div#one,
div#simpleTruths div#two,
div#simpleTruths div#three
div#simpleTruths div#four{
	margin-bottom: 20px;
	clear: both;
}
/*div#simpleTruths div#one,
div#simpleTruths div#two,
div#simpleTruths div#four,
div#simpleTruths div#threeWrapper{
	padding-left: 50px;
}*/
div#simpleTruths ul li {
	float: left;
	width: 210px;
	/*margin-right: 10px;*/
	line-height: 18px;
}
div#simpleTruths div#threeWrapper{
	margin-bottom: 20px;
}
/*div#simpleTruths div#three{
	float: left;
	margin-right: 20px;

}*/
div#simpleTruths ul{
	float: left;

	margin-left: 0px;
}
/*twitter styles, yo*/
ul.twitter{
	margin-bottom: 20px;
	padding-top: 10px;
}
ul.twitter li.twitter-item{
	clear: both;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
ul.twitter li.twitter-item span.twitter-timestamp{
	display: block;
	text-align: right;
}
/*habitat, yo*/
ul#habitatPhotos{
	padding-left: 10px;
	height: 220px;
}
ul#habitatPhotos li{
	float: left;
	height: 220px;
}
ul#habitatPhotos li#habitat03,
ul#habitatPhotos li#habitat05{
	display: block;
	width: 220px;
}
ul#habitatPhotos li#habitat05 img{
	margin-left: 110px;
	margin-top: 110px;
}
p#linkToWork{
	display: block;
	width: 160px;
	height: 36px;
}
p#linkToWork a{
	line-height: 36px;
	padding-left: 10px;
	display: block;
}
ul.clientListing{
	float: left;
	margin-left: 0px!important;
	padding-left: 20px;
	margin-bottom: 20px;
	padding-top: 10px;
	width: 200px;
	display: block;
}
ul.clientListing li{
	display: block;
	margin-bottom: 10px;
	padding-bottom: 10px;
	height: 1%;
	width: 200px;
}
div#previousPostsLink{
	float: left;
}
div#nextPostsLink{
	float: right;
}
div#posts_navigation{
	margin-top: 20px;
}
div#sectionBox,
div#sectionSecondBox{
	height: 220px;
	width: 220px;
}
div#sectionBoxShort{
	width: 220px;
	float: left;
	height: 55px;
	text-align: center;
	line-height: 55px;
}
div#sectionBox,
div#sectionSecondBox{
	float: left;
}
div#sectionBox.singleBox{
	float: none;
}
div#sectionBox,
div#sectionSecondBox h4,
div#sectionSecondBox ul#portfolioItems{
	text-align: center;
}
div#sectionSecondBoxBlack{
	width: 220px;
	height: 110px;
	text-align: center;
}
div#sectionSecondBoxBlack h4{
	/*padding-top: 48px;*/
	margin-right: 0px;
	line-height: 110px!important;
}
div#portfolioNav div#sectionBox {
	float: left;
}
div#sectionBox h3{
	padding-top: 98px;
}

div#sectionBox h3{
	margin-bottom: 0px!important;
	margin-right: 0px!important;
}
div#sectionSecondBox h4{
	margin-right:  0px!important;
	/*padding-top: 36px;*/
	padding-top:24px;
	margin-bottom: 20px;
}
div#sectionSecondBox ul#portfolioItems{
	margin-left: 0px;
	padding-top: 36px;
}
div#sectionSecondBox ul#portfolioItems li{
	height: 40px;
	line-height: 40px;
}
div#sidebar span.client{
	padding-top: 20px;
}
ul#habitatPhotos,
ul#habitatPhotos li{
	margin-left: 0px!important;
	padding-left: 0px;
}
ul#habitatPhotos li{
	float: left;
	height: 220px;
}
p.readMore{
	float: right;
}
div#overlayMidBox{
	height: 24px;
	line-height: 24px;
	text-align: center;
	position: absolute;
	z-index: 100;
}
div#sectionSecondBox div#overlayMidBox{
	top: 345px;
	letter-spacing: .2em;
}
div#sidebar div#overlayMidBox{
	top: 288px;
}
div#overlayMidBox,
div#overlayMidBox a:link,
div#overlayMidBox a:visited{
	display: block;
	width: 220px;
	height: 24px;
}
div#sidebar {
	position: relative;
}
div#intraCatNav{
	/*position: absolute;*/
	/*top: 470px;
		top: 312px;*/
	padding-top:12px;
	width: 220px;
	text-align: center;

}
div#intraCatNav div#browseCopy{
	font-size: .8em;
	height: 20px;
	line-height: 20px;
	display: none;
}
div#intraCatNav div#previousPortItem{
	float: right;
	width: 110px;
	/*text-align: right;*/
}
div#intraCatNav div#nextPortItem{
	float: left;
	width: 110px;
	/*text-align: left;*/
}
div#intraCatNav div#previousPortItem a{
	height: 30px;
	line-height: 30px;
	display: block;
	width: 110px;
}
div#intraCatNav div#nextPortItem a{
	height: 30px;
	line-height: 30px;
	display: block;
	width: 110px;
}
ol.slideTitles{
	width: 160px;
	margin-left: 30px;
	margin-right:30px;

}
ol.slideTitles li {
	margin-bottom: 3px;
}
ol.slideTitles li a{
	margin-left: 5px;
}
body#fileManager div#mainContentWide h3{
	display: block;
	line-height: 110px;
	height: 110px;
}
body#fileManager div#mainContentWide form{
	height: 110px;
	padding-bottom: 110px;
}
body#fileManager div#mainContentWide form fieldset#loginPanel{
	width: 330px;
	margin-left: 440px;
	height: 110px;
}
body#fileManager div#mainContentWide form fieldset#loginPanel label{
	display: block;
	width: 82px;
	line-height: 28px;
	float: left;
}
body#fileManager div#mainContentWide form fieldset#loginPanel ul{
	padding-top: 20px;
	padding-left: 20px;
}
body#fileManager div#mainContentWide form fieldset#loginPanel ul li{
	margin-bottom: 10px;
}
body#fileManager div#mainContentWide form fieldset#loginPanel ul li#submitBut{
	padding-left: 82px;
}
ul#milwaukeeContactInfo, ul#phoenixContactInfo{
	float: left;
	width: 295px;
}
ul#milwaukeeContactInfo li.officeTitle,
ul#phoenixContactInfo li.officeTitle {
	margin-bottom: 10px;
}
ul#milwaukeeContactInfo li,
ul#phoenixContactInfo li{
	margin-bottom: 2px;
}
/* styles for alternate template*/
body.pageTemplate #headerWrapper{
	padding-bottom: 80px;
}
body.pageTemplate #sidebar,
body.pageTemplate #mainContent,
body.pageTemplate #mainContentWide{
	padding-top: 0px!important;
}
body#matingRitual div#posts,
body#aboutUs div#posts,
body#whyPlatypus div#posts,
body#platyBlog div#mainContent h4,
body#prNews div#mainContent h4{
	padding-top: 55px;
}
body#matingRitual div#sectionBox.singleBox,
body#aboutUs div#sectionBox.singleBox,
body#whyPlatypus div#sectionBox.singleBox,
body#platyBlog div#sectionBox.singleBox,
body#prNews div#sectionBox.singleBox{
	height: 55px;
}
body#matingRitual div#sectionBox.singleBox h3{
	padding-top: 7px;
}
body#aboutUs div#sectionBox.singleBox h3,
body#whyPlatypus div#sectionBox.singleBox h3,
body#platyBlog div#sectionBox.singleBox h3,
body#prNews div#sectionBox.singleBox h3{
	padding-top: 0px;
	line-height: 55px;
}
div#fauxIndent{
	margin-left: 220px;
}
body#matingRitual div#posts h4,
body#aboutUs div#posts h4,
body#whyPlatypus div#posts h4 {
	margin-bottom: 20px;
}
div#fauxIndent p{
	margin-bottom: 20px;
}
div#tweetShare{
	padding-left: 20px;
}
ul#garyHeads{
	margin: 0px!important;
	padding: 0px!important;
}
ul#garyHeads li{
	float: left;
	height: 110px;
	width: 110px;
}
ul#garyHeads img{
	height: 110px;
	width: 110px;
}
form#si_contact_form1{
	padding-left: 20px;
}