/* generals */
html {
  font-family: Tahoma, Arial;
}

p, h1, h2, h3, h4 {
  color: #fff;
}

a {
  text-decoration: none;
  color: #fff;
}

a:hover {
  text-decoration: underline;
  color: #fff;
}

body {
	background: #8e4411;
	/*
	background-color: transparent;
	background-image: url(/img/background.jpg);
	background-repeat: repeat;
	background-position: top center;
	background-attachment: fixed;
	*/
}

div.container {
	/*background: #000;*/
	background: #8e4411;
  width: 1022px;
  margin: 0 auto;
}


/* TOP NAVIGATION */


div.header {
  padding-top: 25px;
}

div.header div.logo a {
  background: url(/img/logo2.png) no-repeat;
  display: block;
  float: left;
  margin-left: 40px;
  padding: 0 0 60px 0;
  width: 255px;
  height: 50px;
}

div.available {
	padding-right: 55px;
	padding-top: 20px;
	float: right;
}

div.topnav {
	font-size: 17px;
	float: right;
	display: inline;  
	padding-right: 30px;
	color:#fba118;
}

div.topnav ul {
	padding-top: 40px;
	overflow: hidden;
}

div.topnav ul li {
  float: left;
  display: inline;
  width: 127px;
  height: 31px;
}

div.topnav ul li a {
	width: 117px;
	height: 25px;
	padding: 6px 0 0 0;
	display: block;
	float: left;
	text-align: center;
}

div.topnav ul li a:hover {
	text-decoration:none;
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  background-color: #883b05;
  color: #ed9517;
}

div.topnav ul li a.big {
	width: 140px;
}

body#home div.topnav .home {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  background-color: #702a00;
  font-color: #8e4411;
}

body#about div.topnav .about {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  background-color: #702a00;
  font-color: #8e4411;
}

body#portfolio div.topnav .portfolio {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  background-color: #702a00;
  font-color: #8e4411;
}

/* HOMEPAGE */

div.banner {
  background: url(/img/banner.png) no-repeat; 
  margin-top: 125px;
  margin-left: 40px;
  height: 320px;
  font-family: Tahoma, Arial;
  font-size: 23px;
  padding-left: 320px;
  line-height: 1.4;
}

p#bannertext {
  height: 320px;
  width: 590px;
  padding: 33px 0 0 0;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 23px;
  line-height: 1.58em;	
  color: #fba118;
}

p#bannertext a {
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 23px;
  line-height: 1.58em;
  text-decoration: underline;
}

p#bannertext a:hover {
  color: #8e4411;
  text-decoration: none;
}


div.header div.logo a:hover {
  text-decoration: none;
}

div.topnav {
/*  background: url(/img/available.png) no-repeat;
  float: right;
  margin-right: 60px;
  padding-top: 20px;
  text-align: center;*/
}

div.leftsidewrapper {
	width: 520px;
	padding: 4px 0 30px 40px;
	float: left;
}

div.leftsidewrapper img {
	display: block;
}

div.leftsidewrapper div.leftsideheader {
	margin: 12px 0 10px 0;
	height: 43px;

}

div.leftsidewrapper img.portfolioheader {
	float: left;
	padding: 0 0 14px 0;
}

div.leftsidewrapper a.portfolio {
	float: right;
	padding-top: 4px;
}

div.leftsideheader a {
	padding-right: 3px;
}

div.leftsideheader a:hover {
	padding-right: 0;
	padding-left: 3px;
}

div.slider {
	width: 520px;
	height: 411px;
	clear: left;
	border-top: 20px;
	background: transparent url(/img/slider/sliderbackground.png) no-repeat;
	position: relative;
}

div.slider div.slider-box {
	float: left;
	width: 239px;
	padding: 10px 10px;
	border-right: 2px solid #8e4411;
	margin: 8px 0 0 0;
}

div.slider div.slider-box p.slider-image {
	text-align: center;
	margin: 20px 0 20px 35px;
}

div.slider h2 {
		margin: 0 35px 0 35px;
		font-size: 18px;
		line-height: 1.4;
		padding: 0 0 10px 0;
}

