html{
	background:url(/images/purple_bg.png) repeat-x;
	background-color:#191919;
}

body{
	font-family:Arial, Helvetica, sans-serif;
}

.left{ float:left; }
.left li{ padding:1px 0; }
.right{ float:right; }

h1, h2, h3, h4, h5, h6, p, li, a{color:#333;}
h1{font-size:30px; font-family:"Courier New", Courier, monospace; color:#96c; text-transform:uppercase; }
h2{font-size:30px; font-family:"Courier New", Courier, monospace; color:#96c; text-transform:uppercase;}
h3{font-size:18px; border-bottom:solid 1px #666; padding-bottom:5px; padding-top:20px; text-transform:uppercase;}
h4{font-size:14px; color:#FFF;}
h4 a{color:#FFF; text-decoration:none;}
h4 a:hover{color:#CCC;}
p{font-size:14px; line-height:18px; }
a{ text-decoration:none; color:#96c; }
a:hover{color:#666;}
a:visited{color:#666;}
img a{ border:none;}
ul li{ font-size:14px; margin:0 0 6px -25px; padding:0; list-style:none;}


#container{ 
	width:1024px;/* 768px -30 */
	margin:0 auto;
	background-color:#FFF;
	padding:30px;
}

#container.index{ 
	height:678px;
}

#container.websites{ 
	height:6210px;
	margin:0px auto;
}

#container.about{ 
	height:1065px;
}

#container.emails{ 
	height:1220px;
}

#container.flash{ 
	height:1102px;
}

#container.contact{ 
	height:500px;
}

#container.inspiration{ 
	height:3175px;
}

#top{
	width:1024px;
	height:170px;
	float:left;
}

#header{
	width:729px;
	height:120px;
	float:right;
	border:none;
	margin-top:10px;
}

#logo{
	background-color:#FFF;
	width:220px;
	height:120px; /* -30 */
	padding:0px 30px 10px 0px;
	float:left;
}

/* purple */
#main_menu{
	width:1024px;
	margin:0px;
	float:left;
	border-bottom:1px solid #666;
	padding:0px;
}

/* Main_content --------------------------*/
#main_content{
	width:1024px;
	float:left;
}

#main_content .text{
	width:728px;
}

#side_bar{
	width:200px;
	height:472px;
	float:right;
}

.jobs{/* INSTEAD OF LATEST NEWS */
	width:200px;
	height:555px;
	margin:0;
	padding:0px 30px 10px 20px;
	border:solid 1px #666;
	background-color:#fff;
	float:right;
	filter: alpha(opacity=50);
}

.jobs li{
	padding:5px 0;
}

.latest_news{/* latest news */
	width:250px;
	padding:0px 10px;
	border:solid 1px #666;
	background-color:#fff;
	float:right;
	text-align:left;
}

.latest_news h2{ text-align:center;}
.latest_news p{ margin:0 0 0 10px;}
.latest_news .left{ width: 180px; margin:0 10px 0 0;}
.latest_news .left ul li{ margin:0 0 10px -30px; }

.latest_news .right{ width: 50px; }


/* Old --------------------------*/
.welcome_blurb{
	width:1024px;
	border:none;
	padding:0;
	margin:0 40px 0 0;
	float:left;
}

span .welcome_image{
	width:70px;
	height:100px;
}

#gallery{
	width:728px;
	float:left;
}

#gallery ul li img{
	float:left;
	width:220px;
	height:225px;
	background:no-repeat;
	list-style:none;
}

#gallery ul li img a{
	-moz-box-shadow:0 0 4px #666;
	border-bottom:medium none;
	display:block;
	height:50px;
	width:220px;
	padding:100px 0 0;
	opacity:0.95px;
	text-decoration:none;
	list-style:none;
	background:#96C;
}

#gallery ul li img a:hover{
	-moz-box-shadow:0 0 6px #666;
}

#gallery_about{
	width:1200px;
	height:auto;
	float:left;
}

/* Gallery */ 

.gallery_pics{
	width:125px;
	height:125px;
	text-align:center;
	float:left;
	border:solid 3px #666;
	color:#FFF;
	text-align:center;
}

.gallery_pics:hover{
	border:solid 3px #90F;
} 

#footer{
	width:1000px;
	height:60px;
	float:left;
	margin-top:60px;
	margin-bottom:20px;
	padding:5px;
	border-bottom:1px solid #CCC;
}