/* Projects Panel CSS */
#projects
{
	width: 285px;
	height: auto;
	background-image: url(../img-interface/panel-projects-tile.gif);
	background-repeat: repeat-y;
	text-align: left;
	float: right; 
}

#projects ul
{
	list-style: none;
	width: 250px;
	margin: 0 auto;
	padding: 0;
}

#projects ul li
{
	width: 100%;
	height: 64px;
	display: block;
	background: url(../img-interface/img-no-thumb.gif) no-repeat left top;
	font-size: 1em;
	line-height: 14px;
	margin-top: 10px;
	margin-bottom: 6px;
	border-bottom: 1px solid #dadada;
	clear: both;
}

.borderend
{
	border: 0 !important;
	margin-bottom: 0 !important;
}

.notfound{
	width: 100%;
	height: auto !important;
	text-align: center !important;
	line-height: 3em !important;
	font-size: 1.1em !important;
	background-image: none !important;
	border-bottom: 0px !important;
}

#projects ul li a
{
	width: 100%;
	height: 58px;
	display: block;
	text-decoration: none;
}

#projects ul li a:hover span strong
{
	text-decoration: underline;
}

#projects ul li span
{
	width: 75%;
	height: 38px;
	float: right;
	text-align: left;
	margin-right: 10px;
	color: #666;
}


/* Services Panel CSS */
#services
{
width: 285px;
height: auto;
text-align: left;
float: right;
}

#services ul
{ 
list-style: none;
width: 285px;
margin: auto;
padding: 0;
}

#services ul li
{ width: 100%;
display: block;
font-size: 1em;
line-height: 20px;
background-image: url(../img-interface/sub-nav-lozenge.gif);
background-repeat: no-repeat;
clear: both;
text-indent: 59px; }

