/* CSS Document */

a{
outline: none;
}

body {
	margin:0;
	padding:0;
	background-color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333;
	text-align:center;
}

iframe {
	margin-top:/*115*/216px;
}

iframe2 {
	margin-top:/*115*/216px;
	margin-left:100px;
}

ul, li {
	margin:0;
	padding:0;
	list-style:none;
}

#cropContainer {
	width:/*450*/764px;
	height:/*442*/764px;
	margin:40px auto -20px auto;
	background-image:url(../imgs/cropmarks2.gif);
	background-repeat:no-repeat;
	padding-top:38px;
}
#socialContainer {
	width:/*450*/764px;
	height:/*442*/20px;
	margin:auto auto auto auto;
}

#contentArea {
	width:/*372*/684px;
	height:/*368*/684px;
	margin-left:40px;
	text-align:left;
	background-repeat:no-repeat;
}

#contentHobby {
	width:/*372*/900;
	height:/*368*/400;
	margin-left:0px;
	text-align:left;
	background-repeat:no-repeat;
}

#contentWhatWeDoArea {
	width:/*352*/664px;
	height:/*368*/684px;
	margin-left:40px;
	padding:260px 80px 0 15px;
	text-align:left;
	background-repeat:no-repeat;
}

#contentCommunityArea, #contentNewsArea {
	width:/*372*/684px;
	height:/*368*/684px;
	margin-left:40px;
	padding-top:216px;
	text-align:left;
	background-repeat:no-repeat;
}

#contentCommunityArea iframe, #contentNewsArea iframe {
	margin-top:0px;
}

#newsLinks li {
	margin-bottom:10px;
}

#atoz {
	width:100px;
	height:64px;
	background-image:url(../imgs/atoz100x64.gif);
	background-repeat:no-repeat;
	margin:15px auto -40px auto;
	display:block;
}

.whoweare {background-image: url(../imgs/back_whoweare684.jpg);}/**/
.whatwedo {background-image: url(../imgs/back_whatwedo684.jpg);}/**/
.ourwork {background-image: url(../imgs/back_ourwork684.jpg);}/**/
.green {background-image: url(../imgs/back_green684.jpg);}/**/
.greenTimeline {background-image: url(../imgs/back_greenTimeline684.jpg);}/**/
.news {background-image: url(../imgs/back_news684.jpg);}/**/
.community {background-image: url(../imgs/back_community684.jpg);}/**/
.artists {background-image: url(../imgs/back_artists684.jpg);}/**/
.estimates {background-image: url(../imgs/back_estimates684.jpg);}/**/
.contact {background-image: url(../imgs/back_contact684.jpg);}/**/
.greenpros {background-image: url(../imgs/back_greenpros684.jpg);}/**/
.hobbytown {background-image: url(../imgs/hobbytownheader.jpg);}/**/

#navHome li {
	margin:0 /*36*/65px /*34*/64px 0;
	float:left;
}

#navHome li.righty {
	margin:0 0 34px 0;
}


#linkOurWork,
#linkWhatWeDo,
#linkWhoWeAre,
#linkArtists,
#linkCommunity,
#linkNews,
#linkGreen,
#linkEstimates,
#linkContactUs {
	width:/*100*/184px;
	height:/*100*/184px;
	margin:0;
	padding:0;
	background-position:0 0;
	background-repeat:no-repeat;
	display:block;
	text-indent:-9999px;
}

#linkOurWork { background-image:url(../imgs/buttonOurWork.jpg); }
#linkWhoWeAre { background-image:url(../imgs/buttonWhoWeAre.jpg); }
#linkWhatWeDo { background-image:url(../imgs/buttonWhatWeDo.jpg); }
#linkNews { background-image:url(../imgs/buttonNews.jpg); }
#linkGreen { background-image:url(../imgs/buttonGreen.jpg); }
#linkCommunity { background-image:url(../imgs/buttonCommunity.jpg); }
#linkEstimates { background-image:url(../imgs/buttonEstimates.jpg); }
#linkContactUs { background-image:url(../imgs/buttonContactUs.jpg); }
#linkArtists { background-image:url(../imgs/buttonArtists.jpg); }

#linkOurWork:hover,
#linkWhatWeDo:hover,
#linkWhoWeAre:hover,
#linkArtists:hover,
#linkCommunity:hover,
#linkNews:hover,
#linkGreen:hover,
#linkEstimates:hover,
#linkContactUs:hover {
	background-position:0 /*-100*/-184px;
}

/*color square nav*/

#colorNav {
	float:left;
	width:300px;
	height:13px;
	margin-top:-26px;
	margin-left:52px;
	overflow:hidden;
}

#colorNav ul li {
	float:left;
	margin-right:2px;
}

a#colorWWA,
a#colorWWD,
a#colorOW,
a#colorN,
a#colorG,
a#colorQE,
a#colorC,
a#colorEA,
a#colorCU {
	width:13px;
	height:13px;
	display:block;
	background-image:url(../imgs/colorSquareNav.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
	text-decoration:none;
	color:#000000;
}

a#colorWWA {background-position:0 0;}
a#colorWWD {background-position:-15px 0;}
a#colorOW {background-position:-30px 0;}
a#colorN {background-position:-45px 0;}
a#colorG {background-position:-60px 0;}
a#colorQE {background-position:-75px 0;}
a#colorC {background-position:-90px 0;}
a#colorEA {background-position:-105px 0;}
a#colorCU {background-position:-120px 0;}

a#colorWWA:hover {background-position:0 -15px; text-indent:140px;}
a#colorWWD:hover {background-position:-15px -15px; text-indent:125px;}
a#colorOW:hover {background-position:-30px -15px; text-indent:110px;}
a#colorN:hover {background-position:-45px -15px; text-indent:95px;}
a#colorG:hover {background-position:-60px -15px; text-indent:80px;}
a#colorQE:hover {background-position:-75px -15px; text-indent:65px;}
a#colorC:hover {background-position:-90px -15px; text-indent:50px;}
a#colorEA:hover {background-position:-105px -15px; text-indent:35px;}
a#colorCU:hover {background-position:-120px -15px; text-indent:20px;}

#invites {
	float:right;
	width:300px;
	height:13px;
	margin-top:-26px;
	margin-left:52px;
	overflow:hidden;
}

#invitea{
padding-right: 13px;
background: url(../imgs/invites.jpg) right top no-repeat;
}

#banner{
width:700px;
height:inherit;
}

#twitter{
width:200px;
height:13px;
margin-left:0px;
display:inline-block;
float:right;
margin-right:50px;
}

#twittera{
padding-right: 15px;
background: url(../imgs/twitter.png) right top no-repeat;
}

#facebooka{
padding-right: 15px;
background: url(../imgs/facebook.png) right top no-repeat;
}

#blackborder
{
    border-color: black;
    border-width: 1px;
    border-style: solid;
}