/*
Theme Name: Image Design 10 Anniversary
Theme URI: http://imagedesignpros.com
Description: Custom template for Image Design
Version: 1.0
Author: Image Design
*/




/*General styles*/
body{
	font-size:12px;
	font-family: Georgia, "Times New Roman", Times, serif;
	background-color: #FFF;
	background-image:url(images/greenBkgrndImg.jpg);
	background-attachment:fixed;
	background-repeat: no-repeat;
}
#Container{
	position:relative;
	width:1100px;
	margin: 0px auto 0px auto; 
}
strong{
	font-weight:bold;
}
em{
	font-style:italic;
}
small{
	font-size: 10px;
}
h1, h2, h3, h4, h5, h6{
	font-weight: bold;
	padding-top: 10px;

}
h1{
	font-size: 45px;
	padding-top:25px;
	color: #333091;
	clear:both;
	text-transform:lowercase;
	font-weight:normal;
}
header h1{
	text-transform:lowercase;	
}
h2{
	font-size: 18px;
	color: #6CB33F;
}
h3{
	font-size: 14px;
	color: #333091;
	line-height:20px;
}
h4{
	font-size: 13px;
	color: #333091;
	line-height:19px;
}
h5{
	font-size: 12px;
	color: #333091;
	line-height:18px;
}
h6{
	font-size: 12px;
	color: #333091;
	line-height:17px;
}
p{
	font-size: 11px;
	line-height: 1.5;
	letter-spacing:.25px;
	padding-top: 5px;
	padding-bottom: 5px;
	max-width:800px;
}
a{
	color: #6CB33F;
	text-decoration:none;
	font-weight: bold;
}
a img {
	border: none;
}
a:hover, a:active, a:focus{ /*add rule for a:visited after general links are styled*/
	color: #333091;
	text-decoration: none;
}
ul, ol{
	font-size: 11px;	
	padding-left: 40px;
}
ul ul, ul ol, ol ol, ol ul{
	border:none;
}
ul{
	list-style-type:none;
	list-style-image: url(images/bullet.png);
}
ol {
	list-style-type: decimal;
}

