html, body {
	font-family: Arial, Verdana, sans-serif;
	height:100%;
	text-align: left; 
  	background-color: #FFFFFF;
	font-size:12px;
}

#container {
	position: absolute;
	left: 50%;
	top: 5%;
	overflow: hidden;
	width: 823px;
	margin-left: -411px;
	border: 0px solid #6b6d6a;
}

#top {
	position: relative;
	float:left;
	overflow: hidden;
	width: 832px;
	height: 47px;
	border: 0px solid red;
}

#logo {
	position: absolute;
	top:0;
	left:0;
	overflow: hidden;
	width: 370px;
	height: 47px;
	border: 0px solid green;
	background-image:url(../images/logo.gif);
	text-indent:-9999px;
}

#menu {
	position: absolute;
	top:0;
	right:10px;
	overflow: hidden;
	text-align: right;
	border: 0px solid blue;
	color: #737373;

}

#inside {
	position: absolute;
	top:0;
	right:0px;
	overflow: hidden;
	height: 19px;
	border: 0px solid blue;
	align: right;
	text-align: right;
	padding-right:2px
}

ul { float: left; list-style-type: none; }
li { float: left; list-style-type: none; margin-left: 12px;}

#menulinks
{
  display: block;
  text-decoration: none;
  font-family: verdana, arial, Geneva, sans-serif;
  font-size: 11px;
  color: black;
  padding: 2px;
}
#menulinks:hover
{ 
    background-color: #e6058e;
	color: white;
}
#menulinks span
{
  display: none;
}


#links
{
  display: block;
  text-decoration: underline;
  font-family: verdana, arial, Geneva, sans-serif;
  font-size: 10px;
  color: black;
  text-align: right;
}
#links:hover
{ 
  display: block;
  text-decoration: underline;
  font-family: verdana, arial, Geneva, sans-serif;
  font-size: 10px;
  color: black;
}
#links span
{
  display: none;
}

#bottomlinks
{
  display: block;
  text-decoration: none;
  font-family: verdana, arial, Geneva, sans-serif;
  font-size: 11px;
  color: gray;
}
#bottomlinks:hover
{ 
  display: block;
  text-decoration: none;
  font-family: verdana, arial, Geneva, sans-serif;
  font-size: 11px;
  color: gray;
}
#bottomlinks span
{
  display: none;
}

#contact
{
  display: block;
  font-family: verdana, arial, Geneva, sans-serif;
  width: 96px;
  height: 16px;
  text-indent:-9999px;
  background-image:url(../images/contact_us.gif);
}
#contact:hover
{ 
  display: block;
  text-decoration: underline;
  text-indent:-9999px;
  font-family: verdana, arial, Geneva, sans-serif;
  font-size: 10px;
  color: black;
}
#contact span
{
  display: none;
  text-indent:-9999px;
}

#website
{
  display: block;
  font-family: verdana, arial, Geneva, sans-serif;
  width: 80px;
  height: 15px;
  text-indent:-9999px;
  background-image:url(../images/websites.gif);
}
#website:hover
{ 
  display: block;
  text-decoration: underline;
  text-indent:-9999px;
  font-family: verdana, arial, Geneva, sans-serif;
  font-size: 10px;
  color: black;
}
#website span
{
  display: none;
  text-indent:-9999px;
}


