body, div, h1, h2, h3, h4, p, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote {
    margin: 0px; padding: 0px; border: 0px;
}

.clear:after {
	content: ""; display: block; clear: both;
}
	.clear { zoom: 1; } 

a[href^="http://"] {
    background: url(images/external.png) center right no-repeat;
    padding-right: 13px;
}

a[href^="http://rethinkdesign.co.uk"], a[href^="http://www.rethinkdesign.co.uk"] {
    background: none;
    padding-right: 0;
}

#side #searchform label.screen-reader-text {
	display:none;
}

#main #searchform label.screen-reader-text {color:#530; font-size:18px; font-family:Arial, Helvetica, sans-serif;}

input, textarea {
	padding:7px 5px; 
	color:#530; 
	font-size:14px; 
	font-family: Arial, Helvetica, sans-serif;
}

#side #searchform #s, #main #searchform #s {height:22px; margin:0;}
#side #searchform #s {width:140px; max-width:140px;float:left}
#main #searchform #s {width:350px; max-width:420px;}

#side #searchsubmit, #main #searchsubmit {
	display:block; cursor:pointer; overflow:hidden; height:22px; margin:0; width:80px; height:40px; background: #f60; border:none; color:#fff; float:right;
	}

textarea {height:136px; width:420px; max-width:420px;}


body {
	font-family: Arial, Helvetica, sans-serif;
	background: url(images/background.jpg) center top #171201;
}

#container, #masthead {
	width: 940px; margin: 0 auto; position: relative;
}
	
#container {
	background: #fff url(images/desktop.jpg);
}
 
#header {
	height: 300px; padding: 0; background: #7BB037 url(images/paper.jpg) center top;
}

#masthead h1 a {
	display: block; width: 320px; height: 250px; float: left; margin: 10px 0 0 20px;
	background: url(images/logo.png); text-indent: -9999px;
}

#header ul#nav {
	float: left; list-style: none; margin: 5px 0 0 40px;
}
	#header ul#nav li {
		float: left; padding: 0; margin: 0 25px 0 0;
		background: url(../images/nav-separator.png) left no-repeat;
	}
		#header ul#nav li:first-child { background: none; }
		
		#header ul#nav li a.current {color: #c1f154;}
		
		#header ul#nav li a { 
			font-size: 16px; font-weight: bold; color: #fff; text-decoration: none;
		}
			#header ul#nav li a:hover, #header ul#nav li a.active {
				color: #c1f154;	
			}
			
#feature-header {
	clear: both; height: 333px;
	background: url(../images/macbook-bg.jpg) right top no-repeat;
}
	#feature-header div.feature-text {
		width: 485px; float: left;	
	}
	#feature-header div.feature-text  h2 {
		width: 402px; height: 96px; margin: 40px 0 13px 0;
		background: url(../images/we-squeeze.jpg); text-indent: -9999px;
	}
	#feature-header div.feature-text  p {
		color: #fff; font-size: 16px; line-height: 28px; margin: 0 0 15px 0;
	}
	#feature-header div.feature-text  p a {
		color: #fff; background: #7b7ba0; padding: 5px;	
		text-decoration: none;
	}
		#feature-header div.feature-text p a:hover {
			background: #3f3f69;	
		}
	
	#masthead div.cards {
		z-index: 10; position: absolute; top:0; left: 485px; width: 450px; height: 321px; background: url(images/cards.png);
	}
		#masthead div.cards ul {
			list-style: none; position: relative; top: 24px; left: 42px;
			width: 364px; height: 234px; overflow: hidden;
		}
		
#content {
	margin: 0; background: url(images/top-shadow.gif) repeat-x top;
}

#content p {
	color: #530; font-size: 18px; line-height: 25px; margin: 10px 0 20px 0;
}

#content p.small, .commentlist li, #div-comment-1 p, #div-comment-1 p, #div-comment-2 p, #div-comment-3 p, #div-comment-4 p, #div-comment-5 p, #div-comment-6 p, #div-comment-7 p, #div-comment-8 p, #div-comment-9 p, #div-comment-10 p, #div-comment-11 p, #div-comment-12 p, #div-comment-13 p, #div-comment-14 p, #div-comment-15 p, #div-comment-16 p, #div-comment-17 p, #div-comment-18 p, #div-comment-19 p, #div-comment-20 p, #div-comment-21 p, #div-comment-22 p, #div-comment-23 p, #div-comment-24 p, #div-comment-25 p, #div-comment-26 p, #div-comment-27 p, #div-comment-28 p, #div-comment-29 p, #div-comment-30 p{
	font-size: 14px; line-height: 17px;
}