li{
	padding: 5px;
	line-height:16px;
	max-width:500px;
}
blockquote{
	padding: 10px 40px;
}
blockquote p{
	border: none;
	font-style:italic;
	letter-spacing:1px;
}
table{
	width: 90%;
	font-size: 12px;
	margin: 5px;
}
table th{
	text-align:center;
	vertical-align:top;
	padding: 5px;
}
table td{
	vertical-align:top;
	padding: 5px;	
}
img {
	padding-top:20px;
	padding-bottom:20px;
}
.bottom {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
.right{
	float:right;
	padding: 15px 0px 15px 15px;
}
.clear{
	clear:both;
}
.featureText p{
	font-size:16px;
	color: #333091;
	line-height:21px;
	max-width:800px;
}
hr{
	color:#333091;
}




/*header and banner stuff*/
#Banner{
	width:1050px;/*1138px before*/
	height:287px;
	background-image: url(images/bannerBubble.png);
	background-repeat:no-repeat;
	margin-top:-30px;
	position: relative;
}
#Logo a{
	background: url(images/idLogo.jpg) no-repeat right top;
	height: 58px;
	width: 222px;
	margin-left:65px;
	margin-top:70px;
	margin-right:15px;
	text-indent: -9999px;
	z-index: 80;
	float:left;
	display: block;
}
#Logo a:hover{ /* make rollover image*/
	background: url(images/idLogo.jpg) no-repeat right top;
}
#Slogan{
	text-indent:-9999px;
}
nav{
	display:block;
	float:left;
	margin-top:10px;
}
nav ul{
	list-style:none;
}
nav ul ul, nav li{
	padding-left:0px;
}
nav ul li{
	float:left;
	text-transform: lowercase;
}
nav ul ul li{
	clear:both;
	line-height:7px;
	background-image:none;
}
nav li{
	margin-right:10px;
}
nav a{
	color:#FFF;
}
nav a:hover, nav a:active, nav a:focus, nav ul>li.current_page_item>a, nav ul>li.current_page_parent>a{
	color:#6CB33F;
}
/*nav>ul>li>a{
	font-size: 25px;
	margin-right: 20px;
	font-weight:normal;
	color:#F6D600;
	display:block;
	padding-bottom:10px;
}*/
#Services > a{
	background: url(images/services.gif) no-repeat right top;
	display: block;
	height: 39px;
	width: 84px;
	margin-right: 5px;
	margin-left: -6px;
	text-indent:-9999px;
	margin-bottom:-3px;
}
#Services > a:hover, #Services > a:focus, #Services > a:active, #Services.current_page_item > a, #Services.current_page_parent > a{
	background:url(images/services.gif) no-repeat right bottom;
}
#Profile > a{
	background: url(images/profile.gif) no-repeat right top;
	display: block;
	height: 39px;
	width: 84px;
	margin-right: 5px;
	margin-left: -7px;
	text-indent:-9999px;
	margin-bottom:-3px;
}
#Profile > a:hover, #Profile > a:focus, #Profile > a:active, #Profile.current_page_item > a, #Profile.current_page_parent > a{
	background:url(images/profile.gif) no-repeat right bottom;
}
#Showcase > a{
	background: url(images/showcase.gif) no-repeat right top;
	display: block;
	height: 39px;
	width: 98px;
	margin-right: 5px;
	margin-left: -3px;
	text-indent:-9999px;
	margin-bottom:-3px;
}
#Showcase > a:hover, #Showcase > a:focus, #Showcase > a:active, #Showcase.current_page_item > a, #Showcase.current_page_parent > a{
	background:url(images/showcase.gif) no-repeat right bottom;
}
#Blog  > a{
	background: url(images/blog.gif) no-repeat right top;
	display: block;
	height: 39px;
	width: 47px;
	margin-right: 5px;
	margin-left: 0px;
	text-indent:-9999px;
	margin-bottom:-3px;
}
#Blog > a:hover, #Blog > a:focus, #Blog > a:active, #Blog.current_page_item > a, #Blog.current_page_parent > a{
	background:url(images/blog.gif) no-repeat right bottom;
}
#Contact > a{
	background: url(images/contact.gif) no-repeat right top;
	display: block;
	height: 39px;
	width: 92px;
	margin-right: 5px;
	margin-left: 0px;
	text-indent:-9999px;
	margin-bottom:-3px;
}
#Contact > a:hover, #Contact > a:focus, #Contact > a:active, #Contact.current_page_item > a, #Contact.current_page_parent > a{
	background:url(images/contact.gif) no-repeat right bottom;
}
#Home > a{
	background: url(images/home.gif) no-repeat right top;
	display: block;
	height: 39px;
	width: 60px;
	margin-right: 5px;
	margin-left: 0px;
	text-indent:-9999px;
	margin-bottom:-3px;
}
#Home > a:hover, #Home > a:focus, #Home > a:active, #Home.current_page_item > a, #Home.current_page_parent > a {
	background:url(images/home.gif) no-repeat right bottom;
}

/*end of header and banner stuff*/





/*footer styles*/
.push {
	height:20px !important;
	clear:both;
}
footer {
   clear: both;
   width: 100%;
   height:41px;
   left: 0px;
   bottom: 0px;
   position:fixed;
   display: block;       
}
footer div{
   margin-left:auto;
   margin-right:auto;
   width: 1050px;
   height:41px;
   position:relative;
   background:url(images/footerGraphic.png) no-repeat;
   z-index:100;
}
footer p {
   font-size:12.5px;
   color:#FFF;
   padding:0;
   line-height:25px;
   margin-top:5px;
   width: 605px;
}
footer a{
    color:white;
}
.footerIcons{
    padding-left:35px;
	float:left;
    padding-right:0px;
    display: block;
    height: 25px; 
	margin-left:5px;
    margin-top: 5px;
    background:url(images/footerIcons.png) no-repeat left center;
}
#Phone{
    background-position:0px 0px;
	margin-left: 15px;
}
#Email{
    background-position:0px -25px;
}
#Address{
    background-position:0px -50px;
}
/* End of footer styles*/