div.slider p {
	margin: 0 35px 0 35px;
	font-size: 14px;
	font-style: italic;
	line-height: 1.4;
}

div.slider span.carousel-control {
	z-index: 10;
	position: absolute;
	top: 200px;
	cursor: pointer;
}

div.slider span.previous {
	background: url(/img/homepage/arrowleft.png) no-repeat; 
	left: -5px;
	padding: 20px 20px;
}

div.slider span.next {
	background: url(/img/homepage/arrowright.png) no-repeat; 
	right: -5px;
	padding: 20px 20px;
}

div.rightsidewrapper {
	width: 385px;
	float: right;
    padding-right: 40px;
    margin: 8px 0 5px 0;
/*	border: 1px solid red;*/
}

div.rightsidewrapper img.designdiaryheader {
	float: left;
	padding: 0 0 5px 0;
}


div.rightsideheader img {
	margin: 4px 0 0 0;
}

div.rightsideheader a {
	float: right;
	padding-right: 3px;
}

div.rightsideheader a:hover {
	padding-right: 0;
	padding-left: 3px;
}

div.rightside {
	margin: 5px 5px 5px 8px;
	float:left;
}

p#diarydate {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
}

p.diarytextheader a {
    font-family: Tahoma, Arial;
	font-size: 17px;
	line-height: 1.4em;	
	padding: 15px 0 0 10px;
	width: 280px;
}

p.diarytextheader a:hover {
	text-decoration: none;
	color: #fba118;	
}

p.diarytextblurb {
	font-size: 14px;
	line-height: 1.5em;
	width: 285px;
	padding: 5px 0 10px 0;
	float: right;
	border-bottom: 1px solid #702a00;
}

div.dateWrapper {
	width: 90px;
	float: left;
}

div.dateWrapper img {
	display: block;
}

div.dateWrapper span {
	display: block;
	text-align: center;
    font-family: Tahoma, Arial;
	font-size: 16px;  
	color: #fff;
	padding: 15px 20px 0 0;
}

div.diary-entry {
  float: left;
  width: 385px;
  padding: 0 0 15px 0;
}

a.designdiary {
  width: 117px;
  height: 0;
  font-size: 1em;
  padding-top: 31px;
  text-indent: -2000px;
  overflow: hidden;
  float: right;
  display: inline;
  background: url(/img/viewdiary.png) no-repeat;
}

h2.designdiary {
  width: 188px;
  height: 0;
  font-size: 1em;
  padding-top: 42px;
  text-indent: -2000px;
  overflow: hidden;
  float: left;
  display: inline;
  background: url(/img/designdiary.png) no-repeat;
}


/* FOOTER */

div.footer {
	overflow: hidden;
	width: 890px;
}

div.container div.footer {
	margin-left:40px;
	position: relative;
	overflow: hidden;
	width: 970px;
	clear:both; 
	background: url(/img/footer.png) no-repeat top left;
}

div.footerleft {
	float: left;
	padding: 0 40px 0 30px;
	width: 640px;
}

div.footerright {
	margin-left: 710px;
}

div.footerright p.download-cv {
	margin: 130px 0 0 80px;
}

div.footerright p.download-cv a {
	color: #000;
}

div.headerintro {
	float: left;
	width: 480px;
	padding: 10px 0 10px 0;
	font-size: 15px;
	line-height: 1.4;
	font-style: normal;
}

div.footerheader {
	padding: 30px 0 15px 30px;
    font-family: Tahoma, Arial;
	font-size: 20px;  
	color: #fff;
	width: 480px;
}

div.footercontactmeform {
	margin:10px 0 10px 0;
    font-family: Tahoma, Arial;
	font-size: 15px;  
	color: #fff; 
	width: 620px;
/*	overflow: hidden;*/
}

div.leftcontact {
	width: 100px;
	padding: 5px 0 5px 0;
	clear: left;
	float: left;
	line-height: 2.8;
}

div.message {
	float: left;
	text-align: left;
/*	border: 1px solid blue;*/
	width: 00px;	
	line-height: 3.0;	
}

div.rightcontact {
	width: 310px;
	float: right;
	line-height: 2.0;
}