a.links:link { color: #737373; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: none; padding:3px; float: left; }
a.links:visited { color: #737373; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: none; padding:3px; float: left; }
a.links:active { color: #737373; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: none; outline: none; padding:3px; float: left; }
a.links:hover { color: #FFFFFF; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: none; background-color:#e6058e; padding:3px; float: left; }

a.links2:link { color: #737373; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: none; padding:0px; float: left; }
a.links2:visited { color: #737373; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: none; padding:0px; float: left; }
a.links2:active { color: #737373; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: none; outline: none; padding:0px; float: left; }
a.links2:hover { color: #FFFFFF; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: none; background-color:#e6058e; padding:0px; float: left; }

a.links3:link { color: #000000; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: none; }
a.links3:visited { color: #000000; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: none;}
a.links3:active { color: #000000; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: none; outline: none; }
a.links3:hover { color: #FFFFFF; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: none; background-color:#e6058e;}

a.linkson:link { color: #FFFFFF; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: none; background-color:#e6058e; padding:3px; float: left; }
a.linkson:visited { color: #FFFFFF; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: none; background-color:#e6058e; padding:3px; float: left; }
a.linkson:active { color: #FFFFFF; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: none; outline: none; background-color:#e6058e; padding:3px; float: left; }
a.linkson:hover { color: #FFFFFF; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: none; background-color:#e6058e; padding:3px; float: left; }

.form {BORDER-RIGHT: #FFFFFF 1px solid; BORDER-TOP: #FFFFFF 1px solid; FONT-SIZE: 9pt; color: #e6058e; BORDER-LEFT: #FFFFFF 1px solid; BORDER-BOTTOM: #ababab 1px solid; BACKGROUND-COLOR: #ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; width:330px }
.form2 {BORDER-RIGHT: #ababab 1px solid; BORDER-TOP: #ababab 1px solid; FONT-SIZE: 9pt; color: #e6058e; BORDER-LEFT: #ababab 1px solid; BORDER-BOTTOM: #ababab 1px solid; BACKGROUND-COLOR: #ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; width:330px }

.fromfield { font-size: 10px; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; }

#justforfun
{
  display: block;
  font-family: verdana, arial, Geneva, sans-serif;
  width: 99px;
  height: 15px;
  text-indent:-9999px;
  background-image:url(../images/just_for_fun.gif);
}
#justforfun:hover
{ 
  display: block;
  text-decoration: underline;
  text-indent:-9999px;
  font-family: verdana, arial, Geneva, sans-serif;
  font-size: 10px;
  color: black;
}
#justforfun span
{
  display: none;
  text-indent:-9999px;
}




#portfolio_image
{
  	position: relative;
	float:left;
	height: 145px;
	width: 261px;
}

#portfolio_image:hover
{ 
  	position: relative;
	float:left;
	height: 140px;
	width: 261px;
	background-color: #e6058e;
	border-bottom: 5px solid #FFFFFF;

}
#portfolio_image span
{
  	position: relative;
	float:left;
	height: 145px;
	width: 261px;
}







#header {
	position: relative;
	float:left;
	width: 823px;
	overflow: hidden;
	background-image:url(../images/header_01.jpg);
	background-repeat: no-repeat;
}

#blackline {
	position: relative;
	float:left;
	height: 9px;
	width: 823px;
	background-image:url(../images/blackline.gif);
	background-repeat: no-repeat;
}

#line {
	position: relative;
	float:left;
	height: 5px;
	width: 823px;
	background-image:url(../images/black.gif);
	background-repeat: no-repeat;
	padding-top: 3px;
}

#mainbox {
	position: relative;
	float:left;
	width: 823px;
	overflow: hidden;
	border: 0px solid red;
}
#mainbox2 {
	position: relative;
	float:left;
	height: 1060px;
	width: 823px;
	border: 0px solid red;
}

#portfolio1 {
	position: relative;
	float:left;
	top:65px;
	height: 192px;
	width: 820px;
	border: 0px solid red;
}

#portfolio_box1 {
	position: absolute;
	left:0;
	top:0;
	width: 261px;
	border: 0px solid green;
	font-family: verdana, arial, Geneva, sans-serif;
  	font-size: 10px;
  	color: gray;
	line-height: 13px;
}

#portfolio_box2 {
	position: absolute;
	left:279px;
	top:0;
	width: 261px;
	border: 0px solid green;
	font-family: verdana, arial, Geneva, sans-serif;
  	font-size: 10px;
  	color: gray;
	line-height: 13px;
}

#portfolio_box3 {
	position: absolute;
	left:557px;
	top:0;
	width: 261px;
	border: 0px solid green;
	font-family: verdana, arial, Geneva, sans-serif;
  	font-size: 10px;
  	color: gray;
	line-height: 13px;
}



#footer {
	position: relative;
	float:left;
	width: 823px;
	overflow: hidden;
	border: 0px solid green;
	height: 130px;
	
}

#footer2 {
	position: absolute;
	left:0px;
	top:600px;
	width: 515px;
	overflow: hidden;
	border: 0px solid green;
	font-family: verdana, arial, Geneva, sans-serif;
	font-size: 11px;
	color: gray;
}

#footer3 {
	position: absolute;
	float:left;
	left:515px;
	width: 308px;
	overflow: hidden;
	border: 0px solid green;
	font-family: verdana, arial, Geneva, sans-serif;
	font-size: 11px;
	color: gray;
}

#footer4 {
	position: relative;
	float:left;
	width: 823px;
	border: 0px solid green;
	font-family: verdana, arial, Geneva, sans-serif;
	font-size: 11px;
	color: gray;
}

#footer4_left {
	position: relative;
	float:left;
	width: 514px;
	border: 0px solid red;
	font-family: verdana, arial, Geneva, sans-serif;
	font-size: 11px;
	color: gray;
}

#footer4_right {
	position: relative;
	float:left;
	width: 305px;
	border: 0px solid red;
	font-family: verdana, arial, Geneva, sans-serif;
	font-size: 11px;
	color: gray;
	text-align:right;
}

#left {
	position: relative;
	float:left;
	width: 476px;
	height: 320px;
	border: 0px solid green;
	font-family: verdana, arial, Geneva, sans-serif;
	font-size: 11px;
	line-height: 19px;
	
}


#left2 {
	position: relative;
	float:left;
	width: 426px;
	height: 440px;
	border: 0px solid green;
	font-family: verdana, arial, Geneva, sans-serif;
	font-size: 11px;
	line-height: 19px;
	
}


#left3 {
	position: relative;
	float:left;
	width: 426px;
	height: 470px;
	border: 0px solid green;
	font-family: verdana, arial, Geneva, sans-serif;
	font-size: 11px;
	line-height: 19px;
	
}