/*Content Columns*/
#ColumnContainer{
	margin-top:-35px;
	margin-left:150px;
	margin-bottom: 230px;
}
#FirstColumn{
	width: 370px;
	float:left;
	position:relative;
}
#FirstColumn p{
	font-size:12px;
	padding-bottom:10px;
}
#SecondColumn{
	float:left;
	width:320px;
	margin-left:125px;
}
section{
	position:relative;
	display: block;
	height: auto !important;
	height: 100%;
}

article{
	position:relative;
	display: block;
}
/*end of Content Columns*/



/*Featured work box on home page*/
#FeaturedWorkBox{
	padding-top:10px;
}
#FeaturedWorkBox a img{
	float:left;
	padding:5px;
	margin-right:5px;
	border: 1px solid  #DBDBDB;
	background-color: #F7F7F7;
}
#FeaturedWorkBox a:hover img, #FeaturedWorkBox a:focus, #FeaturedWorkBox a:active, #FeaturedWorkBox a:active {
	background-color: #CCC;
}
/*End of Featured work box on home page*/






/*drop caps for titles*/
.letters{
	width:120px;
	float:left;
	margin-left:-130px;
	padding-right:10px;
	display: block;
	text-indent: -9999em;
	background:url(images/greenLettersImg.png) no-repeat;
}
h1 .letters{
	margin-top:5px;	
}
#A {
	background-position:0px 0px;
	height: 55px;
}
#B {
	background-position:0px -55px;
	height: 90px;
	margin-top:-30px;
}
#C{
	background-position:0px -152px;
	height: 55px;
}
#D {
	background-position:0px -205px;
	height: 90px;
	margin-top:-37px;
}
#E {
	background-position:0px -303px;
	height: 55px;
}
#F {
	background-position:0px -360px;
	height: 90px;
	margin-top:-15px;
}
#G {
	background-position:0px -450px;
	height: 90px;
	margin-top:-10px;
}
#H {
	background-position:0px -540px;
	height: 90px;
	margin-top:-35px;
}
#I {
	background-position:0px -640px;
	height: 90px;
	margin-top:-20px;
}
#J {
	background-position:0px -730px;
	height: 105px;
	margin-top:-18px;
}
#K {
	background-position:0px -840px;
	height: 90px;
	margin-top:-35px;
}
#L {
	background-position:0px -930px;
	height: 90px;
	margin-top:-25px;
}
#M {
	background-position:0px -1020px;
	height: 55px;
	margin-top:-5px;
}
#N {
	background-position:0px -1080px;
	height: 55px;
	margin-top:-5px;
}
#O {
	background-position:0px -1140px;
	height: 55px;
	margin-top:-3px;
}
#P {
	background-position:0px -1205px;
	height: 90px;
	margin-top:0px;
}
#Q {
	background-position:0px -1290px;
	height: 90px;
	margin-top:0px;
}
#R {
	background-position:0px -1380px;
	height: 55px;
}
#S {
	background-position:0px -1440px;
	height: 55px;
	margin-top:-5px;
}
#T {
	background-position:0px -1495px;
	height: 75px;
	margin-top:-17px;
}
#U {
	background-position:0px -1570px;
	height: 55px;
}
#V {
	background-position:0px -1630px;
	height: 55px;
	margin-top:-3px;
}
#W {
	background-position:0px -1690px;
	height: 55px;
}
#X {
	background-position:0px -1750px;
	height: 55px;
	margin-top:-5px;
}
#Y {
	background-position:0px -1810px;
	height: 90px;
	margin-top:-5px;
}
#Z {
	background-position:0px -1900px;
	height: 55px;
}
/*end of drop caps for titles*/