div.messagebox {
	padding: 0 0 2px 0;
}

div.submitbutton {
	float: right;
	padding: 5px 0 0 0;
}

div.submitbutton a {
	padding-right: 3px;
}

div.submitbutton a:hover {
	padding-right: 0;
	padding-left: 3px;
}

.loginbox {
	 background: #fff;
	 border:none;
	 width:161px;
	 height:25px;
	 margin:5px 0 0 14px;
	 background:url(/img/contactbutton.png) no-repeat bottom;
	 padding: 2px 7px 0px 7px;
     font-family: Tahoma, Arial;
	 font-size:14px;
}

.loginboxbig {
	background: #fff;
	margin: 4px 0 0 5px;
	border: none;
	height: 78px;
	width: 300px;
}
	
div.footercontactformbutton {
	padding: 20px 0 0 0;
	float: right;
}

/*div.hire span.available {
  font-size: 29px;
}

div.hire span.hire {
  font-size: 21px;
}*/

div.cv {
/*	float:right;*/
}

div#contact form {

}

p.contact-intro-text {
		line-height: 1.3;
}





/* ABOUT ME */

div.pageheader {
	width: 700px;
  	margin-left: 40px;
/*	border: 1px solid red;*/
	float: left;
}

div.backtoportfolio {
	width: 200px;
	float: right;
	padding: 20px 0 0 0;
}

p#specificpage {
    font-family: Tahoma, Arial;
	font-size: 14px;  
	color: #fba118;
	padding-top: 10px;
}

/*div.rightimage p#imagetext {
	clear: right;
	width: 350px;
	margin-right: 80px;
	margin-top: 360px;
}*/

div.rightimage {
	float: right;
	width: 409px;
	height: 419px;
	background: url(/img/casestudyimage.png) no-repeat;
	margin-right: 40px;
	margin-top: 20px;
/*	border: 1px solid red;*/
}

div.lefttext {
	float: left;
	width: 510px;
	height: 1096px;
	margin-top: 20px;
	margin-left: 40px;
	padding: 0 0 30px 0;
	background: url(/img/casestudybackground.png) no-repeat;
/*	border: 1px solid blue;*/
}

p#bodytextheader{
    font-family: Tahoma, Arial;
 	font-size: 22px;  
	color: #fba118;
	padding: 25px 0 0 25px;
	line-height: 1.4;
}

p#intropara {
    font-family: Tahoma, Arial;
	font-size: 17px;  
	color: #fff;
	margin: 10px 25px 0 25px;
	line-height: 1.4;
}

p.normaltext {
    font-family: Tahoma, Arial;
	font-size: 15px;  
	color: #fff;
	margin: 15px 25px 15px 25px;
	line-height: 1.4;
}

p#textquote {
    font-family: Tahoma, Arial;
	font-size: 26px;  
	text-align: center;
	color: #fff;
	margin: 20px 40px 20px 40px;
	line-height: 1.4;
}

p#textquoteby {
    font-family: Tahoma, Arial;
	font-size: 15px;  
	text-align: right;
	color: #fff;
	margin: 0px 50px 5px 50px;
	line-height: 1.4;
}

p.normaltextheader {
    font-family: Tahoma, Arial;
 	font-size: 18px;  
	color: #fba118;
	line-height: 1.4;
	margin: 10px 25px 10px 25px;
}

p#imagetext {
    font-family: Tahoma, Arial;
	font-size: 16px;  
	color: #110c10;
	margin: 20px 20px;
/*	position: bottom;*/
}

/* DESIGN DIARY */

ul{border:0; margin:0; padding:0;}

div.pagination { 
	text-align: center;
	width: 940px;
	height: 20px;
	padding: 20px 0 10px 0;
/*	border: 1px solid red;*/
}

