/*
-------------------------------------------------------
Base Stylesheet
www.madebybase.com
-------------------------------------------------------
*/


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

body {
	background: #333;
	font-size: 62.5%;
	letter-spacing: 0.1em;
	color: #fff;
}

#bigdaddy {
	margin: 0 auto;
	width: 880px;
	min-height: 550px;
	background: transparent url(../img/lines.gif) 0 91px no-repeat;
/*	font-family: arial, helvetica, sans-serif;
	font-size: 1.1em;
	line-height: 150%;*/
	font: 1.1em/150% arial, helvetica, sans-serif;
}

h1 {
	float: left;
	font: 1em arial, sans-serif;
}

#logo {
	display: block;
	width: 82px;
	height: 40px;
	margin: 55px 0 0 20px;
	background: transparent url(../img/base.gif) no-repeat;
	text-indent: -200px;
	color: #fff;
	overflow: hidden;
}

h2 {
	float: left;
	width: 778px;
	padding: 100px 0 0 0;
	height: 0px !important;
	background: transparent url(../img/web-design.gif) no-repeat;
	font: 1em arial, sans-serif;
	overflow: hidden;
}

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

a:hover {
	color: #ff4a68;
}


/* NAVIGATION */

#navigation {
	float: left;
	width: 180px;
	padding: 57px 0 0 20px;
}

ul {
	float: left;
	width: 160px;
	list-style-type: none;
}

li, li a {
	float: left;
	display: block;
	margin: 0 0 0 -3px;
	padding: 0 3px;
}

li {
	width: 100%;
}

#navigation h3 {
	float: left;
	width: 100%;
	font: 1em Arial, Helvetica, sans-serif;
	margin: 16px 0 1px 0;
	color: #ff4a68;
}

#portfolio li a:before {
    content: "- ";
}


/* PANES */

#textual {
	float: right;
	width: 320px;
	padding: 60px 20px 15px 0;
	position: relative;
	border-bottom: 50px solid #333;
}

#about #textual,
#contact #textual
 {
	float: left;
	padding: 60px 20px 60px 0;
	border: 0;
}

#textral {
	float: left;
	width: 320px; 
	margin: 60px 0;
}

.scroller { 
	float: left;
	width: 320px; 
	margin: 60px 0;
}

.section {
	width: 320px;
	overflow: hidden;
}
		
/* Pane elements */
		
#textual h3 {
	width: 320px;
	font: bold 1.1em Arial, Helvetica, sans-serif;
	padding: 23px 0 8px 0;
	border-top: 1px solid #454545;
}

#about #textual h3, #contact #textual h3,
#textral h3 {
	width: 320px;
	font: bold 1.1em Arial, Helvetica, sans-serif;
	margin: -3px 0 0 0;
	padding: 0px 0 8px 0;
	border: 0;
}

#textual p,
#textral p {
	padding: 8px 0;
}

dl {
	padding: 8px 0;
}

dt {
	padding: 0 0 15px 0;
}

#textral dt {
	display: none;
}

#textual span,
#textral span {
	color: #ff4a68;
}

#textual a,
#textral a {
	border-bottom: 1px solid #ff4a68;
}

address {
	font-style: normal;
	padding: 8px 0;
}

/* Imagecount */

#imagecount {
	visibility: hidden;
	width: 320px;
	height: 25px;
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
		
#imagecount .scroller { 
	float: left;
	width: 160px;
	margin: 0;
	overflow: hidden;
}

#imagecount .section {
	float: left;
	width: 160px;
	overflow: hidden;
	padding: 4px 0 0 0;
	text-align: center;
}

a.prev,
a.next {
	float: left;
	width: 80px;
	height: 24px;
	border-top: 1px solid #454545;
	padding: 4px 0 0 0;
}	
		
a.next {
	text-align: right;
}


/* CONTACT */

fieldset {
	margin: -8px 0 0 0;
}

fieldset p {
	float: left;
}

label.w {
	float: left;
	width: 70px;
}

label.tick {
	float: left;
	margin: 8px 0 0 90px;
}

input.text, textarea {
	float: right;
	width: 224px;
	font: 1em arial, helvetica, sans-serif;
	color: #fff;
	padding: 2px;
	background: #333;
	border: 1px solid #454545;
}

input.submit {
	float: right;
	margin: 5px 0 0 0;
	padding: 3px;
	font: 1em arial, helvetica, sans-serif;
	color: #fff;
	background: #454545;
}

#loadBar, #emailSuccess {
	float: left;
	margin: 22px 0 0 90px;
	display: none;
}

#loadBar img {
	vertical-align: bottom;
	border-left: 5px solid #333;
}


/* FOOTER */

#footer {
	float: left;
	width: 880px;
	background: transparent url(../img/lines.gif) no-repeat;
}

#footer p {
	margin: 9px 20px 9px 21px;
}

#footer .copy {
	float: right;
}


/* PROJECT SPECIFIC */

/*
NOTE:
textual = image height -15px + 8px below text
section = image height + 2px
*/

#panasonic #textual,
#navix #textual,
#shoda #textual,
#hitachi #textual,
#brother #textual {
	min-height: 393px;
}

#jge #textual {	
	min-height: 436px;
}

#ebsp #textual {
	min-height: 443px;	
}

#panasonic .section,
#navix .section,
#shoda .section,
#brother .section {
	height: 402px;
}

#ebsp .section {
	height: 452px;
}

#jge .section {
	height: 445px;
}

#about #abo,
#contact #con,
#panasonic #pan,
#navix #nav,
#ebsp #ebs,
#jetro #jet,
#shoda #sho,
#jge #jgev,
#igart #iga,
#hitachi #hit,
#brother #bro {
	color: #000;
	background: #ff4a68;
}

#about #abo:hover,
#contact #con:hover,
#panasonic #pan:hover,
#navix #nav:hover,
#ebsp #ebs:hover,
#jetro #jet:hover,
#shoda #sho:hover,
#jge #jgev:hover,
#igart #iga:hover,
#hitachi #hit:hover,
#brother #bro:hover {
	color: #fff;
}


/* JAVASCRIPT ENABLED */

div#bigdaddy.isDOM .scroller { 
	overflow: hidden;
}

#shoda div#bigdaddy.isDOM .scroller,
#navix div#bigdaddy.isDOM .scroller,
#hitachi div#bigdaddy.isDOM .scroller,
#brother div#bigdaddy.isDOM .scroller,
#ebsp div#bigdaddy.isDOM .scroller,
#panasonic div#bigdaddy.isDOM .scroller {
	height: 402px;
}

#ebsp div#bigdaddy.isDOM .scroller {
	height: 452px;
}

#jge div#bigdaddy.isDOM .scroller {
	height: 445px;
}

div#bigdaddy.isDOM #imagecount {
	visibility: visible;
}

div#bigdaddy.isDOM #projectcount {
	visibility: visible;
}