#services ul a
{ color: #6c8d47; }

#panel-webdesign { background-image: url(../img-services/panel-webdesign-01.gif); background-repeat: no-repeat; text-indent: -5000px; width: 501px; height: 108px; margin-top: 3px; margin-bottom: 3px; float: left; overflow: hidden; }
#panel-webdesign a { text-indent: -5000px; width: 501px; height: 108px; float: left; }
#panel-webdesign a:hover { background-image: url(../img-services/panel-webdesign-02.gif); background-repeat: no-repeat; text-indent: -5000px; width: 501px; height: 108px; float: left; }

#panel-cms { background-image: url(../img-services/panel-cms-01.gif); background-repeat: no-repeat; text-indent: -5000px; width: 501px; height: 108px; margin-top: 3px; margin-bottom: 3px; float: left; overflow: hidden; }
#panel-cms a { text-indent: -5000px; width: 501px; height: 108px; float: left; }
#panel-cms a:hover { background-image: url(../img-services/panel-cms-02.gif); background-repeat: no-repeat; text-indent: -5000px; width: 501px; height: 108px; float: left; }

#panel-ecommerce { background-image: url(../img-services/panel-ecommerce-01.gif); background-repeat: no-repeat; text-indent: -5000px; width: 501px; height: 108px; margin-top: 3px; margin-bottom: 3px; float: left; overflow: hidden; }
#panel-ecommerce a { text-indent: -5000px; width: 501px; height: 108px; float: left; }
#panel-ecommerce a:hover { background-image: url(../img-services/panel-ecommerce-02.gif); background-repeat: no-repeat; text-indent: -5000px; width: 501px; height: 108px; float: left; }

#panel-flash { background-image: url(../img-services/panel-flash-01.gif); background-repeat: no-repeat; text-indent: -5000px; width: 501px; height: 108px; margin-top: 3px; margin-bottom: 3px; float: left; overflow: hidden; }
#panel-flash a { text-indent: -5000px; width: 501px; height: 108px; float: left; }
#panel-flash a:hover { background-image: url(../img-services/panel-flash-02.gif); background-repeat: no-repeat; text-indent: -5000px; width: 501px; height: 108px; float: left; }

#panel-seo { background-image: url(../img-services/panel-seo-01.gif); background-repeat: no-repeat; text-indent: -5000px; width: 501px; height: 108px; margin-top: 3px; margin-bottom: 3px; float: left; overflow: hidden; }
#panel-seo a { text-indent: -5000px; width: 501px; height: 108px; float: left; }
#panel-seo a:hover { background-image: url(../img-services/panel-seo-02.gif); background-repeat: no-repeat; text-indent: -5000px; width: 501px; height: 108px; float: left; }

#panel-email { background-image: url(../img-services/panel-email-01.gif); background-repeat: no-repeat; text-indent: -5000px; width: 501px; height: 108px; margin-top: 3px; margin-bottom: 3px; float: left; overflow: hidden; }
#panel-email a { text-indent: -5000px; width: 501px; height: 108px; float: left; }
#panel-email a:hover { background-image: url(../img-services/panel-email-02.gif); background-repeat: no-repeat; text-indent: -5000px; width: 501px; height: 108px; float: left; }

#panel-surveys { background-image: url(../img-services/panel-surveys-01.gif); background-repeat: no-repeat; text-indent: -5000px; width: 501px; height: 108px; margin-top: 3px; margin-bottom: 3px; float: left; overflow: hidden; }
#panel-surveys a { text-indent: -5000px; width: 501px; height: 108px; float: left; }
#panel-surveys a:hover { background-image: url(../img-services/panel-surveys-02.gif); background-repeat: no-repeat; text-indent: -5000px; width: 501px; height: 108px; float: left; }

#panel-hosting { background-image: url(../img-services/panel-hosting-01.gif); background-repeat: no-repeat; text-indent: -5000px; width: 501px; height: 108px; margin-top: 3px; margin-bottom: 3px; float: left; overflow: hidden; }
#panel-hosting a { text-indent: -5000px; width: 501px; height: 108px; float: left; }
#panel-hosting a:hover { background-image: url(../img-services/panel-hosting-02.gif); background-repeat: no-repeat; text-indent: -5000px; width: 501px; height: 108px; float: left; }

#panel-domains { background-image: url(../img-services/panel-domains-01.gif); background-repeat: no-repeat; text-indent: -5000px; width: 501px; height: 108px; margin-top: 3px; margin-bottom: 3px; float: left; overflow: hidden; }
#panel-domains a { text-indent: -5000px; width: 501px; height: 108px; float: left; }
#panel-domains a:hover { background-image: url(../img-services/panel-domains-02.gif); background-repeat: no-repeat; text-indent: -5000px; width: 501px; height: 108px; float: left; }

#panel-dvd { background-image: url(../img-services/panel-dvd-01.gif); background-repeat: no-repeat; text-indent: -5000px; width: 501px; height: 108px; margin-top: 3px; margin-bottom: 3px; float: left; overflow: hidden; }
#panel-dvd a { text-indent: -5000px; width: 501px; height: 108px; float: left; }
#panel-dvd a:hover { background-image: url(../img-services/panel-dvd-02.gif); background-repeat: no-repeat; text-indent: -5000px; width: 501px; height: 108px; float: left; }

#panel-branding { background-image: url(../img-services/panel-branding-01.gif); background-repeat: no-repeat; text-indent: -5000px; width: 501px; height: 108px; margin-top: 3px; margin-bottom: 3px; float: left; overflow: hidden; }
#panel-branding a { text-indent: -5000px; width: 501px; height: 108px; float: left; }
#panel-branding a:hover { background-image: url(../img-services/panel-branding-02.gif); background-repeat: no-repeat; text-indent: -5000px; width: 501px; height: 108px; float: left; }

#panel-mailer { background-image: url(../img-products/panel-mailer-01.gif); background-repeat: no-repeat; text-indent: -5000px; width: 501px; height: 157px; margin-top: 3px; margin-bottom: 3px; float: left; overflow: hidden; }
#panel-mailer a { text-indent: -5000px; width: 501px; height: 157px; float: left; }
#panel-mailer a:hover { background-image: url(../img-products/panel-mailer-02.gif); background-repeat: no-repeat; text-indent: -5000px; width: 501px; height: 157px; float: left; }

#panel-merchant { background-image: url(../img-products/panel-merchant-01.gif); background-repeat: no-repeat; text-indent: -5000px; width: 501px; height: 157px; margin-top: 3px; margin-bottom: 3px; float: left; overflow: hidden; }
#panel-merchant a { text-indent: -5000px; width: 501px; height: 157px; float: left; }
#panel-merchant a:hover { background-image: url(../img-products/panel-merchant-02.gif); background-repeat: no-repeat; text-indent: -5000px; width: 501px; height: 157px; float: left; }

#panel-manager { background-image: url(../img-products/panel-manager-01.gif); background-repeat: no-repeat; text-indent: -5000px; width: 501px; height: 157px; margin-top: 3px; margin-bottom: 3px; float: left; overflow: hidden; }
#panel-manager a { text-indent: -5000px; width: 501px; height: 157px; float: left; }
#panel-manager a:hover { background-image: url(../img-products/panel-manager-02.gif); background-repeat: no-repeat; text-indent: -5000px; width: 501px; height: 157px; float: left; }

#panel-machine { background-image: url(../img-products/panel-machine-01.gif); background-repeat: no-repeat; text-indent: -5000px; width: 501px; height: 157px; margin-top: 3px; margin-bottom: 3px; float: left; overflow: hidden; }
#panel-machine a { text-indent: -5000px; width: 501px; height: 157px; float: left; }
#panel-machine a:hover { background-image: url(../img-products/panel-machine-02.gif); background-repeat: no-repeat; text-indent: -5000px; width: 501px; height: 157px; float: left; }

#panel-genie { background-image: url(../img-products/panel-genie-01.gif); background-repeat: no-repeat; text-indent: -5000px; width: 501px; height: 157px; margin-top: 3px; margin-bottom: 3px; float: left; overflow: hidden; }
#panel-genie a { text-indent: -5000px; width: 501px; height: 157px; float: left; }
#panel-genie a:hover { background-image: url(../img-products/panel-genie-02.gif); background-repeat: no-repeat; text-indent: -5000px; width: 501px; height: 157px; float: left; }

#panel-clients { background-color: #f9f9f2; background-image: url(../img-clients/client-panel-base.gif); background-repeat: no-repeat; background-position: 0 bottom; width: 501px; height: auto; float: left; margin-bottom: 10px; }

#panel-clientinfo { background-image: url(../img-casestudies/panel-clientinfo.gif); background-repeat: no-repeat; width: 501px; height: 192px; float: left; margin-bottom: 10px; }
#panel-clienttext { font-size: 1.1em; line-height: 16px; width: 270px; height: auto; margin-left: 20px; float: left; margin-top: 18px; }
#panel-clientlogo { background-image: url(../img-casestudies/img-nothumb.gif); background-repeat: no-repeat; background-position: center; width: 160px; height: 120px; float: right; margin-top: 25px; margin-right: 25px; border: solid 1px #e2e2e2; text-indent: -5000px; }

#panel-casestudies{ width: 501px; height: auto; background-image: url(../img-services/panel-casestudies-tile.gif); background-repeat: repeat-y; text-align: left; float: left; }
#panel-casestudies ul { list-style: none; width: 464px; margin: 0 auto; padding: 0; }
#panel-casestudies ul li { width: 100%; height: 64px; display: block; background: url(../img-interface/img-no-thumb.gif) no-repeat left top; font-size: 1.1em; line-height: 14px; margin-top: 10px; margin-bottom: 6px; border-bottom: 1px solid #dadada; clear: both; }
#panel-casestudies ul li a { width: 100%; height: 58px; display: block; text-decoration: none; }
#panel-casestudies ul li a:hover span strong { text-decoration: underline; }
#panel-casestudies ul li span { width: 87%; height: 38px; float: right; text-align: left; margin-right: 10px; color: #666; }

#panel-news { width: 280px; height: auto; text-align: left; float: right; }
#panel-newsimages { background-image: url(../img-news/img-newsimage-panel.gif); background-repeat: no-repeat; background-position: 0 top; width: 501px; height: 270px; clear:both ; padding-top: 15px; }
#img-newsmain { background-image: url(../img-news/img-nothumb-big.gif); background-repeat: no-repeat; background-position: center; width: 320px; height: 240px; margin-left: 10px; border: solid 1px #e2e2e2; float: left; }

#img-thumbs { float: left; }
#img-thumbs .toppad { height: 10px; clear: both; width: 100%; overflow: hidden; font-size: 10px; }
#img-thumbs ul { margin: 0; padding: 0; list-style: none; width: 158px; }
#img-thumbs ul li { height: 52px; width: 70px; background-image: url(../img-news/img-nothumb-small.gif); background-repeat: no-repeat; background-position: center; border: solid 1px #e2e2e2; float: left; margin-top: 4px; margin-left: 4px; }
#img-thumbs ul li a { text-indent: -5000px; display: block; width: 70px; height: 52px; }

#img-newsthumb01 { width: 70px; height: 52px; margin-left: 4px; border: solid 1px #e2e2e2; float: left; margin-top: 14px; }
#img-newsthumb02 { background-image: url(../img-news/img-nothumb-small.gif); background-repeat: no-repeat; width: 70px; height: 52px; margin-left: 4px; ; }
#panel-prodimage { width: 285px; height: 205px; float: right; }


/* Products Panel CSS */
#products
{
width: 285px;
height: auto;
text-align: left;
float: right;
}

#products ul
{
	list-style: none;
	width: 285px;
	margin: auto;
	padding: 0;
}

#products ul li
{
	width: 100%;
	display: block;
	font-size: 1em;
	line-height: 20px;
	background-image: url(../img-interface/sub-nav-lozenge.gif);
	background-repeat: no-repeat;
	clear: both;
	text-indent: 59px;
}

#products ul a
{ color: #959595; }


/* Who Panel CSS */
#who
{
width: 285px;
height: auto;
text-align: left;
float: right;
}

#who ul
{ 
list-style: none;
width: 285px;
margin: auto;
padding: 0;
}

#who ul li
{ width: 100%;
display: block;
font-size: 1em;
line-height: 20px;
background-image: url(../img-interface/sub-nav-lozenge.gif);
background-repeat: no-repeat;
clear: both;
text-indent: 59px; }

#who ul a
{ color: #6c8d47; }

/* Awards Panel CSS */
#panel-iac2008 a { background-image: url(../img-who/panel-award-iac2008.gif); background-repeat: no-repeat; text-indent: -5000px; width: 501px; height: 108px; margin-top: 3px; margin-bottom: 3px; float: left; }
#panel-iac2008 a:hover { background-position: 0 -108px; }

#panel-iac2006 a { background-image: url(../img-who/panel-award-iac2006.gif); background-repeat: no-repeat; text-indent: -5000px; width: 501px; height: 108px; margin-top: 3px; margin-bottom: 3px; float: left; }
#panel-iac2006 a:hover { background-position: 0 -108px; }

#panel-iac2005 a { background-image: url(../img-who/panel-award-iac2005.gif); background-repeat: no-repeat; text-indent: -5000px; width: 501px; height: 108px; margin-top: 3px; margin-bottom: 3px; float: left; }
#panel-iac2005 a:hover { background-position: 0 -108px; }

#panel-rad2005 a { background-image: url(../img-who/panel-award-rad2005.gif); background-repeat: no-repeat; text-indent: -5000px; width: 501px; height: 108px; margin-top: 3px; margin-bottom: 3px; float: left; }
#panel-rad2005 a:hover { background-position: 0 -108px; }




/* Contact Panel CSS */
#contact
{
	width: 285px;
	height: auto;
	background-image: url(../img-interface/panel-projects-tile.gif);
	background-repeat: repeat-y;
	text-align: left;
	float: right; 
}