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



/*
---------------------------------------------
01. MAIN/DEFAULT ELEMENTS
---------------------------------------------
*/

* { margin:0; padding:0; outline:none; outline-style:none;}

body {font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:11px; color:#fff; background:#000;}

p { margin:0; padding:0; line-height:1.4em;}
p a:link, p a:visited {color:#51c0f5; text-decoration: none;}
p a:hover {color:#51c0f5; text-decoration: none}

h1 {font-size:18pt; font-weight:normal; color:#fff;} 
h1 span {color:#51c0f5;}

h2 {font-size:18pt; font-weight:normal; color:#fff;} 
h2 span {color:#51c0f5;}

h3 {font-size:18pt; font-weight:normal; color:#fff;} 
h3 span {color:#51c0f5;}

h4 {font-size:12pt; line-height: 20px; font-weight:normal; color:#fff;} 

.style1 {font: normal normal normal 14px/1.4em Arial, Helvetica, sans-serif;
	color: #ffffff;
}

#content .style2 {font: normal normal normal 13px/21px Arial, Helvetica, sans-serif;
	color: #ffffff;
	background:#000;
	white-space: nowrap;
	}
	
.style3 {font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight:normal;
	color: #fff;
	background:#000;
	line-height: 20px; }
	
.style4 {font: normal normal normal 14px/1.4em Arial, Helvetica, sans-serif;
	color: #51C0F5;
	}
	
form {margin:0; padding:0;}
span {margin:0; padding:0;}


/*
---------------------------------------------
02. TOP MENU
---------------------------------------------
*/

#bgtopmenu {width:100%; background:#0d0d0d; height:20px;}
#topmenu {width:958px; height:20px; overflow:hidden; margin:0 auto;}
#topmenu ul {height:20px; float:right;}
#topmenu ul li {display:block; float:left; background:url(../images/topmenu_dot.gif) right center no-repeat; color:#515151; font-size:10px; padding:0 15px; line-height:20px;}
#topmenu ul li a {color:#515151; text-decoration:none; }
#topmenu ul li a:hover {color:#51c0f5;} 
#topmenu ul .bulletnone { background:none; padding-right:0px} 


/*
---------------------------------------------
03. BG TOP AND BOTTOM
---------------------------------------------
*/

#bg-top {background:url(../images/bg_top.jpg) top center no-repeat #000; width:100%;}
#bg-bottom {background:url(../images/bg_btm.jpg) bottom center no-repeat; width:100%; padding-bottom:50px;}

/*
---------------------------------------------
04. WRAPPER TOP
---------------------------------------------
*/

#wrapper-top {width:958px; margin:0 auto;} 

/*
---------------------------------------------
05. LOGO
---------------------------------------------
*/

#logo {
	width:958px;
	height:106px;
	padding:0 0 0 0;
}
#logo .img_logo {
	margin:0 auto;
	width:356px;
	height:91px;
}


/*
---------------------------------------------
05. FLASH
---------------------------------------------
*/

#flash {width:958px; height:335px;}


/*
---------------------------------------------
06. MENU BAR
---------------------------------------------
*/

#menubar {width:958px; background:#0d0d0d; height:44px; overflow:hidden;}
#menubar ul {margin:4px 0 0 7px; padding:0; list-style:none; height:28px;}
#menubar ul li {display:inline; height:24px; }
#menubar ul li a {display:block; float:left; background:url(../images/bg_menu.gif) no-repeat; height:24px; width:157px; color:#fff; text-decoration:none; font-size:12pt; line-height:24px; text-align:center;}
#menubar ul li a:hover, #menubar ul li.selected a {background-position:0 -24px;}


/*
---------------------------------------------
07. CONTENT
---------------------------------------------
*/

#content {width:943px;  background:#0d0d0d!important; overflow:hidden; padding:0 7px 5px 7px; }/* This is height expandable div*/

#content h1{ padding:0 0 15px 0; width: auto; float:left;}

#content p {padding:0; display:block; margin-bottom:10px; line-height:1.7em; clear:both; width:447px;}
#content p span {color:#51c0f5;}
#content p img {display:block; border:4px #202020 solid; float:left; margin-bottom:2px}
#content p a:hover img {border:4px #51c0f5 solid;}

.date {float:right; padding-top:17px; color:#51c0f5;} 
.readmore { width:76px; height:24px; font-size:11px; text-align:center; float:right; overflow:hidden;}
.readmore a {background: url(../images/bg_readmore.gif) no-repeat; color:#51c0f5; text-decoration:none;  line-height:24px; width:76px; height:24px; display:block;} 
.readmore a:hover {background-position:0 -24px;}

.readmore2 { width:161px; height:38px; font-size:11px; text-align:center; float:left; overflow:hidden;}
.readmore2 a {background: url(../images/bg_readmore2.gif) no-repeat; color:#51c0f5; text-decoration:none;  line-height:24px; width:161px; height:24px; display:block;} 
.readmore2 a:hover {background-position:0 -24px;}


/*
---------------------------------------------
08. LEFT PANEL
---------------------------------------------
*/

#leftpanel {width:447px; background:#000 url(../images/bg_portfolio.gif) top center no-repeat; border:1px #171717 solid; float:left; display:inline; padding:10px 10px 0 10px; height:370px; }

/*
---------------------------------------------
08. RIGHT PANEL
---------------------------------------------
*/

#rightpanel {width:447px; background:#000 url(../images/bg_portfolio.gif) top center no-repeat;  border:1px #171717 solid; float:right; display:inline; padding:10px 10px 0 10px;font-size:12px; height:370px; }

/*
---------------------------------------------
08. CENTER PANEL
---------------------------------------------
*/

#centerpanel {width:900px; background:#000 url(../images/bg_portfolio.gif) top center no-repeat;  border:1px #171717 solid; float:right; display:inline; padding:10px 10px 0 10px;font-size:12px; height:370px; }

/*
---------------------------------------------
08b. LEFT PANEL
---------------------------------------------
*/

#leftpanelb {width:440px;  background:#000 url(../images/bg_portfolio.gif) top center no-repeat; border:1px #171717 solid; float:left; display:inline; padding:10px 10px 0 10px; height:300px; }

/*
---------------------------------------------
08b2. LEFT PANEL
---------------------------------------------
*/

#leftpanelb2 {width:440px;  background:#000 url(../images/bg_portfolio.gif) top center no-repeat; border:1px #171717 solid; float:left; display:inline; padding:10px 10px 0 10px; height:370px; }

/*
---------------------------------------------
08b. RIGHT PANEL
---------------------------------------------
*/

#rightpanelb {width:440px; background:#000 url(../images/bg_portfolio.gif) top center no-repeat;  border:1px #171717 solid; float:right; display:inline; padding:10px 10px 0 10px;font-size:12px; height:300px; }

/*
---------------------------------------------
08. CONTACT RIGHT PANEL
---------------------------------------------
*/

#rightpanel_center {width:695px; background:#000 url(../images/bg_portfolio.gif) top center no-repeat;  border:1px #171717 solid; float:right; display:inline; padding:10px 10px 0 10px;font-size:12px; height:300px; }

/*
---------------------------------------------
08. CONTACT LEFT PANEL
---------------------------------------------
*/

#leftpanel_center {width:195px;  background:#000 url(../images/bg_portfolio.gif) top center no-repeat; border:1px #171717 solid; float:left; display:inline; padding:10px 10px 0 10px; height:370px; }

/*
---------------------------------------------
09. WRAPPER BOTTOM
---------------------------------------------
*/

#wrapper-bottom {width:958px; overflow:hidden; padding:0 0 5px 0; margin:0 auto; text-align:center; font-size:11px; }

/*
---------------------------------------------
10. ABOUT US
---------------------------------------------
*/

#aboutus { overflow:auto; margin-bottom:38px; width:943px;  background:#0d0d0d; padding:0 7px;}
#aboutus p {display:block; padding:20px 10px; overflow:hidden;}

/*
---------------------------------------------
10.1 ABOUT US - AWARDS
---------------------------------------------
*/

#award {width:284px; float:left; display:inline;}
#award h2 {background:url(../images/bg_award_acco.gif) no-repeat; width:282px; height:54px; line-height:54px; text-align:center; border:1px #161616 solid;}

#award a {display:block; margin:0 auto; background:url(../images/bg_awardlink.png) no-repeat; width:109px; height:111px;}
#award a:hover {background-position:0 -111px;}


/*
---------------------------------------------
10.2 ABOUT US - SERVICE
---------------------------------------------
*/

#service {width:364px; float:left; padding:0 5px; display:inline; overflow:hidden; background:url(../images/bg_border_service.gif) center no-repeat;}
#service h2 {background:url(../images/bg_service.gif) no-repeat; width:364px; height:54px; line-height:54px; text-align:center; border:1px #161616 solid;}

#service ul.left {width:165px; display:inline-block; float:left; padding-left:10px; } 
#service ul.right {width:165px; display:inline-block; float:right; padding-right:10px;} 

#service ul li { margin:0; padding:0; list-style:none; text-align:left;}
#service ul li a { background:url(../images/blt_tick.gif) left center no-repeat; padding:5px 0 5px 25px; display:block; width:140px; height: 12px; line-height:12px; margin:0; color:#515151; text-decoration:none;}
#service ul li a:hover {color:#51c0f5;} 


/*
---------------------------------------------
10.25 WHAT WE DO
---------------------------------------------
*/

#what {width:250px; float:left; padding:0 5px; display:inline; overflow:hidden; background:url(../images/bg_border_service.gif) center no-repeat;}
#what h2 {background:url(../images/bg_service.gif) no-repeat; width:250px; height:54px; line-height:54px; text-align:center; border:1px #161616 solid;}

#what ul.left {width:165px; display:inline-block; float:left; padding-left:10px; } 
#what ul.right {width:165px; display:inline-block; float:right; padding-right:10px;} 

#what ul li { margin:0; padding:0; list-style:none; text-align:left;}
#what ul li a { background:url(../images/plus.gif) left center no-repeat; padding:5px 0 5px 25px; display:block; width:140px; height: 12px; line-height:12px; margin:0; color:#515151; text-decoration:none;}
#what ul li a:hover {color:#51c0f5;} 


/*
---------------------------------------------
10.3 ABOUT US - ACCOLADES
---------------------------------------------
*/

#accolades {width:284px; float:right; display:inline;}
#accolades h2 {background:url(../images/bg_award_acco.gif) no-repeat; width:282px; height:54px; line-height:54px; text-align:center; border:1px #161616 solid;}

#accolades ul{list-style:none; margin:0 0 0 10px;}
#accolades ul li {display:inline; margin:0 0 0 0;}
#accolades ul li a {display:block; float:left; margin:0 0 7px 0; background:url(../images/bg_acc_links.gif) no-repeat; height:38px;}

#accolades ul li a.wedisart { width:53px; background-position:0 0;}
#accolades ul li a:hover.wedisart {background-position:0 -38px;}

#accolades ul li a.cssmania { background-position:-54px 0; width: 95px; margin:0 10px; }
#accolades ul li a:hover.cssmania { background-position:-54px -38px;}

#accolades ul li a.cssimagine { background-position:-150px 0; width: 100px; }
#accolades ul li a:hover.cssimagine { background-position:-150px -38px; }

#accolades ul li a.mydsgaward { background-position:-249px 0; width: 109px; margin-right:50px; }
#accolades ul li a:hover.mydsgaward { background-position:-249px -38px; }

#accolades ul li a.webstgallery { background-position:-360px 0; width: 102px ;}
#accolades ul li a:hover.webstgallery { background-position:-360px -38px; }


/*
---------------------------------------------
11. FOOTER STYLES
---------------------------------------------
*/

#footer {color:#515151; padding-top:30px;}
#footer p { margin-bottom:10px;}

#footer ul {margin:0 0 10px 0;}
#footer ul li {display:inline; }
#footer ul li a {color:#515151; text-decoration:none; padding:0 10px 0 7px; margin:0; border-right: 1px solid #515151; line-height:1em; height:1em; overflow:hidden;}
#footer ul li a:hover {color:#51c0f5;} 

/*
---------------------------------------------
12. W3C
---------------------------------------------
*/

#w3c {width:165px; margin:75px auto; height:15px;}
#w3c a:hover {background-position:0 -15px!important;}
#w3c a.w3c_css {width:80px; height:15px; background:url(../images/w3c_css.gif) top no-repeat; margin-right:5px; float:left; display: inline-block; }
#w3c a.w3c_xhtml {width:80px; height:15px; background:url(../images/w3c_xhtml.gif) top no-repeat; float:left; display: inline-block; }


/*
---------------------------------------------
13. INNERPAGE STYLES
---------------------------------------------
*/

#header-inner {width:958px; height:167px; background:#000; margin:-1px 0 0 0;}

.portfolio-left {width:447px; background:#000 url(../images/bg_portfolio.gif) top center no-repeat; border:1px #171717 solid; float:left; display:inline; padding:10px; margin-bottom:4px; font-size:12px;}

.portfolio-right {width:447px; background:#000 url(../images/bg_portfolio.gif) top center no-repeat; border:1px #171717 solid; float:right; display:inline; padding:10px; margin-bottom:4px; font-size:12px; }

.portfolio-center {width:921px; background:#000 url(../images/bg_portfolio.gif) top center no-repeat; border:1px #171717 solid; float:right; display:inline; padding:10px; margin-bottom:4px; font-size:12px; }

.portfolio-head {width:921px; background:#0b0b0b url(../images/bg_portfolio2.gif) bottom center no-repeat; border:1px #171717 solid; float:right; display:inline; padding:10px; margin-bottom:8px; font-size:12px; }

.text-center {width:800px; height:30px}

.contact-left {width:204px; background:#000 url(../images/bg_portfolio.gif) top center no-repeat; border:1px #171717 solid; float:left; display:inline; padding:10px; margin-bottom:4px; font-size:12px;}

.contact-right {width:689px; background:#000 url(../images/bg_portfolio.gif) top center no-repeat; border:1px #171717 solid; float:right; display:inline; padding:10px; margin-bottom:4px; font-size:12px; }


/*
---------------------------------------------
14. ABOUT US - LOGOS
---------------------------------------------
*/

#home-Bottom
{
	margin:0;
	padding:0;
	width:960px;
	height:300px;
}

#ul-home-Features
{
	list-style-type:none;
	display:inline;
	padding:0;
	margin:0;
}

#ul-home-Features li
{
	float:left;
	list-style-type:none;
	display:inline;
	height:120px;
	width:180px;
	padding:0 74px 10px 0;
	margin:0;
}

#ul-home-Features li.end-Feature
{
	
	padding:0 0 10px 0;
	
}


#ul-home-Features a#home-Feature-1
 { background: url("../images/logos/sprout_b.gif") no-repeat -180px 0; display: block; width: 180px; height: 120px; float: left }

#ul-home-Features a:hover#home-Feature-1
 { background: url("../images/logos/sprout_b.gif") no-repeat; display: block; width: 180px; height: 120px; float: left }

#ul-home-Features a#home-Feature-2
 { background: url("../images/logos/digitron_b.gif") no-repeat -180px 0; display: block; width: 180px; height: 120px; float: left }

#ul-home-Features a:hover#home-Feature-2
 { background: url("../images/logos/digitron_b.gif") no-repeat; display: block; width: 180px; height: 120px; float: left }

#ul-home-Features a#home-Feature-3
 { background: url("../images/logos/bean_b.gif") no-repeat -180px 0; display: block; width: 180px; height: 120px; float: left }

#ul-home-Features a:hover#home-Feature-3
 { background: url("../images/logos/bean_b.gif") no-repeat; display: block; width: 180px; height: 120px; float: left }
 
 #ul-home-Features a#home-Feature-4
 { background: url("../images/logos/aclaire_b.gif") no-repeat -180px 0; display: block; width: 180px; height: 120px; float: left }

#ul-home-Features a:hover#home-Feature-4
 { background: url("../images/logos/aclaire_b.gif") no-repeat; display: block; width: 180px; height: 120px; float: left }
 
 #ul-home-Features a#home-Feature-5
 { background: url("../images/logos/morris_b.gif") no-repeat -180px 0; display: block; width: 180px; height: 120px; float: left }

#ul-home-Features a:hover#home-Feature-5
 { background: url("../images/logos/morris_b.gif") no-repeat; display: block; width: 180px; height: 120px; float: left }

#ul-home-Features a#home-Feature-6
 { background: url("../images/logos/jimthorpe_b.gif") no-repeat -180px 0; display: block; width: 180px; height: 120px; float: left }

#ul-home-Features a:hover#home-Feature-6
 { background: url("../images/logos/jimthorpe_b.gif") no-repeat; display: block; width: 180px; height: 120px; float: left }

#ul-home-Features a#home-Feature-7
 { background: url("../images/logos/docema_b.gif") no-repeat -180px 0; display: block; width: 180px; height: 120px; float: left }

#ul-home-Features a:hover#home-Feature-7
 { background: url("../images/logos/docema_b.gif") no-repeat; display: block; width: 180px; height: 120px; float: left }
 
 #ul-home-Features a#home-Feature-8
 { background: url("../images/logos/farmers_b.gif") no-repeat -180px 0; display: block; width: 180px; height: 120px; float: left }

#ul-home-Features a:hover#home-Feature-8
 { background: url("../images/logos/farmers_b.gif") no-repeat; display: block; width: 180px; height: 120px; float: left }

/*
--------------------------------------
2 COLUMNS
--------------------------------------
*/
#wrapper {
	text-align: left;
	margin: 20px 0 0;
	padding: 0;
	border:0;
	width: 440px;}
	
#side-a {
	float: left;
	width: 200px;
	padding:0;
}

#side-b {
	margin: 0;
	float: left;
	width: 200px;
	height: 1%
}

#side-a-pdf {
	float: left;
	width: 200px;
	height: 12px
}

#side-b-pdf { 
	margin: 0;
	float: left;
	width: 220px;
	height: 12px
}

/*
--------------------------------------
CONTACT - 2 COLUMNS
--------------------------------------
*/
#wrapper2 {
	text-align: left;
	margin: -14px 0 0 10px;
	padding: 0;
	border:0;
	width: 900px;}
	
#side-a2 {
	float: left;
	width: 350px;
	padding:0;
}

#side-b2 { 
	margin: 0;
	float: left;
	width: 550px;
	height: 1%
}

#content .formRowDiv
{
	clear:both;
	width:689px;
	font: normal normal normal 12px/20px Arial, Helvetica, sans-serif;
	padding: 0 0 0 0;
}

#content .formRowSpacer
{
	clear:both;
	height:15px;
}

#content .formRowDiv INPUT
{
	font: normal normal normal 12px/20px Arial, Helvetica, sans-serif;
	height:20px;
}

#content .formTitleDiv
{
	float:left;
	width:250px;
	padding:0;
	font: normal normal normal 12px/20px Arial, Helvetica, sans-serif;
}

#content .formInputDiv
{
	float:left;
	padding: 0 0 0 10px;
	width:429px;
}