@charset "utf-8";
/* CSS Document */

.jcarousel-item {
	width: 789px !important;
	height: 387px !important;
	margin: 0px;
}



#contentarea h1, h2, h3, h4, h5, h6{
	color:#FFFFFF;
}

/* ------------Generic Styles   */

body{
	margin: 0px;
	background-color:#000000;
	background-image:url(images/header_bg.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}

#footer{
	background-image:url(images/footer_bg.jpg);
	background-position:bottom;
	background-color:#000000;
	background-repeat:no-repeat;
	height: 305px;
	clear: both;
}

#bodyContent{
	width: 799px;
	margin: auto;
}

#header h1{
	height: 139px;
	text-indent: -9999px;
	background-image:url(images/logo.gif);
	background-repeat:no-repeat;
	margin: 20px 0px 0px 30px;
}

	
#jobs{
	float:right;
	width: 128px;
	height: 128px;
	margin: -140px 0px 0 -64px;
	background-image:url(images/nojobs2.png);
	position: absolute;
	z-index: 9999;
}


#glassesfront{
	float:right;
	width: 128px;
	height: 128px;
	margin: -140px 0px 0 -64px;
	background-image:url(images/glasses.png);
	position: absolute;
	z-index: 9999;
}

#mainContainer p{
	margin: 0px;
}


/* --------------Nav */

#nav{
	height: 38px;
	background-image:url(images/nav_bg.gif);
	background-repeat:repeat-x;
	margin: 0 5px 5px 5px;
	border:none;
}

#nav ul{
	margin: 0px;
	padding: 0px;
	border:none;
}

#nav #items{
	padding-top: 1px;
}

#nav li{
	list-style-type:none;
	display: inline;
	text-transform:capitalize;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	border:none;
}
nav a:link, a:hover {

	border:none;
}
#items .mail{
	margin-bottom: 4px;
	margin-left:360px;
}

#welcomeMessage h1, #welcomeMessage h2{
	text-indent: -9999px;
	
}
#welcomeMessage h3{
	Padding-top: 30px;
	padding-left:30px;
	font-family:"Georgia", Times New Roman, Times, serif;
	
	
}

#welcomeMessage{
	border-top:thin #666666;
	padding-top: 20px;
#	height:5px;
#	background-image:url();
#	background-repeat: no-repeat;
#	width: 789px;
#	margin: auto;
	
}

#welcomeMessage p{
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-left:30px;
	line-height:1.5em;
	margin: 2px 150px 5px 0;
	
	
}
#welcomeMessage img{
	float:right;
	border-style:none;
	
}

#speech {
	float:left;
	width:400px;
	color:#1e1c1d;
	
	padding-left:10px;

	colour:#1e1c1d;
	border:#1e1c1d solid 1px;
	-moz-border-radius: 20px;  
	-webkit-border-radius: 20px;  
	border-radius: 20px;  
	
	
}


#speech p{
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-left:20px;
	line-height:1.8em;
	margin: 15px 15px 5px 0px;
	
}
#bubble, #glasses {

	height:0px;
}
#bubble img{
	width: 48px;
	height: 24px;
	margin: 40px 0px 0 -1px;
	position: absolute;
	z-index: 9999;
	
}

#speech img{
	width: 284px;
	height: 218px;
	padding: -600px 0px 0 -100px;
	position: absolute;
	z-index: 9999;
	
}

#newButton{
	width: 65px;
	height: 68px;
	margin: 0 0 0 -20px;
	background-image:url(images/new_button.png);
	position: absolute;
	z-index: 9999;
}

#contentArea{
	margin: 0px;
}

/* -------------Project Items */

#projects{
	background-image:url(images/projects.gif);
	height: 27px;
	text-indent: -9999px;
	background-repeat:no-repeat;
}

.caption{
	font-size:10px;
	width: 789px;
	height: 387px;
}

.caption h1{
	font-size:12px;
	font-weight:bold;
}

.caption p{
	font-size:12px;
	line-height: 1.8em;
	margin-bottom: 3em;
}

a{
	color:#66FF33;
}

.initiallyHidden{
	visibility: hidden;
}

#workfront{
	background-image: url(work/workfront.jpg);
}
#workbf{
	background-image: url(work/workbf.jpg);
}
#workbick{
	background-image: url(work/workbick.jpg);
}
#workdream{
	background-image: url(work/workdream.jpg);
}
#workgravity{
	background-image: url(work/workgravity.jpg);
}