#right3 {
	position: relative;
	float:left;
	height: 470px;
	width: 350px;
	overflow: hidden;
	border: 0px solid blue;
	font-family: verdana, arial, Geneva, sans-serif;
	font-size: 11px;
	
}

#black {
	position: relative;
	float:left;
	width: 823px;
	height: 1px;
	font-family: verdana, arial, Geneva, sans-serif;
	background-image:url(../images/black.gif);
}


#middle {
	position: relative;
	float:left;
	width: 30px;
	overflow: hidden;
	border: 1px solid white;
	
}
#right {
	position: relative;
	float:left;
	height: 320px;
	width: 345px;
	overflow: hidden;
	border: 0px solid blue;
	font-family: verdana, arial, Geneva, sans-serif;
	font-size: 11px;
	text-align:right;
	
}

#right2 {
	position: relative;
	float:left;
	height: 440px;
	width: 350px;
	overflow: hidden;
	border: 0px solid blue;
	font-family: verdana, arial, Geneva, sans-serif;
	font-size: 11px;
	line-height:19px;
	
}

#whatdoyoumean {
	position: absolute;
	top:25px;
	width: 430px;
	height: 64px;
	background-image:url(../images/what_do_you_mean.gif);
	text-indent:-9999px;
}

#whatdoyoumean2 {
	position: absolute;
	top:500px;
	width: 430px;
	height: 270px;
	border: 1px solid blue;
}

#whatdoyoumean3 {
	position: absolute;
	top:250px;
	width: 424px;
	height: 79px;
	background-image:url(../images/what_do_you_mean_big.gif);
	text-indent:-9999px;
}

#thankyou {
	position: absolute;
	top:250px;
	width: 380px;
	height: 167px;
	background-image:url(../images/thank_you.gif);
	text-indent:-9999px;
}

#contacttitle {
	position: absolute;
	top:30px;
	width: 93px;
	height: 21px;
	background-image:url(../images/contact.gif);
	text-indent:-9999px;
}

#portfoliotitle {
	position: absolute;
	top:30px;
	width: 101px;
	height: 22px;
	background-image:url(../images/portfolio.gif);
	text-indent:-9999px;
}






#contacttext {
	position: absolute;
	top:80px;
	width: 424px;
}




#header2 {
	position: absolute;
	top:25px;
	width: 308px;
	height: 140px;
	background-image:url(../images/small_header.jpg);
	text-indent:-9999px;
}

#footer_left {
	width: 263px;
	height: 110px;
	left:0;
	position: absolute;
	border: 0px solid black;
	font-family: verdana, arial, Geneva, sans-serif;
	font-size: 10px;
	line-height: 13px;
	color: #737373;
}
#footer_middle {
	width: 177px;
	height: 110px;
	left:263px;
	position: absolute;
	border: 0px solid red;
	font-family: verdana, arial, Geneva, sans-serif;
	font-size: 10px;
	line-height: 13px;
	color: #737373;
}
#footer_right {
	width: 370px;
	height: 110px;
	left:445px;
	position: absolute;
	border: 0px solid green;
	font-family: verdana, arial, Geneva, sans-serif;
	font-size: 10px;
	line-height: 13px;
	color: #737373;
}


/*************************
 *
 *   ELEMENTS BY CLASS 
 * 
 *************************
*/