@charset "utf-8";
/* CSS Document */

body {
background:#00a9e0 url(../images/bgimage.jpg) top left no-repeat;

}

div#header {
margin-top:18px;
}

/* Featured */

div#featured  {
height:42px;
width:550px;
margin-bottom:10px;
padding-left: 435px;
float:right;
}

div#featured h1 {
font-size:24px;
color:#384244;
letter-spacing:-1px;
font-weight:700;
background-color:#e7eef0;
width:164px;
}

/* -- top navigation start -- */
#topNav{
    padding-left:340px;
	padding-top:309px;
	padding-bottom:20px;
	width:400px; height:30px; margin:0 auto;
	}
	
#topNavi{
    padding-left:0px;
	padding-top:250px;
	padding-bottom:60px;
	width:400px; height:30px; margin:0 auto;
	}
#topNav ul{
	width:550px; margin:0 auto; }
#topNav ul li{
	float:left; margin:0 1px 0 0 ;}
#topNav ul li a{
	font:bold 14px/29px Arial, Helvetica, sans-serif; color:#fff;
	padding:0 5px; display:block; text-decoration:none;}
#topNav ul li a:hover{
	font:bold 14px/29px Arial, Helvetica, sans-serif; color:#000;
	background-image:none;
	padding:0 5px; display:block; text-decoration:none;}
#topNav ul li a.hover{
	font:bold 14px/29px Arial, Helvetica, sans-serif; color:#000;
	background-image:none;
	padding:0 5px; display:block; text-decoration:none;}
/* -- top navigation end -- */
---------------------------------

#menu{width:900px; margin-left:32px 0 0 0; padding:0px; float:left}
#menu ul{width:450px; margin:0px; padding:0px; float:right; display:block}
#menu ul li{width:auto; margin:0px; padding:0px; float:left; display:block}
#menu ul li a{width:auto; height:18px; margin:0px; padding:0px; float:left; font-family:Arial; font-size:12px; color:#45ada9; line-height:13px; text-decoration:none; cursor:pointer}
#menu ul li a:hover{background:url(images/rightCurve.jpg) no-repeat right}
#menu ul li a span{width:auto; height:16px; margin:0px; padding:2px 8px 0 8px; float:left; cursor:pointer}
#menu ul li a:hover span{background:url(images/leftCurve.jpg) no-repeat left}
#menu ul li .blank{width:1px; height:18px; margin:0px; padding:0 5px 0 5px; float:left; background:url(images/mBlank.jpg) no-repeat center top}

/* Portfolio */

div#titleportfolio  {
margin-bottom:6px;
width:520px;
padding-left: 380px;
float:left;
}


div#titleportfolio h1 {
font-size:24px;
color:#384244;
letter-spacing:-1px;
font-weight:700;
background-color:#e7eef0;
width:100px;
}


div#links {
height:40px;
margin-top:-10px;
}

div#titles  {
border-bottom:dashed 1px #384244;
height:42px;
width:937px;
margin-bottom:6px;
}

div#titles h1 {
font-size:18px;
color:#384244;
letter-spacing:-1px;
font-weight:700;
background-color:#e7eef0;
width:164px;
}

div#works {
width:500px;
float:right;
}


ul#filter {  font-size: 14px; list-style: none; margin-left: -24px; width: 900px; font-weight: bold;}
ul#filter li { 
float:right;
}
ul#filter a { color: #fff; text-decoration: none;}
ul#filter li.current a, ul#filter a:hover { text-decoration: underline;}
ul#filter li.current a { color: #333; font-weight: bold; }
ul#filter li.web {
background-image:url(../images/webicon.jpg);
}


div#portfoliospace {
margin-top:-10px;
width:927px;
padding-top:10px;
}

ul#portfolio {
float:right;
margin-left:-13px;
width:927px;
text-align:left;
	font-size:14px;
	color:#FFFFFF;
	font-weight: bold;
}

ul#portfolio li {
	float: left;
	width: 94px;
	height:200px;
	margin-left:17px;
	margin-right:0px;
	margin-top:10px;
	text-align:center;
	font-size:12px;
	color:#FFFFFF;
	font-weight: bold;
}

