/* CSS Document */

* {
padding: 0px;
margin: 0px;
position: relative;
z-index: 20;
 
}

html, body {
height: 100%;
 
overflow: auto;
}

.imagebox {
  position: absolute; 
  left: -205px; 
  top:-10px;
  background-image: url(../images/imagebox.png);
  width:197px;
  height:197px;
}

.slide {
	left:5px;
	top:5px;
	}

.imagebox img {
	border:0px;
	}
	
.viewoptions {
	position: absolute;
	left: -170px;
	top: 183px;
	font-size:10px;
	}
	
.viewoptions a {
	color:#FFFFFF;
	}
	
.viewoptions a:hover {
	color:#CCCCCC;
	}
	
.getstarted {
	position: absolute;
	left: -188px;
	top: 207px;
	font-size:10px;
	}
	
.getstarted a {
	color:#FFFFFF;
	}
	
.getstarted a:hover {
	color:#CCCCCC;
	}

#flashmovie {
 height: 259px;
 width: 767px;
 background-image: url('../images/moviebackground.png');
 padding-left: 8px;
 padding-top: 7px;
 position: relative;
 background-repeat: no-repeat;
 left: -205px;
 
}


#content ul {

font-size: 12px;
}

#content li {
margin-left: 20px;
color: #3D1E4F;
}

#content li span {
 color: #6E7073;
}

a {
color: black;
}

a:hover {
color: blue;
}

h1 {
	color:#3D1E4F;
    font-size:16px;
	 
    text-transform: uppercase;
}

h2 {
	color:#3D1E4F;
    font-size:12px;
	
   
}

p {
	position: relative;
 
	padding-bottom: 14px;
	font-size: 12px;
}

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
background-image: url('../images/bg_main_gradient.gif');
background-repeat: repeat-x;
color: #6E7073;
 
}

#content {

position: relative;
left: 200px;
width: 500px;
padding-left: 10px;
min-height: 400px;

}

#portfolio_content {
 
position: relative;

height: 100%;
width: 51%;
float: right;
 
left: -20px;
}

#portfolio_content ul {

font-size: 12px;
}

#portfolio_content li {
margin-left: 20px;
color: #3D1E4F;
padding: 1px;
}

#portfolio_content li span {
 color: #6E7073;
}
 

#middle_wrapper {
height: 100%;
width: 100%;
 
}


#main_box {

 
width: 786px;
position: relative;
margin: 10px auto;
 
 
}


#portfolio_main_box {


width: 551px;
position: relative;
margin: 0px auto;
overflow: auto;
 
background-image: url('../images/portfolio/middle.png');
background-repeat: repeat-y;
font-size: 12px;
padding-top: 10px;

}

#header_image {
position: relative;
 
left: 2px;
z-index: 30;
width: 782px;
height: 142px;
margin-bottom: 10px;
background-image: url('../images/header.png');
background-repeat: no-repeat;
}

#header {
 
width: 786px;
position: relative;
height: 11px;
position: relative;
background-image: url('../images/main_box/top.png');
background-repeat: no-repeat;

 
 
}

#portfolio_header {
 
 
width: 551px;
position: relative;
height: 37px;
 
background-image: url('../images/portfolio/header.png');
 
 
color: white;
 font-size:16px;
 font-weight: bold;
   
}

#portfolio_header_text {
padding: 10px;
padding-left: 20px;
}

#portfolio_left {
width: 42%;
height: 100%;
float: left;
 
border-right: 1px solid #DCDDDE;
 

text-align: center;
}

* img {
border: none;
}

#portfolio_left_text {
position: relative;
top: -85px;
font-size: 10px;
}

#portfolio_left_text:hover {
text-decoration: underline;
}



#middle { 

 
height: 100%;
 
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/main_box/middle.png',sizingMethod='scale');
 

}

html>body #middle {
background-image: url('../images/main_box/middle.png');
}
 



#portfolio_middle { 

}

#menu {
position: relative;
width: 786px;
padding: 2px;
top: -13px;
top: -13px !important!;
height: 41px;  


}

a:hover {
cursor: pointer;
}



#menu ul {
list-style: none;
}

#menu li 
{
float: left;
}

#menu_home {
display: block;
width: 158px;
height: 41px;
background-image: url('../images/buttons/1home_off.png');
}

#menu_home:hover {
background-image: url('../images/buttons/1home_on.png');
}

#menu_about  {
display: block;
width: 156px;
height: 41px;
background-image: url('../images/buttons/2about_off.png');
}

#menu_about:hover {
background-image: url('../images/buttons/2about_on.png');
}

#menu_services {
display: block;
width: 156px;
height: 41px;
background-image: url('../images/buttons/3services_off.png');
}

#menu_services:hover {
background-image: url('../images/buttons/3services_on.png');
}

#menu_portfolio {
display: block;
width: 156px;
height: 41px;
background-image: url('../images/buttons/4portfolio_off.png');
}

#menu_portfolio:hover {
background-image: url('../images/buttons/4portfolio_on.png');
}

#menu_contact {
display: block;
width: 156px;
height: 41px;
background-image: url('../images/buttons/5contact_on.png');
}

#menu_contact:hover {
background-image: url('../images/buttons/5contact_on.png');
}

#footer {
 
clear: both;
position: relative;

height: 32px;
width: 786px;
background-image: url('../images/main_box/bottom.png');
background-repeat: no-repeat;
}

#portfolio_footer {
 
clear: both;
position: relative;
   
height: 12px;
width: 551px;
 
background-image: url('../images/portfolio/footer.png');
background-repeat: no-repeat;
}

#gradient_wrapper {
 
}

#gradient_space {
height: 140px;
}

#gradient {
height: 100%;
}

#contactform {
	font-size:12px;
	}

.error {
	color:red;
	}
	
.thanks {
	color:green;
	font-weight:bold;
	}

#gradient_strip {
 
 position: absolute;
width: 186px;
 height: 100%;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/gradient/5contact.png',sizingMethod='scale');

 
 
z-index: 0;
left:  10px;
top: 0px;
}
 
html>body #gradient_strip {
background-image: url('../images/gradient/5contact.png');
 
background-repeat: repeat-x;
}