html, body  {
	padding: 0px;
	margin: 0px;
	background-color: #1A1A1A;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

a  {
	color: #0000CC;
	text-decoration: none;
}
a:hover  {
	color: #339933;
}
#ver  {
	width: 100%;
	height: 1px;
	overflow: visible;
	position: absolute;
	top: 50%;
	left: 0px;
}
#hzn  {
   width: 720px;
   height: 460px;
   position: absolute;
   margin-left: -360px;
   left: 50%;
   top: -230px;
}
#border  {
	background: url(images/common/border.gif) no-repeat;
	visibility: visible;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 720px;
	height: 460px;
}
#header  {
	background: url(images/common/header.gif) no-repeat;
	visibility: visible;
	position: absolute;
	left: 10px;
	top: 9px;
	width: 700px;
	height: 111px;
}
#homebutton  {
	visibility: visible;
	position: absolute;
	left: 25px;
	top: 25px;
	width: auto;
	height: auto;
}
#homebutton a  {
	background: url(images/common/homebutton.gif) no-repeat 0% 0px;
	display: block;
	height: 82px;
	width: 82px;
	font-size: 82px;
	line-height: 82px;
}
#tagline  {
	visibility: visible;
	position: absolute;
	left: 109px;
	top: 93px;
	width: auto;
}
#tagline  p {
	margin: 0px;
	color: #339933;
	padding-bottom: 1px;
	text-align: left;
	font-size: 11px;
	font-weight: normal;
}
#title  {
	visibility: visible;
	position: absolute;
	top: 34px;
	width: auto;
	right: 24px;
}
#title h1  {
	margin: 0px;
	color: #339933;
	text-align: right;
	font-size: 28px;
	font-weight: normal;
}
#mainmenu  {
	margin: 0px;
	padding: 0px;
	list-style: none;
	text-align: right;
	color: #99CC99;
	position: absolute;
	top: 95px;
	font-size: 11px;
	right: 25.5px;
	width: auto;
}
#mainmenu li  {
   height: 100%;
   display: inline;
   margin: 0px;
}
#mainmenu li a  {
	text-decoration: none;
	color: #99cc99;
	height: 100%;
}
#mainmenu li a:hover  {
   color: #339933;
}
#text  {
	visibility: visible;
	position: absolute;
	left: 25px;
	top: 144px;
	width: 316px;
}
#text p  {
	margin: 0px;
	padding-bottom: 7px;
	text-align: justify;
	font-size: 11px;
	line-height: 1.5em;
}
#frog1  {
	visibility: visible;
	position: absolute;
	left: 373px;
	top: 121px;
	width: 330px;
	height: 290px;
	background-image: url(images/common/frog1.jpg);
}
#frog2 {
	visibility: visible;
	position: absolute;
	left: 373px;
	top: 121px;
	width: 330px;
	height: 290px;
	background-image: url(images/common/frog2.jpg);
}
#frog3 {
	visibility: visible;
	position: absolute;
	left: 373px;
	top: 121px;
	width: 330px;
	height: 290px;
	background-image: url(images/common/frog3.jpg);
}
#logos {
	visibility: visible;
	position: absolute;
	left: 373px;
	top: 121px;
	width: 330px;
	height: 290px;
	background: url(images/portfolio/logos.jpg) no-repeat center center;
}
#b_cards {
	visibility: visible;
	position: absolute;
	left: 373px;
	top: 121px;
	width: 330px;
	height: 290px;
	background: url(images/portfolio/bus_cards.jpg) no-repeat center center;
}
#stationery {
	visibility: visible;
	position: absolute;
	left: 373px;
	top: 121px;
	width: 330px;
	height: 290px;
	background-image: url(images/portfolio/stationery.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
#brochures {
	visibility: visible;
	position: absolute;
	left: 373px;
	top: 121px;
	width: 330px;
	height: 290px;
	background-image: url(images/portfolio/brochures.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

#advertising {
	visibility: visible;
	position: absolute;
	left: 373px;
	top: 121px;
	width: 330px;
	height: 290px;
	background: url(images/portfolio/advertising.jpg) no-repeat center center;
}
#promotions {
	visibility: visible;
	position: absolute;
	left: 373px;
	top: 121px;
	width: 330px;
	height: 290px;
	background-image: url(images/portfolio/promotions.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
#signage {
	visibility: visible;
	position: absolute;
	left: 373px;
	top: 121px;
	width: 330px;
	height: 290px;
	background: url(images/portfolio/signage.jpg) no-repeat center center;
}
#websites {
	visibility: visible;
	position: absolute;
	left: 373px;
	top: 121px;
	width: 330px;
	height: 290px;
	background-image: url(images/common/placeholder.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
#illustration {
	visibility: visible;
	position: absolute;
	left: 373px;
	top: 121px;
	width: 330px;
	height: 290px;
	background-image: url(images/portfolio/illustration.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
#digital {
	visibility: visible;
	position: absolute;
	left: 373px;
	top: 121px;
	width: 330px;
	height: 290px;
	background-image: url(images/common/placeholder.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

#next_btn {
	position: absolute;
	left: 252px;
	width: 91px;
	top: 374px;
}
#next_btn p {
	font-size: 11px;
	width: auto;
	margin: 0px;
	text-align: right;
}



#frog4 {
	visibility: visible;
	position: absolute;
	left: 373px;
	top: 121px;
	width: 330px;
	height: 290px;
	background-image: url(images/common/frog4.jpg);
}
#chrisgaelyn  {
	visibility: visible;
	position: absolute;
	left: 373px;
	top: 121px;
	width: 330px;
	height: 290px;
	background-image: url(images/common/Chris_Gaelyn.jpg);
}
#vline  {
	visibility: visible;
	position: absolute;
	left: 358px;
	top: 145px;
	width: 5px;
	height: 245px;
	background: url(images/common/vline.gif) no-repeat center center;
}
#cgdesignltd2007  {
	position: absolute;
	left: 25px;
	top: 425px;
	visibility: visible;
}
#cgdesignltd2007 p  {
	margin: 0px;
	color: #99CC99;
	text-align: left;
	font-size: 10px;
}
#footer  {
	background: url(images/common/footer.gif) no-repeat;
	visibility: visible;
	position: absolute;
	left: 10px;
	top: 409px;
	width: 700px;
	height: 41px;
}
.darkgreen {
	color: #339733
}
.lightgreen {
	color: #99CC99;
}