body {
	margin:0 auto;
	text-align:center;
/*	background-color:#666633;*/
	background-color:#003300;
	color:#fff;
/*	font-family:verdana;*/
	font-family:helvetica;
	
}
h1 {
	margin-top:0px;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
	font-size:20px;
}
h2 {

	font-size:16px;
}
h3 {
	font-size:14px;
}
p {
	font-size:13px;
	text-align:justify;
}
a {
	text-decoration:none;
	color:#009900;
	font-weight:bold;
}

a:hover {
	color:#fff;
	text-decoration:underline;
}

img.left {
	display:inline;
	float:left;
	margin: 10px 10px 10px 10px;
}
img.right {
	display:inline;
	float:right;
	margin: 10px 10px 10px 10px;
}
img.center {
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:10px;
}

img.left_b {
	display:inline;
	float:left;
	margin: 10px 10px 10px 10px;
	border:solid 10px;
	border-color:#fff;
}
img.right_b {
	display:inline;
	float:right;
	margin: 10px 10px 10px 10px;
	border:solid 10px;
	border-color:#fff;
}
img.center_b {
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:10px;
	border:solid 10px;
	border-color:#fff;
}
.internallink {
	text-align:center;
}

#wrapper {
	width:1000px;
	margin:0 auto;
/*	padding-bottom:20px;*/
}
#main {
	text-align:left;
	background:url('images/content-bg-green2.png') repeat;
	width:1000px;
	min-height:700px;
	padding:0px 20px 0px 20px;
}
#main ul { 
	list-style-type:none;
	text-align:center;
}
#main li {
	text-align:left;
}
#background {
	margin:0 auto;
	background-color:#000;
	background:url('images/background.jpg') fixed center no-repeat;
	
	min-height:1024px;
	min-width:1024px;
}
#header {
	float:center;
	min-width:1024px;
	height:150px;
	background:url('images/header.png') top center no-repeat;
	position:relative;
}
#toplinks {
	display:inline;
	float:right;
	margin-right:50px;
	margin-top:15px;
}
#toplinks a {
	color:#fff;
}
/*	-------------------- Navigation -------------------- */
#navigation {
	width:1200px;
	margin:0 auto;
	padding-top:75px;
}
#nav-home {
	background:url('images/nav-home.png') no-repeat;
	min-width:65px;
	min-height:60px;
	background-position:0 0px;
	margin-right:20px;
	margin-left:550px;
	
}
#nav-home:hover {
	background-position:0 -60px;
}
#nav-about {
	background:url('images/nav-about.png') no-repeat;
	min-width:84px;
	min-height:60px;
	background-position:0 0px;
	display:block;
	float:left;
	margin-right:20px;
}
#nav-about:hover {
	background-position:0 -60px;
}
#nav-services {
	background:url('images/nav-services.png') no-repeat;
	min-width:114px;
	min-height:60px;
	background-position:0 0px;
	display:block;
	float:left;
	margin-right:20px;
}
#nav-services:hover {
	background-position:0 -60px;
}
#nav-portfolio {
	background:url('images/nav-portfolio.png') no-repeat;
	min-width:110px;
	min-height:60px;
	background-position:0 0px;
	display:block;
	float:left;
	margin-right:20px;
}
#nav-portfolio:hover {
	background-position:0 -60px;
}
#nav-contact {
	background:url('images/nav-contact.png') no-repeat;
	min-width:92px;
	min-height:60px;
	background-position:0 0px;
	display:block;
	float:left;
}
#nav-contact:hover {
	background-position:0 -60px;
}






#navigation ul {padding:0;margin:0;list-style-type:none;}
#navigation ul ul {width:114px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#navigation li {float:left;position:relative; z-index:2;}
/* style the links for the top level */
#navigation a, #navigation a:visited {display:block;font-size:18px;text-decoration:none; color:#fff; /*width:120px;*/ height:40px;  padding-left:10px; line-height:29px; }

/* style the second level background */
#navigation ul ul a.drop, #navigation ul ul a.drop:visited {background:#d4d8bd}
/* style the second level hover */
#navigation ul ul a.drop:hover{background:#c9ba65 130px center;}
#navigation ul ul :hover > a.drop {background:#c9ba65 130px center;}
/* style the third level background */
#navigation ul ul ul a, #navigation ul ul ul a:visited {background:#999966} 
/* style the third level hover */
#navigation ul ul ul a:hover {background:url('images/nav-bg.jpg') repeat-y;;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#navigation ul ul {visibility:hidden; position:absolute;height:0;top:60px;/*left:-15px;*/ width:149px; padding-top:15px; }
#navigation ul ul.about { left:-25px; }
#navigation ul ul.services{ left:-12px; }
/* position the third level flyout menu */
#navigation ul ul ul{left:149px; top:-1px; width:149px;}
 
