H1 {
FONT-WEIGHT: lighter; 
FONT-SIZE: 1.5em; 
COLOR: #333333; 
FONT-STYLE: normal; 
FONT-FAMILY: Trebuchet MS, Verdana, Arial; 
}

H2 {
FONT-WEIGHT: normal; 
FONT-SIZE: 0.8em; 
COLOR: #707070; 
FONT-FAMILY: Trebuchet MS, Verdana, Arial; 
line-height: 1.2em;
}

.h2 {
FONT-WEIGHT: normal; 
FONT-SIZE: 0.8em; 
COLOR: #707070; 
FONT-FAMILY: Trebuchet MS, Verdana, Arial; 
line-height: 1.2em;
}

H3 {
FONT-WEIGHT: normal; 
FONT-SIZE: 0.7em; 
COLOR: #cccccc; 
FONT-FAMILY: verdana; 
line-height: 1.2em;
}

A:link {
	COLOR: #333333; TEXT-ALIGN: left; TEXT-DECORATION: none;
}
A:visited {
	COLOR: #333333; TEXT-ALIGN: left; TEXT-DECORATION: none;
}
A:active {
	COLOR: #333333; TEXT-ALIGN: left; TEXT-DECORATION: none;
}
A:hover {
	COLOR: #EAC820; TEXT-ALIGN: left; TEXT-DECORATION: none;
}

body {
	
	
	background-color: #0000CD;
}

img {
	border: 0 none;
}

.centered {
	RIGHT: 0px; 
	LEFT: 0px; 
	MARGIN: auto; 
	WIDTH: 50%;
	height: 50%;  
	BOTTOM: 0px; 
	POSITION: absolute; 
	TOP: 0px;  
}

.navigation {
	float: left;
	width: 200px;
	border-right: 1px solid #cccccc;
}

.button {
	width: 196px;
	border-bottom: 1px solid #cccccc;
	padding: 2px;
}

.button:hover {
	background-color: #969696;
}

.active {
	background-color: #0000CD;
}

.active a { color: #ffffff;}

.button a:hover { color: #ffffff;}

.content {
	position: relative;
	float: left;
	top: 100px;
	width: 100%;
	border: 2px solid #000000;
	background-color: #ffffff;
	z-index: 2;
}

.geckotext {
	position: absolute;
	top: -86px;
	right: 0px;
	width: 368px;
	height: 86px;
	background-image: url(images/geckodesign.gif);
}

.text {
	position: relative;
	float: right;
	top: 0px;
	right: 0px;
	bottom: 5px;
	width: 740px;
	padding-bottom: 20px;
	z-index: 1;
}

.featured_project {
	position: relative;
	top: 10px;
	margin-bottom: 10px;
	width: 100%;
	overflow: hidden;
}

.featured_project_text {
	position: absolute;
	top: 10px;
	bottom: 10px;
	right: 10px;
	padding: 3px;
	width: 250px;
	background-color: #ffffff;
}

.project {
	position: relative;
	top: 10px;
	margin-bottom: 10px;
	width: 100%;
	overflow: hidden;
}

.project_text {
	position: relative;
	padding: 3px;
	margin: 3px;
	width: 250px;
	background-color: #B52121;
}

.project_text h2{ color: #ffffff;}
.project_text a{ color: #cccccc;}
.project_text a:hover{ color: #000000;}

.geckologo {
	background-image: url('images/GeckoDesign.jpg');
	background-position: bottom right;
	background-repeat: no-repeat;
}

.footer {
	position: relative;
	top: 110px;
	width: 100%;
	text-align: left;
}

.footer h2 {color: #333333;}

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

.right_column {
	float: right;
	width: 300px;
}

.left_column {
	float: left;
	width: 420px;
}

.selected_work {
	position: relative;
	margin-top: 5px;
	width: 294px;
	padding: 3px;
	background-color: #B52121;
}

.selected_work A { COLOR: #ffffff; }
.selected_work A:hover { COLOR: #EAC820; }
	
.grey_bg {
	background-color: #cccccc;
}

.gallery_box {
	width: 80px;
	height: 80px;
	padding: 3px;
	background-color: #cccccc;
	border: 1px solid #eeeeee;
	margin: 5px;
	float: left;
}

.gallery_box:hover {
	background-color: #B52121;
}

.center {
	text-align: center;
}

.WebPackage {
	position: relative;
	top: 10px;
	margin-left: 10px;
	float: left;
	width: 30%;
	border: 1px solid #cccccc;
	padding: 3px;
	height: 370px;
	overflow: auto;
	margin-bottom: 15px;
}

.Starter {
	background-image: url('images/Starter.jpg');
	background-position: bottom right;
	background-repeat: no-repeat;
}

.StarterFont {
	color: #c83d06;
}

.SmallBusiness {
	background-image: url('images/SmallBusiness.jpg');
	background-position: bottom right;
	background-repeat: no-repeat;
}

.SmallBusinessFont {
	color: #74a400;
}

.Professional {
	background-image: url('images/Professional.jpg');
	background-position: bottom right;
	background-repeat: no-repeat;
}

.ProfessionalFont {
	color: #3f8cd4;
}