.centered {margin-left:auto; margin-right:auto; display:block}
.alignleft {float:left;margin: 0 10px 0 0}
div.alignleft img {border:1px solid #530;}
div.alignleft img:hover {border:1px solid #ff6000;}
.alignright {float:right;margin: 0 0 0 10px}
#content p.wp-caption-text {font-size: 14px; margin:0 10px 0 0;}
#content .enter {color: #530;}
p.time {clear:both;}

	#content a {
		color: #ff6000; font-weight: strong; text-decoration: none;
	}	
		#content a:hover { color: #ff6000; text-decoration: underline; }
	
#content #main {
	width: 560px; float: left; margin: 0 0 0 40px;
}
	#content #main h3, #content #side div.featured-project h3 {
		color: #530; font-size: 35px; line-height: 35px; font-weight: bold;
		margin: 38px 0 0 0;
	}
	
	#content #main .navigation {margin:25px 0 0 0;}
	
	#content #main h4 {color: #530; font-size: 18px; font-weight:bold;}
	
	#content #main h3 span {color:#ff6000;}
	
#content #main div.button a {
	display: block; width: 264px; height: 80px; float: left; margin: 10px 0 0 -2px;
	text-indent: -9999px;
}

#content #main div.button {position:relative;}

#content #main div.end {float: right;}

.hire-me a {background: url(images/hire-me.png) no-repeat;}
.hire-me a:hover {background: url(images/hire-me.png) 0 -80px no-repeat;}

.see-my-work a {background: url(images/see-my-work.png) no-repeat;}
.see-my-work a:hover {background: url(images/see-my-work.png) 0 -80px no-repeat;}

.button em {font-weight: normal;
	background: #ff6000;
	width: 240px;
	position: absolute;
	top: -30px;
	left: 300px;
	padding: 10px;
	font-style: normal;
	z-index: 2;
	display: none;
	color:#fff;
	font-size: 14px;
	line-height: 17px;
}

#content #side {
	width: 260px; float: left; margin: 24px 0 0 40px; 
	background: url(images/top-brace.png) no-repeat;
}

	#content #side div.featured-project {
		background: url(images/bottom-brace.png) bottom no-repeat;
	}
		#content #side div.featured-project h3 {padding: 20px 10px 0 10px;}
		#content #side div.featured-project p, #content #side div.featured-project li, #content #side div.featured-project h4, #content #side div.featured-project div h4, #content #side div.featured-project div form {color: #530; padding: 8px 10px 0 10px; font-size: 14px; line-height: 17px; list-style:none;}
		#content #side div.featured-project ul li p {padding:0}
		#content #side div.featured-project p.clear, #content #side div.featured-project div.clear {padding-bottom: 50px;}
		#content #side div.featured-project img.featured-website {
			display: block; margin: 0 auto; border: 1px solid #dfdfdf;	
		}
		#content #side div.featured-project a.see-more-btn {
			display: block; width: 228px; height: 41px; margin: 0 auto;
			background: url(../images/seemorework-btn.jpg) top; text-indent: -9999px;
		}
			#content #side div.featured-project a.see-more-btn:hover {
				background: url(../images/seemorework-btn.jpg) bottom;
			}
	