/*letters for client list links*/
.clientListLetters{
	width:940px;
	height:93px;
	list-style-type:none;
	padding:0;
	margin:0;
	margin-left:-60px;
}
.clientListLetters li{
	float:left;
	display:block;
	text-indent: -9999em;
	background:url(images/clientAlphabet.png) no-repeat;
	list-style-type:none;
	height:90px;
	padding:0;
	margin:0;
	width:56px;
}
.clientListLetters li a{
	display:block;
	width:100%;
	height:90px;
	background:url(images/clientAlphabet.png) no-repeat;
	background-position:0px 100px;
	position:relative;
	z-index:0;
}
#ListA{
	background-position:0px 0px;
}
#ListB {
	background-position:-56px 0;
	margin-left:-26px;
}
#ListC{
	background-position:-112px 0;
	width:50px;
	margin-left:-16px;
}
#ListD {
	background-position:-165px 0;
	margin-left:-18px;
}
#ListE {
	background-position:-224px 0;
	width:45px;
	margin-left:-20px;
}
#ListF {
	background-position:-270px 0;
	margin-left:-20px;
}
#ListG {
	background-position:-325px 0;
	margin-left:-35px;
}
#ListH {
	background-position:-388px 0;
	margin-left:-20px;
}
#ListI {
	background-position:-446px 0;
	width:40px;
	margin-left:-10px
}
#ListJ {
	background-position:-485px 0;
	width:40px;
	margin-left:-25px;
}
#ListK {
	background-position:-525px 0;
	width:60px;
	margin-left:-12px;
}
#ListL {
	background-position:-590px 0;
	width:35px;
	margin-left:-15px;
}
#ListM {
	background-position:-630px 0;
	width:82px;
	margin-left:-12px;
}
#ListN {
	background-position:-718px 0;
	width: 58px;
	margin-left:-16px;
}
#ListO {
	background-position:-780px 0;
	width:50px;
	margin-left:-16px;
}
#ListP {
	background-position:-835px 0;
	margin-left:-16px;
}
#ListQ {
	background-position:-895px 0;
	margin-left:-16px;
}
#ListR {
	background-position:-952px 0;
	width:45px;
	margin-left:-20px;
}
#ListS {
	background-position:-1000px 0;
	width:35px;
	margin-left:-16px;
}
#ListT {
	background-position:-1040px 0;
	width:45px;
	margin-left:-16px;
}
#ListU {
	background-position:-1085px 0;
	margin-left:-16px;
}
#ListV {
	background-position:-1147px 0;
	margin-left:-16px;
}
#ListW {
	background-position:-1207px 0;
	width: 80px;
	margin-left:-22px;
}
#ListX {
	background-position:-1290px 0;
	margin-left:-22px;
}
#ListY {
	background-position:-1345px 0;
	margin-left:-20px;
}
#ListZ {
	background-position:-1400px 0;
	margin-left:-25px;
}

.ClientBubble{
	width:260px;
	position:relative;
	background:url(images/clientBubbleTop.png) no-repeat top left;
	margin: 0 20px 20px 0px;
	float:left;
}
.ClientBubble ul{
	background:url(images/clientBubbleBottom.png) no-repeat bottom left;
	width:260px;
	list-style:none;
	margin:0;
	padding:20px 10px;
	min-height:145px;
	float:none;
}
.ClientBubble li a{
	padding: 2px 10px 2px 10px!important;
	width: 180px;
	display:block;
	margin:0;
}
.ImageArea{
	position:relative;
	width:480px;
	float:left;
}
.ClientImage{
	width:130px;
	height:130px;
	position:relative;
	float:left;
	padding-right:20px;
	padding-bottom:20px;
}
.ClientImage a{
	display:block;
	width:130px;
	height:130px;
	text-align:center;
	position:relative;
}
.ClientImage img{
	position:relative;
	margin:0;
	padding:0;
}
/*End of letters for client list links*/






/* Bio page styles */
.bioBox{ 
	width:440px;
	padding-bottom:0px;
	margin-top:20px;
	margin-bottom: -10px;
	float:left;
	padding-right:65px;
	margin-left:-60px;
}
.bioBox p{
	padding-left:190px;
}
.bioImg{
	position:relative;
	float:left;
	margin-top:-20px;
	padding-bottom:0px;
	width:100px;
	z-index:0;
	display:block;
}
img.bioImg{
	width:auto;
	margin-left: -140px;
}
.bioHeader{
	position:relative;
	background: url(images/headerSpeechBubble.png) no-repeat left center;
	margin-top:-10px;
	margin-left:130px;
	margin-bottom:-5px;
	padding-left:30px;
	width:254px;
	height:65px;
	z-index:10;
}
.bioSubHead, .bioHeader p{
	color:#FFF;
	font-size:12px;
	margin-top:-5px;
	margin-left:-189px;
	padding-bottom:5px;
}
/* End of .bio styles */