/* position the third level flyout menu for a left flyout */
#navigation ul ul ul.left {left:-149px;}
 
/* style the table so that it takes no ppart in the layout - required for IE to work */
#navigation table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
#navigation ul ul a, #navigation ul ul a:visited {background:#999966; color:#fff; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px; }
#navigation ul ul li { border-left:solid 1px; border-right:solid 1px; border-bottom:solid 1px; }
/* style the top level hover */
/*#navigation a:hover,*/ #navigation ul ul a:hover{color:#000; background:url('images/nav-bg.jpg') repeat-y;}
/*#navigation :hover > a, */#navigation ul ul :hover > a {color:#000; background:url('images/nav-bg.jpg') repeat-y;}
 
/* make the second level visible when hover on first level list OR link */
#navigation ul li:hover ul,
#navigation ul a:hover ul{visibility:visible;}
/* keep the third level hidden when you hover on first level list OR link */
#navigation ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
#navigation ul :hover ul :hover ul{ visibility:visible;}


#animation {
	margin:0 auto;
	padding-left:10px;
}

/* -------------------- I want to... box -------------------- */
#want-box {
/*	background:url('images/want-box.jpg');*/
/*	background:url('images/content-bg.png') repeat;*/
	width:980px;
	height:550px;
	margin-left:25px;
	margin-top:15px;
/*	margin-bottom:15px;*/
	padding-top:5px;
	padding-left:20px;

}
#want-box a {
	text-decoration:none;
	color:#fff;
	font-weight:bold;
}
#want-header {
/*	display:block;*/
/*	float:center;*/
/*	text-align:center;*/
	background:url('images/want-header.png');
	height:50px;
	width:350px;
}
#want-box a:hover {
	text-decoration:underline;
}
#want-buttons {
	position:relative;
	height:225px;
	width:970px;
/*	margin: 20px 0px 20px 0px;*/
	padding: 0px 0px 0px 0px;
}
#want-show {
	background:url('images/want-show.png');
	min-height:225px;
	min-width:435px;
	margin-right:5px;
	background-position:0 0px;
	background-repeat:no-repeat;
	float:left;
}
#want-show:hover {
	background-position:0 -225px;
	
}

#want-sell {
	background:url('images/want-sell.png');
	min-height:225px;
	min-width:435px;
	background-position:0 0px;
	background-repeat:no-repeat;
	float:left;
}
#want-sell:hover {
	background-position:0 -225px;	
}
#want_left {
	position:relative;
	width:420px;
	height:120px;
	left:20px;
/*	top:90px;*/
}

#want_right {
	position:relative;
	width:420px;
	height:120px;
	left:470px;
	top:-132px;
}

/*	-------------------- Showcase -------------------- */
	
#showcase {
	background:url('images/showcase.png');
	width:948px;
	height:229px;
	margin-left:22px;
/*	margin-top:15px;*/
	margin-bottom:15px;
}

#showcase a {
	text-decoration:none;
	color:#fff;
	font-weight:bold;
}

#showcase a:hover {
	text-decoration:underline;
}

#showcase_left {
	position:relative;
	width:240px;
	height:120px;
	left:40px;
	top:90px;
}
#showcase_center {
	position:relative;
	width:240px;
	height:120px;
	left:360px;
	top:-40px;
}
#showcase_right {
	position:relative;
	width:240px;
	height:120px;
	left:660px;
	top:-172px;
}

/*	-------------------- Footer -------------------- */
	
#footer {
	background:url('images/footer-bg.jpg') repeat-x;
	height:199px;
	width:100%;
/*	display:block;*/
	text-align:center;
	margin:0 auto;
/*	margin-top:-17px;*/
/*	position:relative;*/
}
#footer-stroke {
	background:url('images/footer-stroke.jpg') repeat-x;
	height:3px;
	width:100%;
	margin-top:-12px;
}
#footer-wrapper {
	height:189px;
	width:1000px;
	margin:0 auto;
	padding-top:10px;
/*	text-align:center;*/
}
#footer-logo {
/*	display:block;*/
	background:url('images/footer-logo.png') no-repeat;
	min-height:48px;
	min-width:284px;
/*	margin-left:150px;*/
	padding-top:10px;
	margin-left:30px;
/*	position:relative;*/
}
#footer-email {
	display:block;
	background:url('images/email.png') no-repeat;
	min-height:54px;
	width:138px;
	background-position:0 0px;
	margin-left:30px;
