body { margin: 0; padding: 0; background: url('bg.jpg') repeat-x;}
body.mceContentBody { background: white; }
body, td {
	font-family: verdana, arial, sans-seif;
	font-size: 11px;
	color: #777;
}
form { margin: 0; padding: 0; }

.center { margin: 0 auto; display: block; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.txtcenter { text-align: center; }
.imgbtn { border: 0 }
.notify {
	width: 60%; margin: 0 auto;
	border: 1px solid #9c9; background-color: #e2f9e3; color: #060;
	padding: 5px;
}
.notify h3 { margin: 0px; }

a { color: #777; text-decoration: none; border-bottom: 1px dotted #777; }
a:hover { color: #090; border-bottom: 1px dotted black;}

img { border: none; }
hr { width: 100%; color: white; background-color: white; height: 1px; border: 1px dotted #aaa; border-style: none none dotted; margin: 5px 0;}
td { vertical-align: top; }

h1 { color: #c00; font-size: 16px; margin: 0; }
h2 { color: #f60; font-size: 14px; margin: 5px 0; }
h3 { color: #b00; font-size: 12px; margin: 5px 0; }
h3 a { color: #b00; }
h3 a:hover { color: #e00; border-bottom: 1px dotted black; }

ul { padding: 0; margin: 0; padding-left: 20px;
	list-style-type: none;
	list-style-image: url('red_dot.jpg');
	line-height: 2em;
}
li { font-size: 11px; font-weight: bold; }

div#wrap { width: 700px; margin: 0 auto; background-color: white; }


/**** Header Elements ****/
div#red_bar { height: 18px; background: url('header_red_bg.png') repeat-x; }
div#header { background: url('header_gray_bg.png') repeat-x; height: 52px; }
#logo { float: left; border: none; }
div#gray_bar { height: 22px; background: url('header_bar_bg.jpg') repeat-x; }

ul#nav {
	float: right;
	margin: 0; padding: 0;
	margin-right: 10px;
	list-style-type: none;
	display: inline;
}
#nav li { display: block; text-align: center; float: left; margin: 0 2px;
font-family: arial, sans-serif; font-weight: 500;}
#nav li a { display: block; 
	background: url('tab_bg.png') no-repeat;
	border: none;
	height: 47px; width: 65px;
	color: #666;
	line-height: 52px;
	font-size: 12px;
}
#nav li a.active { color: #c00; }
#nav li a:hover { text-decoration: none; color: #c00; }

div#home { background: url('../images/gears.jpg') no-repeat; }
div#consult { background: url('../images/path.jpg') no-repeat; }
div#design { background: url('../images/art.jpg') no-repeat; }
div#develop { background: url('../images/puzzle.jpg') no-repeat; }
div#portfolio { background: url('../images/cups.jpg') no-repeat; }
div#contact { background: url('../images/microphones.jpg') no-repeat; }

div#trans_bar {
	height: 0px;
	width: 700px;
	background-color: black;
	opacity: 0.5;
}

div#main_dsc { font-size: 20px; color: white; 
	line-height: 50px; 
	position: absolute; top: 70px;
	text-align: right;
	width: 700px;
	font-family: Verdana,arial,sans-serif;
}

div.main_img {
	height: 152px;
	width: 700px;
}



/*** Footer ***/
div#bottom_footer {
	border-bottom: 5px solid #666; 
	text-align: right;
	font-size: 10px;
	line-height: 20px;
	margin: 0; padding: 0;
	padding: 0 5px 5px 0;
}

div#content{ line-height: 1.5em; }

/** Portfolio **/
#flashportfolio { margin-left: 25px; }

#main_image { width: 650px; 
	height: 300px;
	margin: 0 auto;
	border: 1px solid #aaa;
}

.gallery { width: 650px; margin: 0 auto; 
	height: 60px;
	list-style-image: none;
	list-style-type: none;
	padding: 0;
	padding-left: 30px;
}
.slideshow li {
	width: 80px; height: 35px; border: 2px solid #aaa; margin: 5px 2px; background: #fff; 
}
.gallery li { 
	display: block;
	float: left;
	overflow: hidden;
}