/***************************************
JAMES MCGUIRE
www.robofresh.com
***************************************/

/* GENERAL SELECTORS */
* { margin:0; padding:0; }
img { border:0; display:block; }
body { font-family:Arial,Helvetica,Sans-serif; font-size:13px; font-weight:bold; letter-spacing:-1px; color:#999999; background: url(../img/robologo_64x.jpg) no-repeat 560px 50px; cursor:default;
}
h1 { font-size:32px; color:#000000;  }
h2 { font-size:20px; color:#cccccc; }
h2 strong { color:#ff5400; }
a { color:#ff5400; text-decoration:none; cursor:pointer; }
a:hover { color:#000000; }
#header, #jobs, #about, #footer { padding:0 0 0 30px; }
#header, #jobs { width:950px; }

/* HEADER */
#header h1 { margin:55px 0 -5px 0;
	padding-bottom: 5px;
}
#header p { font-size:13px; margin: 20px 345px 0 0; line-height:17px; text-align: left; }
#header p strong { color:#666666; }
#header p.right { font-size:13px; margin: 20px 420px 0 0; line-height:17px; text-align: right; }

/* MENU */
#menu { position:absolute; top:0; width:100%; height:30px; line-height:30px; font-size:14px; background:#ff5400; }
#menu p { margin:0 0 0 30px; }
#menu a { color:#ffffff; }
#menu a:hover { color:#000000; }
#menu a.active { color:#000000; }
#menu ul{
	margin-left: 30px;
}
#menu li{
	display: inline;
	padding-right: 40px;
}
/* GALLERY */
#gallery { margin:50px 0 0 0; padding:30px 0 30px 30px; background:#373737; }
#gallery h2 { color:#666666; margin:0 0 10px 0; }
#gallery p { line-height:15px; color:#cccccc; }
#gallery p label { color:#666666; }
#gallery a:hover { color:#cccccc; }
#gallery ul { width:100px; float:left; list-style:none; }
#gallery p.back { width:950px; text-align:right; clear:left; }

/* JOBS */
#jobs h2 { margin:35px 0 0 0; }
#jobs p { margin:10px 0 0 0; line-height:14px; text-align:justify; }
#jobs p strong { color:#666666; }
#jobs img { margin:15px 0 0 0; background:url("../img/loading.gif") top right no-repeat; }
#jobs p.back { margin:7px 0 0 0; text-align:right; }

/* SKILLS */
#skills { margin:50px 0 0 0; padding:30px 0 30px 30px; background:#373737; }
#skills h2 { color:#666666; margin:20px 0 10px 0; }
#skills p { line-height:15px; color:#cccccc; }
#skills p label { color:#666666; }
#skills a:hover { color:#cccccc; }
#skills ul { padding:100px;  width:237px; float:right; list-style:outside; color:#666666 }

#skills p.back { width:950px; text-align:right; clear:left; }


/* CONTACT */
#contact { background:#000000; clear:left;
	margin: 30px;
	padding: 0 0 30px 30px;
}
#contact h2 { color:#666666; margin:0 0 10px 0;
	padding-top: 10px;
}
#contact p { line-height:15px; color:#cccccc; }
#contact p label { color:#666666; }
#contact a:hover { color:#cccccc; }

/* PROD */
#prod { width: 562px; background:#000000; clear:left;
	margin: 0px;
	padding: 0 0 30px 30px;
}
#prod h2 { color:#666666; margin:0 0 10px 0;
	padding-top: 10px;
}
#prod p { line-height:15px; color:#cccccc; }
#prod p label { color:#666666; }
#prod a:hover { color:#cccccc; }
#prod ul { padding:0 0 0 20px; list-style:outside; color:#666666 }


/* VIDEO HEADER */
#videohead { margin: 30px 0 0; background: #373737 url(../img/videobg.jpg) no-repeat;
	padding: 30px 30px 30px 30px;
}
#videohead h2 { color:#666666; margin:0 0 10px 0; }
#videohead p { line-height: 15px; color:#cccccc;
	font-size: 15px;
	font-weight: normal;
	font-style: normal;
	letter-spacing: 1px;
}
#videohead p label { color:#666666; }
#videohead a:hover { color:#cccccc; }
#videohead ul { width:237px; float:left; list-style:inside; }
#videohead p.back { width:950px; text-align:right; clear:left; }


/* VIDEO */
#video { background:#000000; clear: both;
	padding: 15px 30px;
	display: inline-block;
}
#video h2 { color:#666666; margin: 10px 0;
}
#video p { line-height: 17px; color:#cccccc;
	font-size: 13px;
	letter-spacing: 0;
	font-weight: normal;
	font-style: normal;
	padding-right: 200px;
	padding-bottom: 10px;
}
#video p label { color:#666666; }
#video a:hover { color:#cccccc; }
#video img {
	float: right;
	padding-top: 0px;
	padding-bottom: 0px;
	display: inline-block;
	clear: both;
}

/* VIDEO2 */
#video2 { background:#333; clear: both;
	padding: 15px 30px;
	display: inline-block;
}
#video2 h2 { color:#666666; margin: 10px 0;
}
#video2 p { line-height: 17px; color:#cccccc;
	font-size: 13px;
	letter-spacing: 0;
	font-weight: normal;
	font-style: normal;
	padding-right: 200px;
	padding-bottom: 10px;
}
#video2 ul { line-height: 15px; color:#cccccc;
	font-size: 13px;
	letter-spacing: 0;
	font-weight: normal;
	font-style: normal;
	display: block;
	width: 890px;
}
#video2 p label { color:#666666; }
#video2 a:hover { color:#cccccc; }
#video2 img {
	float: right;
	padding-top: 0px;
	padding-bottom: 0px;
	display: inline-block;
	clear: both;
}

/* FOOTER */
#footer { padding:20px 0 50px 30px; color:#666666; background:#ffffff; }
#footer p { line-height:14px; }
#footer p label { line-height:14px; }
#footer a { color:#ff5400; }
#footer a:hover { color:#000000; }
#footer p.copyright { margin:10px 0 0 0; }