ul#portfolio li img {
border:#9bddf3 solid 5px;
}

ul#portfolio a { display: inline-block; width: 100%; }
ul#portfolio a:hover {
	text-decoration: none;
	display: inline-block;
}
ul#portfolio img {
	display: inline;
}

.hidden{
visibility: hidden;
display: none;
}

.hidden2
{
display: none;
}

span.backgroundcolor
{
background-color: #ffffff;
color:#384244;
font-size:16px;
font-weight:700;
} 

.panel h3 {
font-weight:700;
background-color:#0FF;
font-size:16px;
}

div#info {
width:300px;}

/* Contact Form */

.contact {
margin-left:45px;}

#contact-area {
margin-left:-8px;
font-size:14px;
color:#cFFFFF;
font-weight: bold;	
}

#contact-area input, #contact-area textarea {
border:1px solid #CCCCCC;
margin-bottom:6px;
margin-right:270px;
padding:5px;
width:280px;
}

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

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #607799;
}

#contact-area input.submit-button {
margin-right:279px;
width:100px;
}

div#infotitle {
background-image:url(../images/touch.png);
height:70px;
margin-bottom:6px;
width:924px;
}

/* Services */

#serviceslist h1 {
	font-size:16px;
	color:#FFFF00;
	font-weight:700;
	margin-bottom:5px;
} 

#serviceslist { 
margin-left:-27px;
padding:0;
width:620px;
font-weight:400;
} 

#serviceslist li { 
list-style-type:none; text-align:left;
} 

/* Footer */

div#footerspace {
background-color:#F8FAFA;
height:30px;
width:927px;
}

p.footertext {
color:#000000;
margin-left:8px;
margin-top:6px;
text-align:left;
}

.logos {
float:left;
margin-top:-1px;
}

#facebox .image p { 
        color:#000;
		font-weight:700;
        text-align: center; 
        margin: 0; 
        padding:0.3em; 
        } 
/* footter start -- */
#footter{
	background:color:#000000;}
.footter{
	width:1024px; height:150px; margin:0 auto; padding:12px 0 0 0;}
.footter ul{
	width:750px; margin:0 auto;}
.footter ul li{
	font:bold 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000000; float:left;}
.footter ul li a{
	font:bold 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none;
	color:#000000; padding:0 8px;}
.footter ul li a:hover{
	font:bold 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none;
	color:#000000; background-color:#E4E1E1; padding:0 8px;}
.footter p{
	margin:0 auto; width:250px; color:#094658; 
	font:normal 10px/18px Arial, Helvetica, sans-serif;}
.footter p.tworld{
	margin:0 auto; width:145px; height:17px; padding:0 3px;
	font:normal 12px/16px Arial, Helvetica, sans-serif; color:#414141;
	background-color:#FFFFFF; text-align:center;}
.footter p.tworld a{
	font:bold 12px/16px Arial, Helvetica, sans-serif; color:#456D0B;
	background-color:#FFFFFF; text-align:center; text-decoration:none;}
.footter p.tworld a:hover{
	font:bold 12px/16px Arial, Helvetica, sans-serif; color:#2E4A05;
	background-color:#FFFFFF; text-align:center; text-decoration:none;}
/* footer end -- */
#slideNav{
padding-top:100px;
   	padding-bottom:100px;
	margin:0 auto;
	}
.slideNav ul{
  list-style: none;
  margin: 0;
  padding: 0;
  
}

.slideNav ul li{
  float: left;
  padding: 10px;
  display: block;
  margin-right: 10px;
}

.slideNav ul li a{
  display: block;
  overflow: hidden;
  height: 100px;
  width: 75px;
}

.slideNav #a1{
  width: 250px;
}

.slideNav ul li img{
  position: absolute;
  border: 3px solid #881212;
}

.slideNav ul li p{
  margin: 0;
  padding: 0;
  width: 180px;
  display: block;
  margin-left: 85px;
}