body {
	margin: 0;
	padding: 0;
	font-family: Trebuchet, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #333;
/* 	background-image: url(logo_automatyk_temp.gif); */
 	background-repeat: no-repeat;
 	background-position: left top;
 	background-attachment: fixed; 
	background-color: #ffffff;
}

/* resizeable bkg */

#maincontent {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0px;
	z-index: 50;
}

.fullBg {
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

/* ---  */

/*-- Transparent Elements -*/
#logo, 
#footer,
.featured .words .section, 
.pic p,
h1 {
	opacity: .80;
    filter: alpha(opacity=80);
	zoom: 1; /* makes stupid IE opacity work, need zoom or width or position attr */
}

img {
	border: 1px solid #959595;
}

#logo img,
div.section img {
	border: none;
}


#content {
	margin: 0 0 50px 73px;
	float: left;
	
}

#logo {
	margin: 0;
	padding: 0;
/*	background: url(logo_AUTOMATYK_text.gif) 245px 0 no-repeat; */
	background: url(../images/bg_diaglines.gif) repeat-x;
	white-space: nowrap;
}

/* fix the header scroll the body 

 div#logo{
  position:absolute;
  top:0;
  left:0;
 }
 @media screen{
  body>div#logo{
   position: fixed;
  }
 }
 * html body{
  overflow:hidden;
 } 
 * html div#content{
  height:100%;
  overflow:auto;
 }
/* end scrolling stuff */


h1, h2, h3 {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	
}

h1 {
/*	display: inline-block; */
	text-transform: uppercase;
	font-weight: normal;
	font-size: 2.6em;
	letter-spacing: 0.08em;
	padding: 0.5em;
	margin: 0;
	color: white;
	background-color: #959595;
}

h2 {
	font-size: 2em;
	font-weight: normal;
	line-height: 1.4em;
	margin: 0.25em 0;
}

h2.twitter {
	margin: 1em 0;
	margin-top: -20px;
	background: url(../images/twitter-bird.gif) 62px 13px no-repeat;
	display: block;
	padding-top: 40px;
}

h3 {
	margin: 0.125em 0;
	text-transform: uppercase;
	color: #970F00; /* was #a03628 */	
}

#blurb {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 5000;
	width: 400px;
	letter-spacing: 2px;
	text-align: right;
	line-height: 0.5em;	
	padding: 2px;
}

blockquote {
	padding: 10px;
	font-style: oblique;
}

.author {
	color: #555;
	display: block;
	text-align: right;
}

#inside {
	margin: 0;
	padding: 0;
/*	letter-spacing: 1px; */
/*	border-right: 20px solid #970F00;  */
}

.featured {
	width: 760px;
	margin: 50px 73px 10px 0;
	padding: 0 10px 10px 0;
}

.featured .pic, 
.portfolio .pic {
	margin-bottom: 20px;
	width: 152px;
}

.pic p {
	color: #fff;
	background: #959595;
	padding: 5px;
	margin: 0;
	line-height: 1.2em;
}

.featured .words {
	float: right;
	/*	border-left: 1px solid #cdcdcd; */
	width: 570px;
	padding: 0 10px 0 20px;
	line-height: 1.7em;/*	text-align: justify; */
}

.featured .words .section {
	background-color: #fff;
	/*	border-left: 1px solid #cdcdcd; */
	padding: 10px 20px 20px 20px;
	margin-top: 10px;
}

.pushdown {
	margin-top: 80px;	
}

.portfolio {
	width: 760px;
	margin: 20px 73px 10px 0;
	padding: 20px 10px 10px 0;
}

.portfolio .words {
	float: right;
	border: 1px solid #cdcdcd;
	background-color: #ececec;
	width: 550px;
	line-height: 1.6em;
	margin-left: 0; 
	padding-left: 0;
	text-align: justify;
}

.portfolio h3 {
	letter-spacing: 2px;
	margin: 0;
	padding: 10px 10px 10px 20px;
	background-color: #cdcdcd;
}

.portfolio .words p {
	padding: 0 20px 20px 20px;
}


.featured .words p {
/*	padding-left: 40px; */
}

.featured .words img {
	float: left; 
	margin: 0 10px 10px 0;
}

ul {
	margin: 20px 0 0 10px;	
	padding-left: 0;
}

ul li{
	margin-bottom: 10px;
  	list-style: none;
  	background: url(../images/icon_bullet_arrow.gif) no-repeat left center    ;
	padding-left: 1.2em;
}

a:link {
	white-space: nowrap;
	color: #970F00;
}

a:hover,
a:active {
	color: #FF0F00;
}

.pic p a:link,
.pic p a:hover,
.pic p a:active {
	color: #fff;	
}


/*
span {
	letter-spacing: 2px;
}
*/

#musicplayer {
	border: 1px solid #cdcdcd;
	text-align: center;
	padding: 20px;
}

#musicplayer a.music {
	float: right;	
}

#musicplayer p {
	text-align: left;	
	color: #555;
}


.hide {
	display: none;	
}



#footer {
	font-size: 0.8em;
	clear: both;
	padding: 7px 10px 7px 290px;
	margin: 0;
	background: #959595 url(../images/bg_diaglines_dark.gif) repeat-x;
	color: #333;
	border-top: 2px solid #555;
}

#footer p {
	padding: 5px;
	margin: 0;
} 

#footer #validation {
	display: block;
	float: right;	
}

#footer img {
	margin: 0 5px;	
}

form {
	padding-left: 20px;
}

form dt {
	margin: 0;
	padding-bottom: 5px;
	}

form dd {
	margin: 0 0 10px 0;
	}
	
label {
	font-weight: bold;
}

input, textarea {
	width: 250px;
}

.popwin {
	margin: 0;
	padding: 0;
	}
	
.popwin p {
	padding: 10px;
}

.externalLink {
  background:url(../images/external.gif) center right no-repeat;
  padding: 0 15px 0 0;
}

.linkedin {
  background:url(../images/icon_linkedin.png) center right no-repeat;
  padding: 0 20px 0 0;
}

a.totop {
	position: fixed;
	right: -60px;
	bottom: 75px;
	display: block;
	background: #970E06 url(../images/icon_up.gif) center left no-repeat;
	color: white;
	text-decoration: none;
	padding: 10px 0 0 35px;
	width: 60px;
	height: 30px;
	overflow: hidden;
	z-index: 7000;
}