/* div.pagination ul#pagination-digg { 
  margin: 0 auto; 
}

#pagination-digg li{
border:0; margin:0; padding:0;
font-size:16px;
list-style:none;
margin-right:2px;
border: 30px 30px;
text-align: center;
}

#pagination-digg a{
border:solid 1px #9aafe5;
margin-right:2px;
}

#pagination-digg .previous-off,
#pagination-digg .next-off {
border:solid 1px #DEDEDE
color:#888888
display:block;
float:left;
margin-right:2px;
padding:3px 4px;
}

#pagination-digg .next a,
#pagination-digg .previous a {
font-weight:bold;
} 
#pagination-digg .active{
background:#2e6ab1;
color:#FFFFFF;
font-weight:bold;
display:block;
float:left;
padding:4px 6px;
}
#pagination-digg a:link,
#pagination-digg a:visited {
color:#0e509e
display:block;
float:left;
padding:3px 6px;
text-decoration:none;
}
#pagination-digg a:hover{
  background: transparent url(/img/topnavbackground.png) no-repeat; 
} */

div.designdiaryentriesleft {
  margin-top: 20px;
	margin-left: 40px;
	float: left;
	padding: 10px 0 0 10px;
	width: 455px;
	height: 313px;
/*	border: 1px solid red;*/
	background: transparent url(/img/designdiarybackground.png) no-repeat;
}

div.diaryend {
	margin-left: 10px;
}

div.designdiaryleftside {
	padding: 10px 10px;
	height: 200px;
	width: 170px;
/*	border: 1px solid red;*/
	float: left;
}

div.designimage {
	float: left;
}

div.designdiaryleftside span {
	display: block;
    font-family: Tahoma, Arial;
	font-size: 16px;  
	color: #fff;
	text-align: center;
	width: 170px;
	margin: 10px 0 10px 0;
}

p#designdiaryheader {
	text-decoration: underline;
    font-family: Tahoma, Arial;
	font-size: 20px;
	line-height: 1.4em;	
	margin: 10px 0 10px 0;
	width: 250px;
}

div.designdiarytext {
	width: 260px;
	float: left;
/*	border: 1px solid red;*/
}

p#designdiaryblurb {
	font-size: 15px;
	line-height: 1.4em;
	width: 235px;
/*	border: 1px solid red;*/
	padding-bottom: 20px;
}

p.designdiarybutton {
	float: right;
	padding-right: 30px;
}


div.designdiaryentriesright {
    margin-top: 20px;
	margin-right: 40px;
	float: right;
	padding: 10px 0 0 10px;
	width: 455px;
	height: 313px;
/*	border: 1px solid red;*/
	background: transparent url(/img/designdiarybackground.png) no-repeat;
}

div.designdiaryrightside {
	padding: 10px 10px;
	height: 200px;
	width: 170px;
/*	border: 1px solid red;*/
	float: left;
}


div.designdiaryrightside span {
	display: block;
    font-family: Tahoma, Arial;
	font-size: 16px;  
	color: #fff;
	text-align: center;
	width: 170px;
	margin: 10px 0 10px 0;
}




/* Top right button */

div.toprightbutton {
  width: 180px;
  display: block;
  float: right;
}

div.toprightbutton a {
	padding-right: 3px;
}

div.toprightbutton a:hover {
	padding-right: 0;
	padding-left: 3px;
}

div.backtoportfolio a {
	padding-right: 3px;
}

div.backtoportfolio a:hover {
	padding-right: 0;
	padding-left: 3px;
}


/* web design */

div.webdesignportfolio {
	width: 890px;
    margin: 15px 0 0 0;
    padding: 30px 30px 0 30px;
	background: url(/img/webdesign.png) no-repeat;
}

div.webdesignportfolio p {
    font-family: Tahoma, Arial;
	font-size: 17px;  
	color: #fba118;
	width: 300px;
   	float: left;
}


div.slider-web {
	width: 880px;
	height: 370px;
	clear: both;
	position: relative;
	overflow: hidden;
}

div.slider-web div.slider-box-web {
	float: left;
	width: 270px;
	padding: 10px 10px 0 10px;
	margin: 1px 0 0 0 ;	
}

div.slider-web h2 {
		margin: 0 35px 0 35px;
		font-size: 18px;
		line-height: 1.4;
		padding: 0 0 5px 0;
}

div.slider-web p {
	margin: 10px 0 0 15px;
	font-size: 14px;
	font-style: italic;
	line-height: 1.4;
}