/*services styles for web design*/
.servicesThumbnails{
	float:left;
	margin-right:30px;
}
.servicesTextBox{
	background:#CEEC8A url(images/servicesBubbleBottom.png) no-repeat bottom left;
	width:841px;
	padding:0px 0px 70px 30px;
	margin:15px 0px -35px -5px;
	clear:both;
}
.servicesTextBox p{
	font-size:12px;
	padding-right:20px;
	line-height:19px;
}
.topOfServicesTextBox{
	background: url(images/servicesBubbleTop.png) no-repeat top left;
	margin-top:0px;
	margin-left:-34px;
	height:25px;
}
.wordpressImg{
	float:right;
	margin-top:-20px;
	margin-left:5px;
}
a.servicesFeatureImg, .servicesFeatureImg a{
	display:block;
	margin-bottom:-60px;
	margin-top:-15px;
}
.servicesFirstColumn{
	width:520px;
	float:left;
	margin-bottom:50px;
	margin-right:10px;
}
.servicesSecondColumn{
	float:left;
	margin-bottom:35px;
}
.printPortfolioButton a{
	background: url(images/printPortButton.png) no-repeat right top;
	text-indent:-9999px;
	height: 77px;
	width: 180px;
	position: relative;
	display:block;
	float:left;
	margin-top:5px;
}
.printPortfolioButton a:hover, .printPortfolioButton a:focus, .printPortfolioButton a:active{
	background:url(images/printPortButton.png) no-repeat right bottom;
}
.brandPortfolioButton a{
	background: url(images/brandPortButton.png) no-repeat right top;
	text-indent:-9999px;
	height: 77px;
	width: 180px;
	position: relative;
	display:block;
	float:left;
	margin-top:5px;
}
.brandPortfolioButton a:hover, .brandPortfolioButton a:focus, .brandPortfolioButton a:active{
	background:url(images/brandPortButton.png) no-repeat right bottom;
}
.widePortfolioButton a{
	background: url(images/widePortButton.png) no-repeat right top;
	text-indent:-9999px;
	height: 77px;
	width: 195px;
	position: relative;
	display:block;
	float:left;
	margin-top:5px;
}
.widePortfolioButton a:hover, .widePortfolioButton a:focus, .widePortfolioButton a:active{
	background:url(images/widePortButton.png) no-repeat right bottom;
}
.webPortfolioButton a{
	background: url(images/webPortButton.jpg) no-repeat right top;
	text-indent:-9999px;
	height: 77px;
	width: 180px;
	position: relative;
	display:block;
	float:left;
	margin-top:5px;
}
.webPortfolioButton a:hover, .webPortfolioButton a:focus, .webPortfolioButton a:active{
	background:url(images/webPortButton.jpg) no-repeat right bottom;
}
.requestQuoteButton a{
	background: url(images/requestQuoteButton.png) no-repeat right top;
	text-indent:-9999px;
	height: 77px;
	width: 130px;
	position: relative;
	display:block;
	float:left;
	margin-top:5px;
}
.requestQuoteButton a:hover, .requestQuoteButton a:focus, .requestQuoteButton a:active{
	background:url(images/requestQuoteButton.png) no-repeat right bottom;
}
#Wrapper{
	margin-top:40px;
}
/*End of services styles for web design*/




/*Portfolio page - web design page styles*/
.portImgLeft{
	position:relative;
	float:left;
	margin-top:-10px;
	margin-right:-50px;
	z-index:5;
}
.portImgRight{
	position:relative;
	float:right;
	margin-top:-60px;
	margin-left:30px;
	z-index:5;
}
/*End of web portfolio page styles*/




/*Portfolio page - print design page styles*/

.portImgRightPrint{
	position:relative;
	float:right;
	margin-top:-30px;
	margin-left:30px;
	z-index:5;
}


