@charset "UTF-8";
/* CSS Document */

#container {
	margin: 200px auto 20px auto;
	width: 725px;
	height: auto;
	color:#999999;
	font-size:11px;
	line-height:2;
	font-family:"Andale Mono", "Courier New", Courier, monospace;
	word-spacing:-2px;
}

.clearer {
	clear: both;
}

/* =============== */
/* == Home page == */
/* =============== */

#home {
	padding-top: 65px;
	height: 220px;
}

h1#homelogo {
	background: url(../_img/homelogo.jpg) top left no-repeat;
	text-indent: -9999px;
	float: right;
	height: 190px;
	width: 131px;
	margin: 0 0 15px 20px;
}

#home p {
	text-align: justify;
}

/* ============== */
/* == Content == */
/* ============== */

#content {
	height: 270px;
	padding-bottom:15px;
}

#leftbox {
	float: left;
	height: 100%;
	width: 175px;
	border: 1px solid;
	margin: 0 12px 12px 0;
	overflow: auto;
}

#leftbox h1#logo {
	background: url(../_img/logo.png) top left no-repeat;
	width: 103px;
	height: 111px;
	text-indent: -9999px;
	margin: 15px auto 15px auto;
}

#leftbox h1#logo a {
	display: block;
	width: 103px;
	height: 111px;
}

ul#leftnav {
	list-style-type: disc;
	padding-left: 20px;
	text-transform: lowercase;
}

ul#leftnav a {
	text-decoration: none;
	font-size: 12px;
}

ul#leftnav a:hover {
	color: #999999;
}

#rightbox {
	width: 534px;
	float: left;
	border: 1px solid; 
	height: 100%;
}

#rightbox h2 {
	color: #FFFFFF;
	font-size: 14px;
	margin: 13px 0 25px 0;
	font-weight: normal;
	letter-spacing: 2px;
}

#rightbox h2, #rightbox p {
	padding: 0 8px 0 8px;
}

#rightbox p {
	text-align: justify;
}

#rightbox img {
	float: left;
	padding: 0 10px 10px 10px;
}



/* ===================== */
/* == Main Navigation == */
/* ===================== */

ul#nav {
	padding-top: 16px;
	border-top: 1px solid #DCD0CE;
}

ul#nav li {
	display: block;
	float: left;
	width: 75px;
	height: 75px;
	margin-right: 33px;
}

ul#nav li#lastmenuitem {
	margin-right: 0;
}

ul#nav li a {
	display: block;
	width: 75px;
	height: 75px;
	text-indent: -9999px;
}

ul#nav li a:hover {
	-moz-opacity: 0.50;
	opacity: .50;
	filter: alpha(opacity=50);
}

ul#nav li a#menu-services {
	background: url(../_img/menu1-services.gif) top left no-repeat;
}

ul#nav li a#menu-filmandvideo {
	background: url(../_img/menu2-filmandvideo.gif) top left no-repeat;
}

ul#nav li a#menu-team {
	background: url(../_img/menu3-team.gif) top left no-repeat;
}

ul#nav li a#menu-contact {
	background: url(../_img/menu4-contact.gif) top left no-repeat;
}

ul#nav li a#menu-clients {
	background: url(../_img/menu5-clients.gif) top left no-repeat;
}

ul#nav li a#menu-graphicdesign {
	background: url(../_img/menu6-graphicdesign.gif) top left no-repeat;
}

ul#nav li a#menu-link {
	background: url(../_img/menu7-link.gif) top left no-repeat;
}

/* =============================== */
/* == Contact info left sidebar == */
/* =============================== */


p#contact {
	padding: 40px 8px 0 8px;
	line-height: 1.4em;
	font-size: .9em;
}

/* ============================= */
/* == Misc Classes, Ids, etc. == */
/* ============================= */

#clientlist {
	line-height: 1.6em;
}

#dots-spacer {
	background: url(../_img/bg-dots.png) top left no-repeat;
	width: 534px;
	margin-top: 50px;
	padding-top: 80px;
	line-height: 1em;
}

#dots-spacer p {
	text-align: center;
	color: #F17428;
}

#dots-spacer p a {
	color: #999;
	text-decoration: none;
}

#bottom-tagline {
	height: 74px;
	line-height: 1em;
	margin-top: 3px;
	text-align: center;
}

#bottom-tagline h2 {
	line-height: 1em;
	padding: 20px 0 5px 0;
	margin: 0;
	text-transform: uppercase;
}

#bottom-tagline h3 {
	line-height: 1em;
	padding: 0;
	margin: 0;
	text-transform: lowercase;
	color: #FFF;
	opacity: 0.6;
	-moz-opacity: 0.6;
	filter:alpha(opacity=60);
}