a {
	color:#003399;
}
a:visited {
	color:#003399;
}
a:hover {
	color:#0011FF;
}
ul {
	list-style-type:square;
}


.error { font-size:1.1em; color:#990000; font-style:italic; }
.ok { font-size:1.1em; color:#669900; font-style:italic; }


table {
	border-collapse:collapse; border:1px #ddd solid; width:95%;
}
table caption {
	font-weight:bold;
}
table tr td { border:1px #ddd solid; padding:0.2em; border-collapse:collapse; }
table thead tr td { background:#ddd; }
table tfoot tr td { background:#ddd; }

body {
	background:#d1d3d4;
	color:#000000;
	font-family:"Lucida Sans",Arial,sans-serif;
	line-height:150%;
}
#container {
	background:#fff;
	margin:15px auto 15px auto;
	padding:0;
	position:relative;
	width:1000px;
}

h1 {
	color:#000000;
	font-size:1em;
	font-weight:normal;
	left:15px;
	letter-spacing:0.1em;
	margin:0;
	padding-bottom:0.5em;
	padding-top:0.5em;
	position:absolute;
	top:64px;
	z-index:8;
	visibility:hidden;
}

#content_container {
	font-size:1.3em;
	line-height:1.4em;
	margin:0;
	min-height:465px;
	padding:104px 0px 15px 404px;
	position:relative;
	z-index:2;
}

#container.top_margin #content_container {
	padding-top:126px;
}

#container.binkcubes #content_container {
	padding-bottom:310px;
	min-height:170px;
	background:url(images/bink_cubes654_l.jpg) bottom right no-repeat;
}

p {
	margin-bottom:0.8em;
	margin-top:0.2em;
	margin-right:15px;
}

#content > p:first-child {
	margin-top:2em;
}

h2 {
	clear:both;
	color:#000;
	font-size:1.3em;
	font-weight:normal;
	letter-spacing:0.1em;
	margin-bottom:0;
	padding-bottom:0.2em;
	padding-top:0.5em;
}
h3 {
	clear:both;
	color:#333;
	font-size:1.2em;
	font-weight:normal;
	margin:0.5em 0 0;
	padding-bottom:0.2em;
	padding-top:0.8em;
}
h4 {
	clear:both;
	color:#333;
	font-size:1.1em;
	font-weight:bold;
	margin:0.2em 0 0;
	padding-bottom:0.2em;
	padding-top:0.5em;
}
#navigation {
	height:auto;
	left:0px;
	padding:0.4em 0 0.4em 0;
	border-top:1px #d1d3d4 solid;
	border-bottom:1px #d1d3d4 solid;
	position:absolute;
	top:104px;
	width:340px;
	z-index:3;
}
#navigation ul {
	display:block;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
}
#navigation ul li {
	display:block;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	width:340px;
}
#navigation ul li.bar {
	margin-top:0.3em;
	padding-top:0.3em;
	border-top:1px #d1d3d4 solid;
}
#navigation ul li a {
	color:#000;
	display:block;
	font-size:1em;
	text-transform:uppercase;
	font-weight:bold;
	letter-spacing:0.1em;
	margin:0;
	padding:0.2em 0 0.2em 16px;
	text-align:left;
	text-decoration:none;
	width:auto;
}

#navigation ul li a:hover {
	background:#eee;
}
#navigation ul li a.selected {
	background:#d1d3d4;
}
#navigation div.navigation_submenu ul li a {
	font-size:1em;
	font-weight:normal;
	color:#6d6e71;
	text-transform:lowercase;
	margin-left:16px;
}
/*#navigation div.navigation_submenu ul li a.selected {
	background:#f1f1f2;
}
#navigation div.navigation_submenu ul li a:hover {
	background:#f6f6f6;
}*/

.cb {
	clear:both;
}
#footer {
	color:#ffffff;
	background:#666666;
	font-size:1em;
	margin:0;
	position:relative;
	padding:5px 0 5px 0;
	width:1000px;
	z-index:5;
}
#footer span {
	padding-left:10px;
	color:#999;
}
#footer #gstnotice {
	position:absolute;
	right:10px;
	color:#999;
	text-align:right;
	top:5px;
}
#footer #quickcontact {
	position:absolute;
	left:404px;
	color:#fff;
	top:5px;
}
#footer #quickcontact a {
	color:#fff;
}
#footer #quickcontact a:hover {
	color:#ccc;
}

img {
	border:none;
}
h5 {
	display:none;
}
dt {
	font-weight:bold;
	margin-top:8px;
}


div.table {
	clear:both;
	line-height:2.4em;
	margin-left:auto;
	margin-right:auto;
	width:480px;
}
div.table .cl2 {
	font-weight:bold;
}
div.table span.lc {
	display:block;
	float:left;
	clear:left;
	margin-right:10px;
	position:relative;
	text-align:right;
	width:180px;
}
div.table span.sc {
	display:block;
	float:left;
	position:relative;
	text-align:left;
	width:480px;
}
div.table span.lc label {
	font-weight:bold;
}
div.table span.rc {
	display:block;
	float:left;
	position:relative;
	text-align:left;
	width:280px;
}
div.table span.rc input {
	border:1px solid #CCCCCC;
	border-collapse:collapse;
	padding:2px;
}
div.table span.rc input.r {
	border:medium none;
	border-collapse:collapse;
	padding:2px;
}
div.table span.rc textarea {
	border:1px solid #CCCCCC;
	border-collapse:collapse;
	padding:2px;
}
div.table br { clear:both; }
div.table span.rc label { display:block; }