/*request quote and contact page styles*/
.requestQuoteBox{
	background:#CEEC8A url(images/quoteQBubbleBottom.png) no-repeat bottom left;
	width:320px;
	padding:0px 0px 50px 30px;
	margin:15px 0px -35px -5px;
}
.topOfRequestQuoteBox{
	background: url(images/quoteQBubbleTop.png) no-repeat top left;
	margin-top:0px;
	margin-left:-34px;
	height:15px;
}
.questionBox1{
	width:270px;
	height:115px;
	padding:0px 10px 10px 10px;
	background-color:white;
	margin-bottom:15px;
	margin-top:15px;
	border:#333091 solid thin;
}
form input{
	border:solid 1px #333091;
	padding:5px;
}
form input.checkbox{
	width:auto;
	float:none;
}
form textarea{
	border:solid 1px #333091;
	padding:5px;
	width:290px;
	height:140px;
}
form img{
	padding:0;
}
.requestQuoteBox p{
	margin-right:30px;
}
.requestQuoteBox label{
	color:#333;	
}
.requestQuoteBox .wpcf7-checkbox label{
	display:block;
	float:none;
	margin-top:-15px;
}
.requestQuoteBox input{
	border:solid 1px #333091;
	padding: 5px 6px;
}
.requestQuoteBox textarea{
	border:solid 1px #333091;
	padding: 5px;
	width:290px;
	height: 40px;
}

.contactInfo{
	width:270px;
	height:20px;
	padding:0px 10px 10px 10px;
	background-color:white;
	margin-bottom:15px;
	margin-top:15px;
	border:#333091 solid thin;
}
.submit a, .submit input{
	background: url(images/submitButton.png) no-repeat right top;
	text-indent:-9999px;
	height: 77px;
	width: 140px;
	position: relative;
	display:block;
	margin-top:10px;
	border:none;
	padding:0;
	cursor:pointer;
}
.submit a:hover, .submit a:focus, .submit a:active, .submit input:hover, .submit input:focus, .submit input:active{
	background: url(images/submitButton.png) no-repeat right bottom;
}




/*blogPostFooter styles*/
.blogSignOff{
	font-style:italic;
	color:#6BB245;
}
.blogPostFooter{
	background:#CEEC8A url(images/blogBubble.png) no-repeat right top;
	height:30px;
	width:345px;
	clear:both;
	padding:45px 15px 20px 20px;
	margin:-25px 0px 30px -10px;
}
.blogPostFooter a{
	color:#333091;
	font-size:11px;
	font-weight:normal;
	line-height:15px;
}
.blogPostFooter a:hover, .blogPostFooter a:focus, .blogPostFooter a:active{
	color:black;
	cursor: pointer;
}




/*community spirit styles */
.comSpiritHeader{
	position:relative;
	padding:0px 0px 0px 20px;
	margin-top:15px;
	width:234px;
	height:55px;
	background: #CEEC8A url(images/headerSpeechBubbleBottom.png) no-repeat bottom left;
}
.comSpiritTopOfHeadersTextBox{
	background: url(images/headerSpeechBubbleTop.png) no-repeat top left;
	margin-top:0px;
	margin-left:-20px;
	margin-bottom:-11px;
	padding:0px;
	height:14px;
}




/* social media buttons styles*/
#SocialMediaIcons{
	clear:both;
}
#RssIcon a{
	background:url(images/rss.png) no-repeat right top;
	text-indent:-9999px;
	margin-top: 0px;
	margin-left: -20px;
	height: 40px;
	width: 40px;
	position: relative;
	display:block;
	float:left;
}
#FacebookIcon a{
	background:url(images/facebook.png) no-repeat right top;
	text-indent:-9999px;
	margin-top: 0px;
	margin-left: 0px;
	height: 40px;
	width: 40px;
	position: relative;
	display:block;
	float:left;
}
#TwitterIcon a{
	background:url(images/twitter.png) no-repeat right top;
	text-indent:-9999px;
	margin-top: 0px;
	margin-left: 0px;
	height: 40px;
	width: 40px;
	position: relative;
	display:block;
	float:left;
}