div.slider-web span.carousel-control {
	z-index: 10;
	position: absolute;
	top: 170px;
	cursor: pointer;
	margin-left: 7px;
	margin-right: 2px;
}

div.slider-web span.previous {
	background: url(/img/homepage/arrowleftint.png) no-repeat; 
	left: -5px;
	padding: 20px 20px;
}

div.slider-web span.next {
	background: url(/img/homepage/arrowrightint.png) no-repeat; 
	right: -5px;
	padding: 20px 20px;
}











/* email design */

div.emaildesignportfolio {
	width: 890px;
	height: 244px;
  margin: 15px 0 0 0;
  padding: 30px 30px 0 30px;
	background: url(/img/webdesign.png) no-repeat;
}

div.emaildesignportfolio p {
    font-family: Tahoma, Arial;
	font-size: 17px;  
	color: #fba118;
	width: 300px;
   	float: left;
}


div.slider-email {
	width: 880px;
	clear: both;
	position: relative;
	overflow: hidden;
}

div.slider-email div.slider-box-email {
	float: left;
	width: 270px;
	padding: 10px 10px;
	margin: 1px 0 0 0 ;	
}

div.slider-email h2 {
		margin: 0 35px 0 35px;
		font-size: 18px;
		line-height: 1.4;
		padding: 0 0 5px 0;
}

div.slider-email p {
	margin: 10px 0 0 15px;
	font-size: 14px;
	font-style: italic;
	line-height: 1.4;
}

div.slider-email span.carousel-control {
	z-index: 10;
	position: absolute;
	top: 120px;
	cursor: pointer;
	margin-left: 7px;
	margin-right: 2px;
}

div.slider-email span.previous {
	background: url(/img/homepage/arrowleftint.png) no-repeat; 
	left: -5px;
	padding: 20px 20px;
}

div.slider-email span.next {
	background: url(/img/homepage/arrowrightint.png) no-repeat; 
	right: -5px;
	padding: 20px 20px;
}

div.slider-email {
	width: 880px;
	height: 250px;
	clear: left;
	margin: 10px 0 0 0;
	position: relative;
}

div.slider-email div.slider-box-email {
	float: left;
	width: 270px;
	height: 250px;
	padding: 10px 10px;
}
















/* Logo design */

div.logodesignportfolio {
	width: 890px;
	height: 244px;
  margin: 15px 0 0 0;
  padding: 30px 30px 0 30px;
	background: url(/img/webdesign.png) no-repeat;
}

div.logodesignportfolio p {
    font-family: Tahoma, Arial;
	font-size: 17px;  
	color: #fba118;
	width: 150px;
   	float: left;
}


div.slider-logo {
	width: 880px;
	clear: both;
	position: relative;
	overflow: hidden;
}

div.slider-logo div.slider-box-logo {
	float: left;
	width: 270px;
	padding: 10px 10px;
	margin: 1px 0 0 0 ;	
}

div.slider-logo h2 {
		margin: 0 35px 0 35px;
		font-size: 18px;
		line-height: 1.4;
		padding: 0 0 5px 0;
}

div.slider-logo p {
	margin: 10px 0 0 15px;
	font-size: 14px;
	font-style: italic;
	line-height: 1.4;
}

div.slider-logo span.carousel-control {
	z-index: 10;
	position: absolute;
	top: 120px;
	cursor: pointer;
	margin-left: 7px;
	margin-right: 2px;
}

div.slider-logo span.previous {
	background: url(/img/homepage/arrowleftint.png) no-repeat; 
	left: -5px;
	padding: 20px 20px;
}

div.slider-logo span.next {
	background: url(/img/homepage/arrowrightint.png) no-repeat; 
	right: -5px;
	padding: 20px 20px;
}

div.slider-logo {
	width: 880px;
	height: 250px;
	clear: left;
	margin: 10px 0 0 0;
	position: relative;
}

div.slider-logo div.slider-box-logo {
	float: left;
	width: 270px;
	height: 250px;
	padding: 10px 10px;
}



/* print design */

