﻿






body{
	margin: 0px auto 0px auto;
	background: #FFFFFF url('image/bg_gradient.gif') repeat-x center
top;
	font: 13px verdana;
	color: #000000;
	text-align: center;
}




#wrapper {
	width: 1000px;
	margin: 0 auto;
	left: 500px;
}




#contactform {
	padding: 15px 0px 0px 50px;
	width: 550px;
	font-size: 14px;
}
#content2 {
	width: 100px;
	background-color: #FFFFFF;
}


#contactform h1 {
	color: #FFFFFF;
	font-size: 18px;
}

#contactform h2 {
	font-size: 12px;
	color: #BFBDB9;

}


#col1 {
	width: 200px;
	float: left;
}


#col2 {
	padding: 0px;
	width: 100px;
	float: right;
}
#col2 p{
	padding: 0px;
	color: #FF9933;
	font-weight: lighter;
	font-style: normal;
	text-align:left;
		
		
}












#insidecontent {
	width: 500px;
	float: left;
}

#insidecontent p{
	
	padding: 0px;
}



#bg{ width:900px; text-align:left; margin-left:auto; margin-right:auto; padding:0px; background: url("image/main_bg.jpg") top center repeat-y;} 


p {
	margin: 0px;
	color: #999999;
	font-size: 14px;
	padding: 10px;
}
h2 {
	padding: 10px 0px 0px 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #CC0000;
	font-size: 18px;
	font-weight: normal;
}
h3 {
	padding: 0px;
	margin: 0px;
	font-family: "Freestyle Script";
	color: #FFFFFF;
	font-size: 30px;
	font-weight: normal;
}


h4 {
	font-size: 1.6em;
	background: url(image/Video.gif) no-repeat 5px 5px;
	margin-right: 200px;
	color: #CC0000;
}
hr {
	padding: 1px 0px 1px 0px;
	clear: both;
	height: 1px;
	margin: 1px 0 1px 0;
	background-color: #666666;
}


a:link{
	color: #666699;
}
















h1 {
	padding: 0px;
	margin: 0px;
	color: #CC0000;
	font-size: 2.3em;
	font-family: Arial, Helvetica, sans-serif;
}

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

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

#content {
	margin: 0 auto;
	height: 500px;
	width: 1000px;
	background-image: url('image/content.gif');
	float: left;
	}


#content img{
	float: left;
	padding: 0px 0px 0px 30px;
}


#content p{
	margin: 0px;
	padding: 10px 0px 0px 0px;
}




#contenttext {
	padding: 15px 0px 0px 50px;
	margin: 0 auto;
	height: 500px;
	width: 500px;
	background-image: url('image/content.gif');
	float: left;
	text-align: left;
}



}


/* hacks ***********************************************/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* misc ********************************************/

#logohome {
	margin: 0px 0px 0px 0px;
	float: left;
	background: no-repeat left top;
	width: 350px;
	height: 220px;
	
	font-size: 30px;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url('image/logo.png');

}












/* main divs *****************************************/







#navwrap{
	width: 1000px;
	margin: 0 auto;
}
#test {
	height: 300px;
	background-image: url('image/banner.gif');
	width: auto;
	}






#wrap {
	width: 700px;
	margin: 0 auto;
	height: auto;
	padding: 0;

}



























/* project list **************************************************/



/* contactform ********************************************/








/* project details ***************************************/



/* sub nav *****************************************/

#subNavWide {
   height:30px;
   width:420px;
   font-size:1px;
   float:left;
   clear:left;
}

#subNav {
   height:30px;
   width:420px;
   font-size:1px;
   float:left;
   clear:left;
}

#subNavWide {
	color: #FFFFFF;
	width: 1000px;
	background-color: #C3072A;
}

#subNavWide li a {
	text-decoration: none;
	display: block;
	height: 10px;
	color: #FFFFFF;
}

#subNavWide li {
	display: inline;
	float: right;
	height: 10px;
	margin: 10px 10px 0px 0px;
	font-size: 12px;
	color: #FFFFFF;
}

#subNav li {
   display:inline;
   height: 10px;
 color: #FFFFFF;  
}



/* navigation **************************************/

#nav {
	width: 630px;
display: inline;
	float: right;

	margin-top:240px;
	font-size: 24px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}



#nav li a {
	text-decoration: none;
	display: block;
	height: 10px;
	color: #FFFFFF;
}

#nav li {
display: inline;
	float: right;

	height: 10px;
	margin: 10px 20px 0px 20px;
}

#nav a:hover{
	text-decoration: underline;
	color: #993333;
	height: 10px;
	color: #FFCCCC;
}


#sharbuttons {
	float: right;
}




#corner_overlay
{
	font-size: 11px;
	padding: 0 0 0 0;
position:relative;
	top: 0;
	left: 0;
	width: 265px;
	height: 266px;
	z-index:1;
}





/*========================================================================================
	LEFT STYLES
==========================================================================================*/

#logo {
	position: absolute;
	height: 209px;
	width: 350px;
	top: 20px;
	z-index: 2;
}
#pShell1 {
	position: absolute;
	height: 321px;
	width: 257px;
	top: 148px;
	z-index: 1;
	left: 15px;
}
#pShell2 {
	position: absolute;
	height: 293px;
	width: 329px;
	top: 260px;
	z-index: 2;
	left: 0px;
}
#pShell1About {
	position: absolute;
	height: 321px;
	width: 257px;
	top: 148px;
	z-index: 1;
	left: 15px;
}
#pShell2About {
	position: absolute;
	height: 293px;
	width: 329px;
	top: 260px;
	z-index: 2;
	left: 20px;
}
#pShell1Contact {
	position: absolute;
	height: 321px;
	width: 257px;
	top: 148px;
	z-index: 1;
	left: 15px;
}
#pShell2Contact {
	position: absolute;
	height: 293px;
	width: 329px;
	top: 260px;
	z-index: 2;
	left: 20px;
}
#pShell1PS {
	position: absolute;
	height: 321px;
	width: 257px;
	top: 148px;
	z-index: 1;
	left: 15px;
}
#pShell2PS {
	position: absolute;
	height: 293px;
	width: 329px;
	top: 260px;
	z-index: 2;
	left: 20px;
}
---------------------------------------------------------


#footer{
	
}





/* page headings *********************************************************************/





/* misc edits *********************************************************************/