/*client list styles*/
#AlphabetClientList{
	margin-left:-5px;
	margin-top:-10px;
	margin-bottom:-40px;
}
#ClientListColumnContainer{
	position:relative;
	
}
#ClientListByLetterContainer{
	width:275px;
	min-height:600px;
	position:relative;
	float:left;
}
#ClientListByLetter{
	background:url(images/clientListBubbleBottom.png) #CEEC8A no-repeat right bottom;
	width:214px;
	float:left;
	padding-bottom:30px;
	margin-top:30px;
}
#ClientListByLetter li{
	list-style:none;
	margin-left:30px;
}
#ClientListByLetter li a{
	color:#333091;
}
#ClientListByLetter li a:hover, #ClientListByLetter li a:active, #ClientListByLetter li a:visited{
	color:#6CB33F;
}
#TopOfClientListBubble{
	background:url(images/clientListBubbleTop.png) no-repeat right top;
	height:30px;
}
#SpeechBubbleStem{
	background:#CEEC8A;
	height:37px;
	width:46px;
	margin-top:80px;
	float:left;
}
#ClientThumbnails{
	float:left;
	width:560px;
	height:300px;
	margin-top:30px;
}
.demoPoloriod{
	background:url(images/demoPoloroid.png) no-repeat;
	width:560px;
	height:660px;
}


/*wrappers for case study  boxes*/
.caseStudyRightPrint, .caseStudyLeftPrint, .caseStudyRightWBP, .caseStudyLeftWBP{
	margin-left:-50px;
	min-height:300px;
	max-width:850px;
	clear:both;
}
.caseStudyRightPrint{
	margin-top:20px;
	margin-bottom:100px;
}
.caseStudyLeftPrint{
	margin-top:80px;
	margin-bottom:100px;
}
.caseStudyRightWBP{
	margin-top:15px;
	margin-bottom:110px;
}
.caseStudyLeftWBP{
	margin-top:80px;
	margin-bottom:60px;
}





/*paragraph styles for case study boxes*/
.caseStudyRightPrint p{
	margin-left:545px;
}
.caseStudyRightWBP p{
	margin-left:390px;
}
.caseStudyRightWBP .portImgLeft p, .caseStudyRightPrint .portImgLeft p{
	margin-left:0;
}



/*new speech header styles (if you need to change the colour of the speech bubbles, you must edit both the headerSpeechBubble images and change the .headersMiddle background colour.)*/
.headersWBP, .headersWBPRight, .headersWBPLeft, .headersPrint, .headersPrintDesignRight, .headersPrintDesignLeft{
	position:relative;
	z-index:60;
	padding: 0px 0px 13px 20px;
	width:255px;
	background:url(images/headerSpeechBubbleBottom2.png) no-repeat bottom left;
}
.headersWBPRight, .caseStudyRightWBP .headersWBP{
	margin-left:330px;
}
.headersWBPLeft, .caseStudyLeftWBP .headersWBP{
	margin-left:0px;
}
.headersPrintDesignRight, .caseStudyRightPrint .headersPrint{
	margin-left:485px;
	position:relative;
	z-index:20;
}
.headersPrintDesignLeft, .caseStudyLeftPrint .headersPrint{
	margin-left:0px;
	z-index:20;
	position:relative;
}
.headersMiddle{
	background:#333091;
	margin-bottom: 0px;
	margin-left:-19px;
	margin-top:-5px;
	width:229px;
	padding-left:15px;
	padding-bottom:3px;
	padding-right:10px;
}
.topOfHeaders{
	margin-top:0px;
	margin-left:-20px;
	height:9px;
	background:url(images/headerSpeechBubbleTop2.png) no-repeat top left;
}
.portSubHead, .headersMiddle p{
	color:#FFF;
	font-size:12px;
	margin-top:-5px;
	margin-left:0px!important;
}
/*end of speech bubble header styles*/
#Footer a[href*="@"]{
	padding:0!important;
	background-image:none!important;
}
ul.thumb {
	float: left;
	list-style: none;
	margin: 0; padding: 10px;
	width: 500px;
	margin-left: -50px;
}
ul.thumb li {
	margin: 0; padding: 5px;
	float: left;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 110px;
	height: 110px;
}
ul.thumb li img {
	width: 100px; height: 100px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	border: 1px solid #ddd;
	padding: 5px;
	background: #f0f0f0;
	position: absolute;
	left: 0; top: 0;
}
ul.thumb li img.hover {
	background:url(thumb_bg.png) no-repeat center center;  /* Image used as background on hover effect
	border: none; /* Get rid of border on hover */
}
.sifr-replaced{
	position:relative;
	z-index:0!important;
}
#TB_overlay{
	z-index:9990;
}
#TB_window{
	z-index:9999	
}