div.printdesignportfolio {
	width: 890px;
	height: 244px;
  margin: 15px 0 0 0;
  padding: 30px 30px 0 30px;
	background: url(/img/webdesign.png) no-repeat;
}

div.printdesignportfolio p {
    font-family: Tahoma, Arial;
	font-size: 17px;  
	color: #fba118;
	width: 150px;
   	float: left;
}


div.slider-print {
	width: 880px;
	clear: both;
	position: relative;
	overflow: hidden;
}

div.slider-print div.slider-box-print {
	float: left;
	width: 270px;
	padding: 10px 10px;
	margin: 1px 0 0 0 ;	
}

div.slider-print h2 {
		margin: 0 35px 0 35px;
		font-size: 18px;
		line-height: 1.4;
		padding: 0 0 5px 0;
}

div.slider-print p {
	margin: 10px 0 0 15px;
	font-size: 14px;
	font-style: italic;
	line-height: 1.4;
}

div.slider-print span.carousel-control {
	z-index: 10;
	position: absolute;
	top: 120px;
	cursor: pointer;
	margin-left: 7px;
	margin-right: 2px;
}

div.slider-print span.previous {
	background: url(/img/homepage/arrowleftint.png) no-repeat; 
	left: -5px;
	padding: 20px 20px;
}

div.slider-print span.next {
	background: url(/img/homepage/arrowrightint.png) no-repeat; 
	right: -5px;
	padding: 20px 20px;
}

div.slider-print {
	width: 880px;
	height: 250px;
	clear: left;
	margin: 10px 0 0 0;
	position: relative;
}

div.slider-print div.slider-box-print {
	float: left;
	width: 270px;
	height: 250px;
	padding: 10px 10px;
}







/* Photo design */


div.slider-photo h2 {
		margin: 0 35px 0 35px;
		font-size: 18px;
		line-height: 1.4;
		padding: 10px 0 5px 0;
}

div.slider-photo p {
	margin: 10px 0 0 15px;
	font-size: 14px;
	font-style: italic;
	line-height: 1.4;
}

div.slider-photo span.carousel-control {
	z-index: 10;
	position: absolute;
	top: 120px;
	cursor: pointer;
	margin-left: 7px;
	margin-right: 2px;
}

div.slider-photo span.previous {
	background: url(/img/homepage/arrowleftint.png) no-repeat; 
	left: -5px;
	padding: 20px 20px;
}

div.slider-photo span.next {
	background: url(/img/homepage/arrowrightint.png) no-repeat; 
	right: -5px;
	padding: 20px 20px;
}

div.slider-photo {
	width: 880px;
	height: 220px;
	clear: left;
	margin: 10px 0 0 0;
	position: relative;
}

div.slider-photo div.slider-box-photo {
	float: left;
	width: 270px;
	height: 180px;
	padding: 10px 10px;
}

div.photodesignportfolio {
  clear: both;
	width: 890px;
  margin: 15px 0 0 0;
  padding: 30px 30px 30px 30px;
	background: url(/img/logodesign.png) no-repeat;
}

div.photodesignportfolio p {
    font-family: Tahoma, Arial;
	font-size: 17px;  
	color: #fba118;
	width: 150px;
  float: left;
}



/* PRINT AND LOGO DESIGN */

div.designshowcase {
	float: left;
	width: 968px;
	margin-top: 20px;
	margin-left: 40px;
	padding: 0 0 30px 0;
  overflow: hidden;
}

div.designshowcase div.top {
  height: 5px;
  background: url(/img/designbackgroundtop.jpg) no-repeat;
}

div.designshowcase div.middle {
  overflow: hidden;
  padding-bottom: 30px;
  background: url(/img/designbackgroundmiddle.jpg) repeat-y;
}

div.designshowcase div.middleimg {
  overflow: hidden;
  padding-left: 5px;
  background: url(/img/designbackgroundmiddle.jpg) repeat-y;
  height: 500px;
}

div.designshowcase div.bottom {
  height: 5px;
  background: url(/img/designbackgroundbottom.jpg) no-repeat;
}


div.designwork {
	margin: 10px 0 0 30px;
	float: left;	
}

