@import url();

body {
	font-family: Trebuchet MS, Trebuchet, Helvetica, Verdana, sans-serif;
	font-size: 80%;
	line-height: 1.3em;
	text-align: center;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	background:  #555;
	color: #555;
}

a, a:link, a:visited {
	text-decoration: none;
	color: #f68e56;
	
	
}

a:hover {
	text-decoration: underline;
	color: #ffe300;
	text-shadow: #666666 1px 1px 1px;
}
}

img {
	border: 0;
}

h1 {
	font-size: 1.75em;
	font-weight: bold;
}

hr {
	position: relative;
	right: 5px;
    height:7px;
    width:355px;
    background: url('images/hr.png') top left no-repeat;
    margin: 0px;
    border: 0px;
   }


.worktitle {
	text-transform: capitalize;
	font-weight: bold;
	color: #f68e56;
}
#footer{
	text-align: left;
	position: relative;;
	bottom: 100px;	
	margin:0 auto;
	padding-right:50px;
	padding-left:0px;
	width:900px;
	color: #cecece;
}

.footright{
	float: right;
	position:relative;
	bottom: 1.3em;;}

#page {
background: url('images/bg.jpg') top center no-repeat;
margin:0 auto;
padding:50px 50px;
width:1024px;
height:768px;

}
#flashcontent{

position: relative;
bottom: 32px;	
	
}


#imagebg2{ 
	
	width: 522px;
	height: 444px;	
	background: url('images/imagebg.png') top left no-repeat; 
	position: relative;
	top: 22px;
}



#imagebg2 img{ 
	width: 464px;
	position: relative;
	top: 30px;
	}
#imagebg{ 
	
	width: 522px;
	height: 444px;	
	background: url('images/imagebg2.png') top left no-repeat; 
	position: relative;
	top: 13px;
}



#imagebg img{ 
	width: 464px;
	position: relative;
	top: 30px;
	}


a#one{ 
	float: left;
	display: block;
	width: 31px;
	height: 33px;
	background: url('images/1.png') top left no-repeat; 
	}
	
a#one:hover{ 
	background: url('images/1over.png') top left no-repeat; 
	}

a#two{ 
	float: left;
	display: block;
	width: 31px;
	height: 33px;
	background: url('images/2.png') top left no-repeat; 
	}
	
a#two:hover{ 
	background: url('images/2over.png') top left no-repeat; 
	}

#mult{	
	position: relative;
	left: 225px;
	z-index: 100;
	bottom: 25px;
	width: 62px;
	height: 33px;
}

span i{
	display: none;	
}


#txtbgabout{ 	
	width: 435px;
	height: 400px;
	background: url('images/txtbgabout.png') top left no-repeat; 
	position: relative;
	top: 13px;
}

#txtbgblog{ 	
	width: 1000px;
	height: 444px;
	background: url('images/txtbgblog.png') top left no-repeat; 
	position: relative;
	top: 13px;
	}

#txtbg{ 
	width: 435px;
	height: 400px;
	background: url('images/txtbg.png') top left no-repeat; 
	position: relative;
	top: 25px;
}

#flashcontent2{	
	position: relative;
	left: 8px;
	bottom: 140px;
}


#blogbutton{
		display: block;
		width: 335px;
		height: 20px;
		background: url('images/titles/blog.jpg');
		padding-top: 10px;
		}
		
		
#submenu a{
	color: #fff;
	font-size: 110%;
	font-weight: bold;
	letter-spacing: 1px;
	position: relative;
	left: 215px;
	bottom: 26px;
}

#submenu a:hover{
	color: yellow;
	text-decoration: none;
}

.title{
	position: relative;
	left: 50px;	
	top:12px;
}

.title2{
	position: relative;
	left: 70px;	
	top: 15px;
}

#scroll_up{   
    cursor: pointer;
    display: block;
	height:43px;
	width:27px;
	background-image:url('images/up.gif');
	position: relative;
	top: 10px;
	}
  
#scroll_down {	 
   	cursor: pointer;
	display: block;
	height:43px;
	width:27px;
	background-image:url('images/down.gif');
	position: relative;
	left: 303px;
	bottom: 33px;
	}
 
#scroll_box {	
    height: 200px;
    width: 330px;
    overflow: auto;
  }
  
#scrizz{
  	width: 330px;
  	text-align: left;
  	position: relative;
	left: 55px; 	
  }
#scroll_box2 { 	
    height: 250px;
    width: 800px;
    overflow: auto;
  }
  
#scrizz2{
  	width: 800px;  	
  	text-align: left;
  	position: relative;
	left: 85px; 	
	
  }
  

#scroll_up i {display: none; }
#scroll_down i {display: none; }