/* CSS Document */

* { border:0px;}

body, html {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	text-align:center;
	background-color:#FFF;
	padding:0px;
	margin:0px 0px;
	height:100%; }
	
#RSJ {
	float:right; display:inline;
	width:0px; height:410px;}

#wrapper {
	margin:0 auto;
	width:780px;
	background-color:#FFF;
	text-align:left;
	padding:15px }

#header {
	width:100%; }
	
#cheat {
	width:100%;
	min-height:322px;
	margin:15px 0px;
	padding:0px;
	background-image:url(images/divide.gif);
	background-position:right;
	background-repeat:repeat-y; }
	
#main {
	float:left;
	width:570px;
	padding:0px 15px 0px 0px;
	margin:0px 0px;}
	
#menu {
	float:left;
	width:180px;
	min-height:210px;
	padding:0px 0px 0px 15px;
	margin:0px 0px;
	text-align:justify;}
	
#main_full {
	float:left;
	width:770px;
	padding:0px 0px 0px 0px;
	margin:0px 0px;}
	
#footer {
	margin:0 auto;
	width:770px;
	background-color:#ddf;
	line-height:20px;
	text-align:left;
	padding:0px 5px; }
	
#links {
	margin:0 auto;
	width:770px;
	font-size:80%;
	line-height:20px;
	text-align:center;
	color:#aac;
	text-transform:uppercase;
	padding:0px 5px; }
	
#links a:link, #links a:visited {
	text-decoration:none;
	color:#aac;}
	
#links a:hover, #links a:active {
	text-decoration:none;
	color:#333;}
	
#linkleft {
	width:auto;
	float:left;}
	
#linkright {
	width:auto;
	float:right;}
	
p {
	margin:10px 0px;
	padding:0px; }
	
p.h3 {
	margin:0px 0px;
	padding:0px; }
	
h1 {
	margin:10px 0px;
	font-size:125%;
	color:#000066;}
	
h2 {
	margin:0px 0px;
	font-size:80%;
	color:#000066;}
	
h3 {
	margin:10px 0px 0px 0px;
	font-size:100%;
	color:#006;
	text-align:left;}
	
img {
	margin:10px 0px; }
	
img.map {
	border:1px solid #ddf;}
	
img.rss {
	border:0px solid #ddf;
	float:left;
	margin:10px 10px 0px 0px;
	padding:0px;}
	
img.examples {
	border:0px solid #ddf;
	float:left;
	margin:5px 10px 0px 0px;
	padding:0px;}
	
a:link, a:visited {
	text-decoration:none;
	color:#000;}
	
a:hover, a:active {
	text-decoration:none;
	color:#006;}
	
ul {
	margin:0px 0px 0px 15px;
	padding:0px;
	text-align:left; }
	
ul li {
	margin:0px;
	padding:0px; }
	
.split_examples {
	clear:both;
	height:1px;
	padding:0px;
	margin:0px; }
	
#menu img {
	float:left; display:inline;}
	
.menu_item {
	width:180px; height:25px; line-height:25px;
	margin:0px 0px 10px 0px;
	background:#fff url("images/btn_back.jpg");}
	
.menu_item a:link, .menu_item a:visited {
	margin:0px 10px;
	color:#003;}
	
.menu_item a:hover, .menu_item a:active {
	margin:0px 10px;
	color:#900;}
	
	
	
	
.our_work_list_item {
	float:left;display:inline;
	width:250px;
	margin:1px;
	background:#dde;}
	
.our_work_list_item p, .about_list_title p, .about_list_item p {	
	margin:0px 5px;}
	
.about_list_title p {
	font-weight:bold;}
	

.about_list_section {
	background:#dde;
	margin-bottom:2px;
	width:585px}

.about_list_title {
	float:left; display:inline;
	width:191px;
	margin:1px; border:0px;
	background:#dde; }

.about_list_item {
	float:left; display:inline;
	width:390px;
	margin:1px; border:0px;
	background:#dde; }
	

/*  SAMPLES  */

.imageHolder {
	float:left;display:inline;
	width:180px; height:135px;
	margin:0px 0px 12px 0px;
	border:1px solid #006;}
	
.imageHolderGap {
	float:left;display:inline;
	width:12px; height:135px; 
	margin:0px 0px 12px 0px;}