p.designworkimage {
	background: url(/img/printimageholder.png) no-repeat;
	width: 270px;
	margin: 15px 7px 7px 0 ;
/*	border: 1px solid blue;*/
	float: left;
	clear: left;
	position: relative;
}

p.designworkimage img#designworkmoredetail {
	position: absolute;
	clear: right;
	bottom: 1px;
	right: 1px;
}

p.designworktitle {
    font-family: Tahoma, Arial;
	font-size: 18px;  
	color: #fff;
	width: 250px;
  float: left;
  line-height: 1.4;
	padding: 10px 0 0 0;
}

div.designworkimage span.designworkmoredetail {
	float: right;
	z-index: 10;
}










/* WEB DESIGN */

div.designworkweb {
	margin: 0 0 10px 30px;
	padding: 10px;
	float: left;	
	width: 250px;
	overflow: hidden;
}

p.designworkimageweb {
	background: url(/img/printimageholder.png) no-repeat;
	width: 240px;
	padding: 10px 0 0 0;
	float: left;
	clear: left;
	position: relative;
}











/* CONTACT COOPIFY */

div.contactcoopify {
	float: left;
	width: 959px;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 0 0 30px 0;
	background: url(/img/contactcoopifybackground.png) no-repeat;
}

div.contactcoopifyleftside {
	width: 280px;
	float: left;
}

p#bodytextheadercontact {
    font-family: Tahoma, Arial;
	font-size: 25px;  
	color: #fff;
	margin: 25px 0 0 25px;
	line-height: 1.4;
}

p#contactintro {
    font-family: Tahoma, Arial;
	font-size: 15px;  
	color: #fff;
	margin: 25px 25px;
	line-height: 1.4;
}

div.contactrightside {
	width: 650px;
	float: right;
	margin-right: 20px;
}

div.leftcontactme {
	width: 313px;
	float: left;
	color: #fff;
}

div.leftsidecontact {
	padding: 10px 0 10px 0;
	clear: left;
	width: 110px;
	float: left;
	line-height: 3.0;
	color: #fff;
	font-size: 15px;
}

p#leftsideboxes {
	padding: 5px 0 5px 0;
	line-height: 3.0;
}

div.rightcontactme {
	width: 313px;
	float: left;
	color: #fff;
}

div.rightsidecontact {
	padding: 10px 0 10px 10px;
	width: 100px;
	float: left;
	line-height: 3.0;
	color: #fff;
	font-size: 15px;
}

p#rightsideboxes {
	padding: 10px 10px 5px 0;
}

div.rightsidecontactquestion {
	clear: left;
	width: 318px;
	float: left;
	color: #fff;
	font-size: 15px;
	padding: 5px 0 10px 10px;
}

div.messagemearea {
	float: left;
	clear: left;
	color: #fff;
}
p#messageboxarea {
	float: right;
	width: 550px;
}

.loginboxbigcontact {
	 background: #fff no-repeat bottom;
	 border: none;
	 float: right;
	 margin-right: 40px;
}











/* pop up */

div.faceboxpopup {
	width: 820px;
	overflow: hidden;
	padding-left: 20px;
}

div.leftfaceboxtext {
  width: 443px;
  float: left;
}

p.faceboxtext_header {
	color: #993300;
  font-family: Georgia;
  font-size: 25px;
	margin: 25px 25px;
}

p.faceboxtext_intro {
    font-family: Tahoma, Arial;
	font-size: 17px;  
	margin: 25px 25px;
	line-height: 1.4;
	color: #000;
}

p.faceboxtext_header{
    font-family: Tahoma, Arial;
	font-size: 22px;  
	color: #993300;
	margin: 20px 25px 0px 25px;
	line-height: 1.4;
}

p.faceboxtext_maintext {
    font-family: Tahoma, Arial;
	font-size: 15px;  
	margin: 15px 25px 15px 25px;
	line-height: 1.4;
	color: #000;
}

div.rightfaceboximages {
	width: 320px;
	float: right;
  padding-top: 18px;
}

p.contactmetext {
	font-family: Georgia;
	font-size: 16px;
	float: left;
	padding-left: 25px;
	color: #000;
	padding-top: 17px;
}