#page_tabs {
	position:absolute;
	background:#d1d3d4;
	top:0;
	width:1000px;
	height:84px;
	left:0;
	z-index:5;
	padding:0; margin:0;
}
#page_tabs div {
	position:absolute;
	top:0px;
	margin:0;
	padding:0;
	height:84px;
	background-position:top left;
	background-repeat:no-repeat;
	overflow:hidden;
}
#logo_tab {
	left:0px;
	width:404px;
	background-image:url(images/logo_tab_unsel3.gif);
}
#portfolio_tab {
	left:404px;
	width:200px;
	background-image:url(images/portfolio_tab_unsel.gif);
}
#testimonials_tab {
	left:604px;
	width:396px;
	background-image:url(images/testimonials_tab_unsel.gif);
}
#container.main #logo_tab {
	background-image:url(images/logo_tab_issel2.gif);
}
#container.portfolio #portfolio_tab {
	background-image:url(images/portfolio_tab_issel.gif);
}
#container.testimonials #testimonials_tab {
	background-image:url(images/testimonials_tab_issel.gif);
}

#container #logo_tab a {
	background:url(images/logo_unsel.png) top left no-repeat;
	position:absolute;
	top:15px;
	top:26px;
	left:15px;
	width:312px;
	width:260px;
	height:68px;
	height:56px;
	text-decoration:none;
}
#container.main #logo_tab a {
	background:url(images/logo_issel.png) top left no-repeat;
}
#container #logo_tab a span {
	visibility:hidden;
}


#container #portfolio_tab a {
	position:absolute;
	right:15px;
	text-align:right;
	width:170px;
	font-size:3em;
	color:#ddd;
	padding-bottom:auto;
	text-transform:lowercase;
	text-decoration:none;
	margin: 0 auto 0 auto;
	padding: 0.8em 0 14px 0;
	bottom: 0px;
}
#container #portfolio_tab a:hover {
	color:#fff;
}
#container.portfolio #portfolio_tab a {
	color:#666;
}
#container.portfolio #portfolio_tab a:hover {
	color:#888;
}

#container #testimonials_tab a {
	position:absolute;
	top:30px;
	right:15px;
	width:366px;
	height:54px;
	color:#ddd;
	text-decoration:none;
}
#container #testimonials_tab a span.testimonial {
	position:absolute;
	bottom:0px;
	right:0;
	width:366px;
	text-align:right;
	font-size:1em;
	padding-bottom:10px;
	text-transform:none;
	top:auto;
	margin:0;
	height:auto;
}
#container #testimonials_tab a span.testimonial span.quote {
	display:block;
}
#container #testimonials_tab a span.testimonial span.cite {
	display:block; font-style:italic;
}

#container #testimonials_tab a:hover {
	color:#fff;
}
#container.testimonials #testimonials_tab a {
	color:#666;
}
#container.testimonials #testimonials_tab a:hover {
	color:#888;
}


#container.main p.intro { font-size:1.8em; line-height:1.2em; margin-right:128px; }

#container.main p.intro2 { margin-right:164px; }