#workshift{
	background-image:url(work/workshift.jpg);
}

#workma{
	background-image:url(work/workma.jpg);
}

#workbrenmarn{
	background-image:url(work/workbrenmarn.jpg);
}

#worklsky{
	background-image:url(work/worklsky.jpg);
}

#workmelnscott{
	background-image:url(work/workmelnscott.jpg);
}

#workindul{
	background-image:url(work/workindul.jpg);
}

#workwo{
	background-image: url(work/workwo.jpg);
}

#worksg{
	background-image:url(work/worksg.jpg);
}

#workquon{
	background-image:url(work/workquon.jpg);
}

#workmp{
	background-image: url(work/workmp.jpg);
}

.caption p, .caption h1{
	width: 200px;
	padding-left: 50px;
}

.caption h1{
	padding-top: 40px;
}


/* ---------------Contact Footer */


#contact{
	padding-top: 60px;
	font-size:11px;
	text-align: center;
	
}

#contact table{
	text-align: left;
	
}

#contact p{
	margin-bottom: 1em;
}

#contact h1, #contact h2{
	border-bottom: #333333 2px dotted;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px;
}

#contact h1{
	font-size: 14px;
}

#contact h2{
	font-size: 12px;
}

.black{
	background-color: #000000;
	color: #CCCCCC;
	margin: 3px 0 3px 0;
	border: #333333 1px solid;
}

#controls{
	text-align: right;
	font-size: 10px;
	font-weight: bold;
	margin-right: 5px;
}

#controls a:link{
	color:#999999 !important;
	text-decoration: none;
}

#controls a:hover{
	color:#666666;
	text-decoration: underline;
}

#m2projects{
	height: 387px;
}

/*--------------Work Pages */

#workdisplay {

	padding: 10px 0 0 25px;
}

#workdisplay img{
	
	
}
#workdisplay h3 {
	margin:20px 0 10px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:38px;
	text-transform:uppercase;
	color:#FFFFFF;
	font-weight:lighter;
	
	
}

#workdisplay h4 {
	
	font-family:"Georgia", Times New Roman, Times, serif;
	font-size:14px;
	color:#ffffff !important;
	margin-top:5px !important;
	margin-bottom:10px !important;
	font-style:normal
	font-weight:lighter;


}
#workdisplay img.info {
	margin: 0px 5px 0 0;
	padding:inherit 
	

}
#workdisplay img.monitor {
	margin: 0px 5px 0 0;
	padding:inherit;
	

}

#workdisplay p {
	margin:10px 0 10px 0 ;
	line-height:1.2em;
	color:#ffffff;

}

#workdisplay a:link{
	font-size:12px;
	text-decoration:none;
	color:#FFFFFF;
	font-family:"Georgia", Times New Roman, Times, serif;
	font-style:normal;
	font-weight:lighter;
}
#workdisplay a:hover{
	color:#999999;
	font-style:normal;
	font-weight:lighter;
	font-size:12px;
}

#workdisplay a:visited{
	color:#ffffff;
	font-style:normal;
	font-weight:lighter;
	font-size:12px;
}

#workdisplay a:active{
	color:#ffffff;
	font-style:normal;
	font-weight:lighter;
	font-size:12px;
}



/*  Twitter   */




#twitter a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#2a6ebb;
	
}

#twitter a:link{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#2a6ebb;
}

#twitter a:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#2a6ebb;
	
}

#twitter a:active{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#2a6ebb;
	
}

#twitter_update_list {
	list-style:none;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	text-decoration:none;
	list-style-type:none;
	list-style:none;
	line-height:1.5em;
	
	
	
}

#twitter_update_list a{
	list-style:none;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:inherit;
	text-decoration:none;
	list-style-type:none;
	list-style:none;
	line-height:1.5em;
	
	
}

#twitter {
	color:#1e1c1d;
	float:right;
	font-family:Arial,Helvetica,sans-serif;
	
	list-style-image:none;
	list-style-position:inherit;
	list-style-type:none;
	list-style:none;
	margin:-140px 20px 0px 0;
	padding:18px 0 0px;
	text-align:left;
	width:306px;
	color:#fff;
	
	
}

#twitter img {

	margin-bottom: -5px;
	margin-right: 5px;
}

#twitter h3 {
	
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:9px;
	color:#1e1c1d;
	margin:0 0 0 3px;
	
}
#twitter span{

	list-style:none;
	list-style-image:none;
	list-style-type:none;
	
}