div.fancyboxcontact {
	padding-top: 11px;
	margin-right: 20px;
}
div.fancyboxcontact a {
	float: right;
	padding-right: 3px;
}

div.fancyboxcontact a:hover {
	padding-right: 0;
	padding-left: 3px;
}

img.topimageheader {
		padding: 12px 0 5px 0;
}

p.clientquote {
	padding: 20px 0 20px 10px;
	color: #993300;
    font-family: Tahoma, Arial;
	font-size: 21px;
	line-height: 1.4;
	text-align: center;
}

img.bottomimageheader {
		padding: 0 0 0 0;
}

div.headerfaceboxtext {
    width: 443px;
    float: left;
}

p.faceboxtext_headeracross {
    font-family: Tahoma, Arial;
		font-size: 22px;  
		color: #993300;
		margin: 20px 25px 0px 25px;
		line-height: 1.4;
}

p.faceboxtext_gallery {
		width: 600px;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 22px;  
		color: #993300;
		margin: 20px 25px 25px 25px;
		line-height: 1.4;
}

p.faceboxtext_introacross {
	width: 780px;
	float: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 17px;  
	margin: 25px 25px;
	line-height: 1.4;
	color: #000;
}

div.popupimagearea {
	width: 820px;
	padding-left: 20px;
}

div.popupimageareaphoto {
	width: 820px;
	padding-left: 20px;
}

p.imageleftside {
	float: left;
	padding: 0 10px 10px 0;
}

p.imageallacross {
	float: left;
	width: 780px;
	padding: 0 10px 10px 0;
}

p.imageallacross_text {
	width: 770px;
	float: left;
	font-size: 14px;
	line-height: 1.4;
	padding: 0 10px 20px 0;
	color: #000;
}

p.imagedetailleft {
	padding: 20px 20px 20px 40px;
}

/* gallery */

div.gallerymainimage {
	width: 820px;
	padding-left: 20px;
}

p.galleryimage {
	float: center;
	padding: 0 10px 10px 0;
}

p.gallery_text {
	font-size: 14px;
	line-height: 1.4;
	padding: 0 10px 20px 0;
	color: #000;
	text-align: center;
}





/* slides styling */

.photo {width:635px; text-align:left; position:relative; margin:0 auto;}

.photo ul.topic {padding:0; margin:0; list-style:none; width:635px; height:auto; position:relative; z-index:10;}

.photo ul.topic li {display:block; width:125px; height:31px; float:left;}
.photo ul.topic li a.set {display:block; font-size:11px; width:124px; height:30px; text-align:center; line-height:30px; color:#000; text-decoration:none; border:1px solid #fff; border-width:1px 1px 0 0; background:#ccc; font-family:verdana, arial, sans-serif;}

.photo ul.topic li a ul, 
.photo ul.topic li ul 
{display:none;}

.photo ul.topic li.active a
{color:#000; background:#bbb;}

.photo ul.topic li a:hover,
.photo ul.topic li:hover a
{color:#fff; background:#aaa;}

.photo ul.topic li.active ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:375px; background:#ddd; width:464px; padding:40px 60px; border:20px solid #bbb; z-index:1;}

.photo ul.topic li a:hover ul, 
.photo ul.topic li:hover ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:375px; background:#ddd; width:464px; padding:40px 60px; border:20px solid #aaa; z-index:100;}

.photo ul.topic li ul li
{display:inline; width:112px; height:87px; float:left; border:1px solid #fff; margin:1px;}

.photo ul.topic li ul li a
{display:block; width:110px; height:85px; cursor:default; float:left; text-decoration:none; background:#444; border:1px solid #888;}

.photo ul.topic li ul li a img
{display:block; width:100px; height:75px; border:5px solid #eee;}

.photo ul.topic li a:hover ul li a:hover, 
.photo ul.topic li:hover ul li a:hover 
{white-space:normal; position:relative;}

.photo ul.topic li a:hover ul li a:hover img, 
.photo ul.topic li:hover ul li a:hover img 
{position:absolute; left:-50px; top:-32px; width:200px; height:150px; border-color:#fff;}