/* CSS Document */

* {
	margin:0; padding:0;
}

img{
border:0px;
}

img.a{
border:0px;
}

body{
	padding:0; margin:0; background:#1E1E1E url(images/top-bg.gif) repeat-x; color:#CCCCCC;
}

IMG {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}

a:link { color: #99cc00; text-decoration:none;}
a:visited { color: #99cc00; text-decoration:none; } 
a:hover { color: #00A2FF; text-decoration:none; } 

div, ul, h1, h2, h3, h4, p, img, form{
	padding:0; margin:0; border:none;
	}
ul{
	list-style-type:none;
	}
.blank{
	font-size:0px; clear:both; line-height:0px;
	}
/*font style*/
	
	
/* Header */	
#head{
	width:1000px; margin:0 auto 0 auto; background:url(images/header.jpg) no-repeat; height:330px;
	}
	
.headernavi{
	background:url(images/headnavi.gif) no-repeat; margin:26px 0 0 506px;  width:444px; height:36px; 
	}
	
#headernavi{
	width:1000px; margin:0 auto 0 auto; background:url(images/header2.gif) no-repeat; height:66px;
	}
	
#menu {
  list-style: none; padding: 0;  margin: 0 0 0 413px;  width: 552px;  height: 66px;  background: url(images/menubg.gif) no-repeat;  position: relative;
	}
	
#menu span {
  display: none;  position: absolute;
}

#menu a {
  display: block;  text-indent: -900%;  position: absolute;  outline: none; cursor: pointer;
}

#menu a:hover {
  background-position: left bottom;
}

#menu a:hover span {
  display: block;
}

#menu .profile {
  width: 101px;
  height: 27px;
  background: url(images/menu-profile.jpg) no-repeat;
  left: 0px;
  top: 11px;
}

#menu .profile span {
  width: 101px;
  height: 27px;
  background: url(images/menu-profileover.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#menu .works {
  width: 101px;
  height: 27px;
  background: url(images/menu-works.jpg) no-repeat;
  left: 113px;
  top: 11px;
}

#menu .works span {
  width: 101px;
  height: 27px;
  background: url(images/menu-worksover.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#menu .contact {
  width: 101px;
  height: 27px;
  background: url(images/menu-contact.jpg) no-repeat;
  left: 226px;
  top: 11px;
}

#menu .contact span {
  width: 101px;
  height: 27px;
  background: url(images/menu-contactover.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#menu .goodies {
  width: 101px;
  height: 27px;
  background: url(images/menu-goodies.jpg) no-repeat;
  left: 338px;
  top: 11px;
}

#menu .goodies span {
  width: 101px;
  height: 27px;
  background: url(images/menu-goodiesover.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#menu .blog {
  width: 101px;
  height: 27px;
  background: url(images/menu-blog.jpg) no-repeat;
  left: 450px;
  top: 11px;
}

#menu .blog span {
  width: 101px;
  height: 27px;
  background: url(images/menu-blogover.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

/*content*/
.mainContent{
	width:950px; margin:15px auto 0 auto;
	padding-left: 20px;
	}
	
.title{
width:920px;
height: 40px;
background:url(images/title-bg.gif) repeat-x 0 0;
}

.titletext {
padding-left: 25px;
margin-top: 9px;
color:#00CCFF;
font-weight:bold;
font:18px "Arial", Helvetica, sans-serif;
float:left;
}
.titleicon {
margin-top: 0;
background:url(images/title-icon.gif) repeat-x 0 0;
height:40px;
width: 93px;
float:right;
}

.content{
width:870px;
background:#252525;
padding: 25px;
color:#EBEBEB;
font:12px "Arial", Helvetica, sans-serif;
line-height: 175%;
text-align:justify;
}

/*footer*/

#footermain{
	background:url(images/footerbg.gif) repeat-x 0 0; width:100%;
	}	

#footer{
	background:url(images/footerbg.gif) repeat-x 0 0; height:271px; width:1000px; margin:0 auto 0 auto; padding:0 0 0 0; overflow:hidden;
	}
	
#hireme{
	width:270px; margin:0 auto 0 auto; height:237px; float:left
	}
	
#hireme_copy{
	width:175px;
	background:url(images/title_hireme.gif) no-repeat;
	height:150px;
	font:12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#666666;
	line-height: 15pt;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 45px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	}
#siteimin{
	width:350px; margin:0 auto 0 auto; height:237px; float:left
	}

#ft_acc{
	width:720px; margin:21px auto 0 -50px; height:194px; float:left
	
	}
	


.header_highlight{
	background:#1C1C1C;
}

/*ft_thums*/
.ft_thums_block {
	width: 120%;
	height: 180px;
	margin: 15px;
	padding-top: 15px;
	padding-left: 0px;
	}

.ft_thums_block a {
	display:block;
	float:left;
	padding-right: 3em;
	margin: 4px;
	}

.ft_thums_block a img {
	vertical-align:middle;
	display: block;
	border: 0px;
	}

.ft_thums_block h1 {
	padding: 1.5em 0 1em 0;
	}
	
.ft_thums_inner {
	padding: 0 4%;
	}

/*ft_thums*/

.copyright
{
margin: 245px 0 0 30px;
display:block;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}

.copyright A:link {
	COLOR: #ccc; BORDER-BOTTOM: #99cc00 1px dotted;  BACKGROUND-COLOR: transparent; TEXT-DECORATION: none
}
.copyright A:visited {
	COLOR: #ccc; BORDER-BOTTOM: #99cc00 1px dotted;  BACKGROUND-COLOR: transparent; TEXT-DECORATION: none
}
.copyright A:active {
	COLOR: #ccc; BORDER-BOTTOM: #99cc00 1px dotted; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none
}
.copyright A:hover {
	COLOR: #ccc; BORDER-BOTTOM: #00A2FF 1px dotted; BACKGROUND-COLOR: transparent
}


/*contact*/

#contact-area {
	width: 400px;
	margin-top: 0px;
}

#contact-area input, #contact-area textarea {
	padding: 2px;
	width: 200px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
	color:#CCCCCC;
	margin: 0px 0px 10px 0px;
	border: 1px solid #ccc;
	background:#333333;
}

#contact-area textarea {
	height: 60px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 1px solid #66CC00;
}

#contact-area input.submit-button {
	width: 90px;
	font-size:12px;
	margin-left: 250px;

}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 70px;
	padding-top: 5px;
	font-size: 1em;
}