div.category_tabs { width:596px; padding:4px 0 0 0; border-bottom:1px #d1d3d4 solid; }
div.category_tabs ul { display:inline; margin:0; padding:0; }
div.category_tabs ul li { display:inline; margin:0; padding:0; }
div.category_tabs ul li a { padding:4px 8px 1px 8px; border:1px #d1d3d4 solid; border-bottom:none; margin:0 2px 6px 0; text-decoration:none; color:#000000; }
div.category_tabs ul li a:hover { background:#eee; }

div.project { border-bottom:1px #d1d3d4 solid; width:596px; position:relative; font-size:1em; min-height:150px; margin:10px 0 5px 0; }
div.project h2 { margin:0 0 0 168px; font-size:1em; font-weight:normal; text-transform:uppercase; padding:0; }
div.project h2 span.type { font-size:0.9em; color:#999999; font-weight:bold; display:block; text-transform:lowercase; }
div.project p { margin:1em 0 0 168px; }
div.project p.actions { font-size:0.8em; text-transform:uppercase; color:#777; }
div.project p.actions a { text-decoration:none; color:#777; }
div.project p.actions a:hover { text-decoration:underline; }
div.project div.img_container { border:1px #d1d3d4 solid; position:absolute; top:0px; left:0px; display:block; height:134px; padding:2px; width:134px; }
div.project div.img_container a { display:block; height:130px; width:130px; }
div.project div.img_container img { border:none; display:block; }
div.project div.img_container img.nd { position:absolute; left:-9999em; }

div.project div.img_container ul { display:block; list-style:none; margin:0; padding:0; position:relative; }
div.project div.img_container ul li { left:0px; list-style:none; 	margin:0; opacity:0; padding:0; position:absolute; 	top:0px; width:134px; height:134px; z-index:10; }
div.project div.img_container ul li.active { z-index:12; opacity:1; }
div.project div.img_container ul li.last-active { z-index:11; opacity:0; }


div.testimonials_container { border-top:1px #d1d3d4 solid; color:#000066; }
div.testimonials_container blockquote { border-bottom:1px #d1d3d4 solid; width:596px; position:relative; font-size:1em; margin:10px 0 5px 0; font-style:normal; border-top:none; }
div.testimonials_container blockquote p { margin-top:0.5em; } 
div.testimonials_container blockquote p.cite { font-size:0.9em; margin-top:1em; font-style:italic;  }

ul.smallcolumns { width:auto; list-style:none; margin:0; padding:0; }
ul.smallcolumns li { list-style:none; margin:0 24px 0 0; padding:0.25em 0 0.25em 24px; border-left:1px #d1d3d4 solid; display:block; }
ul.smallcolumns span {color:#999; }

#content > ul.smallcolumns:first-child { margin-top:2em; }

/*

#modal-background {position:fixed;opacity:0.4;width:100%;height:100%;top:0;left:0;background:#000;zIndex:9997;display:none}
#modal-img_background { background:url(images/loading.gif) center no-repeat; }
#modal-img_background.loaded { background-image:none; }
#modal-controls {position:fixed;width:806px;height:686px;top:50%;left:50%;background:none;zIndex:9998;display:none;margin-top:-343px;margin-left:-403px;}
#modal-controls-title {position:absolute;width:674px;height:30px;top:0;left:0;background:#ddd;zIndex:9998;display:block;border:1px #777 solid;text-align:left;}
#modal-controls-title span {padding:8px; font-size:14px; font-weight:bold; display:block;}
#modal-controls-count {position:absolute;width:100px;height:30px;bottom:0; font-size:14px;left:50%;background:#ddd;zIndex:9998;margin-left:-50px;display:block;border:1px #777 solid;text-align:center;}
#modal-controls-count span {padding:8px; display:block;}
#modal-controls-exit {position:absolute;width:120px;height:30px;top:0;right:0;background:#ddd;zIndex:9998;display:block;border:1px #777 solid;text-align:right;}
#modal-controls-next {position:absolute;width:120px;height:30px;bottom:0;right:0;background:#ddd;zIndex:9998;display:block;border:1px #777 solid;text-align:right;}
#modal-controls-prev {position:absolute;width:120px;height:30px;bottom:0;left:0;background:#ddd;zIndex:9998;display:block;border:1px #777 solid;}
#modal-controls a { font-size:14px; color:#000000; text-decoration:none; }
#modal-controls a:hover { background:#bbb; }
#modal-controls a span {padding:8px; display:block;}
*/
#logo { display:none; }


div.photo { border:none; width:160px; display:block; position:relative; }
div.photo a { display:block; }
div.photo a img { border:1px #ccc solid; margin:5px auto 0 auto;  display:block; }
div.photo span { display:block; text-align:center; margin:5px auto 0 auto; font-size:0.8em; color:#999; }

.fl { float:left; clear:left; margin:0 16px 16px 0; }
.fr { float:right; clear:right; margin:0 0 16px 16px; }

ul.staff { width:auto; list-style:none; clear:both; margin:0; padding:0; }
ul.staff li { width:182px; list-style:none; height:150px; float:left; display:block; margin:0 12px 12px 0; padding:0; }
ul.staff li img { display:block; margin:0; border:1px #ccc solid; }
ul.staff li span { display:block; margin:5px auto 0 auto 0; text-align:center; line-height:1.1em; }



div.image_gallery { float:left; clear:both; margin-top:2em; }
div.image_gallery div { width:134px; height:134px; float:left; margin:0 8px 8px 0; overflow:hidden; padding:2px; border:1px #d1d3d4 solid; position:relative; }

div.image_gallery div ul { display:block; list-style:none; margin:0; padding:0; position:relative; }
div.image_gallery div ul li { left:0px; list-style:none; 	margin:0; opacity:0; padding:0; position:absolute; 	top:0px; width:134px; height:134px; z-index:10; }
div.image_gallery div ul li.active { z-index:12; opacity:1; }
div.image_gallery div ul li.last-active { z-index:11; opacity:0; }

div.image_gallery div ul li a { display:block; }
div.image_gallery div ul li img { display:block; }



#testimonials_tab ul { display:block; list-style:none; margin:0; padding:0; position:relative; }
#testimonials_tab ul li { 
	position:absolute;
	top:30px;
	right:15px;
	width:366px;
	opacity:0;
	height:54px;
	color:#ddd;
	text-decoration:none; 
	z-index:10;
}
#testimonials_tab ul li.active { z-index:12; opacity:1; }
#testimonials_tab ul li.last-active { z-index:11; opacity:0; }
#container #testimonials_tab ul li a { top:0; right:0; }

#container .recaptchatable {
border:0px solid #DFDFDF !important;
}