#footer-container {
	background: url(images/footer.jpg) top #e3d6bb; width: 940px; margin: 0 auto; padding: 20px 0 30px 0;
}

	#footer{background: url(images/footer-columns.gif) center top repeat-y;}
		#footer h6 {
			font-size: 34px; font-weight: normal; margin: 0 0 5px 0;	
		}
		
		#footer h6.green {color:#70a832;}
		
		#footer h6.orange {color:#ff6000;}
		
		#footer h6.brown {color:#530;}
		
		#footer p {
			font-size: 14px; color: #530; padding: 8px 0; line-height: 17px;	
		}
		#footer a {
			color: #ff6000; text-decoration: none;
		}	
			#footer a:hover { color: #ff6000; text-decoration: underline; }
	
	#footer div.footer-column {
		width: 260px; float: left; margin: 0 0 0 40px;	
	}

	/*""""""" DATE Display """""""*/

      .date_cal { 
      	  text-align:center;
          float:left; 
          display:block; 
          width: 80px; 
          height:100px; 
          background: url(images/date.png) no-repeat;
          margin: -10px 0 0 -90px
          } 

      .date_cal .date { 
          color: #fff; 
          font-size: 22px;
          font-weight:bold; 
          margin-top: 15px;
          } 

      .date_cal .month { 
          color: #fff; 
          font-size: 16px; 
          text-transform: uppercase; 
          } 

      .date_cal .year { 
          color: #f60; 
          font-size: 14px;
         /* background:#fff;
          border:2px solid #f60;*/
          padding: 5px 0;  
          }  
	
	/*""""""" END """""""*/
	
	/*""""""" GALLERY """""""*/
	
	#portfolio {margin:25px 0;}

	#portfolio a {outline:none;}

	#portfolio img {border: 1px solid #ccc; padding:9px; margin:10px;}
	
	/*""""""" END """""""*/

	
	#tab-menu ul {visibility:hidden; position:absolute;}
	
	#tab-menu, #tab-menu ul {padding:0px; margin:0px;}
	
	#tab-menu0 li, #tab-menu li a {float:none;}
	
	#tab-menu li:hover>ul {top:0px; left:100%; visibility:visible;}

	/*"""""""" (MAIN) Container""""""""*/	
	#tab-menu {width:284px;}

	/*"""""""" (MAIN) Items""""""""*/	
	#tab-menu a	{	
		float:left;
		display:block;
		position:relative;
		text-indent:-9999px;
		overflow:hidden;
		display:block;
		height:80px;
	}
	
	#tab-menu a.online {background:url(images/online-btn.png) no-repeat;}
	#tab-menu a.online:hover {background:url(images/online-btn.png) 0 -80px no-repeat;}
	
	#tab-menu a.inprint {background:url(images/inprint-btn.png) no-repeat;}
	#tab-menu a.inprint:hover {background:url(images/inprint-btn.png) 0 -80px no-repeat;}
	
	#tab-menu a.products {background:url(images/products-btn.png) no-repeat;}
	#tab-menu a.products:hover {background:url(images/products-btn.png) 0 -80px no-repeat;}

	/*"""""""" (SUB) Container""""""""*/	
	#tabs-1, #tabs-2, #tabs-3 {width:280px; padding:0; margin:0;}

	/*"""""""" (SUB) Items""""""""*/	
	
	#button-web {margin:0 0 0 10px;}
	
	#button-print {margin:-80px 0 0 10px;}
	
	#button-product {margin:-160px 0 0 10px;}
	
	.ui-tabs { padding: 0; zoom: 1; }

	.ui-tabs .ui-tabs-hide { display: none !important; }
	
	#tabs-1, #tabs-2, #tabs-3 {background:url(images/bottom_curve.gif) bottom left no-repeat #ff6000;position:absolute; top:0; right:16px;}
	
	#tabs {width:580px;position:relative;}
	
	#tabs-1 p, #tabs-2 p, #tabs-3 p {margin:0 0 0 -10px; padding:10px 10px 10px 20px; color:#fff; font-size: 14px; line-height:17px; font-family: Arial, Helvetica, sans-serif; min-height:210px; height:auto !important; height:210px; overflow:hidden;}
	
	#tabs-1 p {background:url(images/top_curve_1.gif) top right no-repeat;}
	
	#tabs-2 p {background:url(images/top_curve_2.gif) top right no-repeat;}
	
	#tabs-3 p {background:url(images/top_curve_3.gif) top right no-repeat;}
	
	/*""""""" (PORTFOLIO) """""""*/
	div.tag, div.tag-album {float: left; border:1px solid #ccc; margin:10px 10px 0 0; background: #f5f5f5}
	
	div.tag {width:120px; height:120px;}
	
	div.tag-album {width:120px; height:150px; overflow:hidden; margin-bottom: 40px}

	div.tag img {margin:9px; border:1px solid #dfdfdf;}
	
	div.tag-album img {margin:9px 9px 0 9px; border:1px solid #dfdfdf;}

	div.tag img:hover, div.tag-album img:hover {border:1px solid #ccc;}
	
	div.tag-album dl {width:100px; margin:0 10px 0 10px;}
	
	div.tag-album dt, div.tag-album dd {text-align:center;}
	
	div.tag-album dd {font-size: 12px; color: #bbb}
	
/* NEEDS CLEANING UP! */

div.nomargin {height:25px;}
div.nomargin label {float:left; color:#530; padding:0 10px 0 10px; font-size: 14px; line-height: 17px;}
div.nomargin select, #jump-menu div select {float:right; width:140px; font-size: 13px; color: #fff; background:#f60; border:none; outline:none}
#jump-menu {margin-bottom:20px}