/*	margin-top:90px;*/
	position:relative;
}
#footer-email:hover {
	background-position:0 -54px;
}
#footer-phone {
	display:block;
	background:url('images/phone.png') no-repeat;
	width:125px;
	height:60px;
	margin-left:190px;
	margin-top:-58px;
	position:relative;
}
#footer-easel {
	display:block;
	background:url('images/easel.png') no-repeat;
	width:90px;
	height:179px;
	margin-left:365px;
	margin-top:-112px;
	position:relative;
}
#local-web-design {
	margin-left:489px;
	text-align:left;
	margin-top:-190px;
	
}
#local-web-design h4 {
	
	margin-top:0px;
	margin-bottom:5px;
	padding-top:10px;
}
#local-web-design a {
	color:#fff;
	text-decoration:none;
}
#local-web-design a:hover {
	text-decoration:underline;
}
#footer table {
	font-size:10px;
}
#footer td { 
	width:180px;
/*	padding-right:30px;*/
}
.centered {
	text-align:center;
}
/* Portfolio */
#wrap {position:relative; width:960px; height:560px; padding:20px; position:relative; font-family: sans-serif; z-index:1;}
#wrap h1 {color:#fff; font-family:arial, sans-serif; font-weight:normal; font-size:22px;}
#outerImage {padding:0; margin:0; list-style:none;}
#outerImage li a {color:#777; text-decoration:none;}
#outerImage table {border-collapse:collapse; width:0; height:0; margin:-1px -4px;}
#outerImage span {display:block; width:900px; height:432px; background:url(images/portfolio-full.png); position:absolute; left:45px; top:150px;}
#innerImage {padding:0; margin:0; list-style:none;}
#innerImage li {float:left; color:#666633; font-size:23px; }
#innerImage li a {float:left; color:#666633; text-decoration:none; font-size:23px; white-space:nowrap;}
#innerImage li a b {display:block; width:180px; height:108px; position:absolute; /*background:transparent;*/}
#innerImage li a b#link1 {left:45px; top:150px;}
#innerImage li a b#link2 {left:225px; top:150px;}
#innerImage li a b#link3 {left:405px; top:150px;}
#innerImage li a b#link4 {left:585px; top:150px;}
#innerImage li a b#link5 {left:765px; top:150px;}

#innerImage li a b#link6 {left:45px; top:258px;}
#innerImage li a b#link7 {left:225px; top:258px;}
#innerImage li a b#link8 {left:405px; top:258px;}
#innerImage li a b#link9 {left:585px; top:258px;}
#innerImage li a b#link10 {left:765px; top:258px;}

#innerImage li a b#link11 {left:45px; top:366px;}
#innerImage li a b#link12 {left:225px; top:366px;}
#innerImage li a b#link13 {left:405px; top:366px;}
#innerImage li a b#link14 {left:585px; top:366px;}
#innerImage li a b#link15 {left:765px; top:366px;}

#innerImage li a b#link16 {left:45px; top:474px;}
#innerImage li a b#link17 {left:225px; top:474px;}
#innerImage li a b#link18 {left:405px; top:474px;}
#innerImage li a b#link19 {left:585px; top:474px;}



#outerImage li a:hover {border:0;}
#outerImage :hover span {background:url(images/portfolio-dark.png);}

#innerImage li a:hover {color:#fff;}
#innerImage li a:hover b {cursor:pointer;}

#innerImage :hover b#link1 {background:#fff url(images/pf_hollandcontracting.jpg);}
#innerImage :hover b#link2 {background:#fff url(images/pf_georginascottbridal.jpg);}
#innerImage :hover b#link3 {background:#fff url(images/pf_elitemarquees.jpg);}
#innerImage :hover b#link4 {background:#fff url(images/pf_reliabletradesmen.jpg);}
#innerImage :hover b#link5 {background:#fff url(images/pf_centrestagedanceacademy.jpg);}
#innerImage :hover b#link6 {background:#fff url(images/pf_polydesign.jpg);}
#innerImage :hover b#link7 {background:#fff url(images/pf_sheilabarrattsmith.jpg);}
#innerImage :hover b#link8 {background:#fff url(images/pf_club21funcasino.jpg);}
#innerImage :hover b#link9 {background:#fff url(images/pf_directaccessbarrister.jpg);}
#innerImage :hover b#link10 {background:#fff url(images/pf_verchu.jpg);}
#innerImage :hover b#link11 {background:#fff url(images/pf_yeoldesevenstars.jpg);}
#innerImage :hover b#link12 {background:#fff url(images/pf_waterbuoyz.jpg);}
#innerImage :hover b#link13 {background:#fff url(images/pf_thermex.jpg);}
#innerImage :hover b#link14 {background:#fff url(images/pf_kjenterprises.jpg);}
#innerImage :hover b#link15 {background:#fff url(images/pf_inchbusters.jpg);}
#innerImage :hover b#link16 {background:#fff url(images/pf_imprint.jpg);}
#innerImage :hover b#link17 {background:#fff url(images/pf_airtowaterheating.jpg);}
#innerImage :hover b#link18 {background:#fff url(images/pf_airplumbheat.jpg);}
#innerImage :hover b#link19 {background:#fff url(images/pf_helmetliners.jpg);}