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

body{
	background:url(../images/bodyBG_02.jpg) top repeat-x #010101;
	font-family:Helvetica;
	font-size:12px;
	color:#797979;
	line-height:1.2em;
}

#container .welcomeCopy span{
	color:#ffffff;
	font-weight:bold;
}

#container{
	margin:0 auto;
	position:relative;
	width:1002px;
	clear:both;
}

#container .slideshow{
	float:left;
	clear:both;
	background:url(../images/topRight_04.jpg) no-repeat 755px 0px;
}

#container p{
	float:left;
	padding:0 40px 10px 40px;
}

#container a{
	font-family:Helvetica;
	font-size:12px;
	color:#b8c819;
	text-decoration:underline;
}

#container .footer{
	width:1002px;
	border-top:1px solid #313131;
	margin-top:50px;
	float:left;
	clear:both;
	font-size:10px;
	color:#bebebd;
	background:url(../images/bottomDetail_06.jpg) no-repeat;
	height:276px;
}

#container .footer p{
	float:left;
	padding:10px 0 0 0;
	margin:0;
}

#container .footer ul{
	float:right;
	margin:0;
	padding:10px 0 0 0;
}

#container .footer li{
	float:left;
	display:inline;
	padding:0 5px;
	color:#bebebd;
	margin:0;
}

#container .footer li a{
	font-size:10px;
	color:#bebebd;
	text-decoration:none;
}

#container .header{
	background:url(../images/topRight_02.jpg) no-repeat;
	width:1002px;
	height:141px;
	background-position:right;
}

#container .header .brand{
	background:url(../images/eteterdesign.gif) no-repeat bottom;
	width:410px;
	height:141px;
	
}	

/*//////////// START WEB //////////////////////*/
#container .thumbs{
	float:left;
	clear:both;
	background:url(../images/topRight_04.jpg) no-repeat 755px 0px;
}

#container .left{
	float:left;
	height:100%;
	width:435px;
	padding-left:15px;
}


#container  .piece{
	float:left;
	width:470px;
	height:198px;
	padding:40px 0;
}

#container  .piece img{
	float:left;
	padding-right:10px;
}

#container .piece .view a{
	font-size:12px;
	text-align:right;
	text-decoration:none;
	position:relative;
	top:40px;
}

#container .piece .view a:hover{
	text-decoration:underline;
}



#container .piece a{
	font-weight:bold;
	float:left;
	font-size:14px;
	width:260px;
}
#container  .piece p{
	padding:0;
	margin:0;
	float:left;
	width:260px;
}

#container  .piece .skills{
	padding:10px 0 0 0;
	margin:0;
	float:left;
	width:260px;
}

#container  .piece .skills span{
	color:#ffffff;
	font-weight:bold;
}

#container .right{
	float:right;
	height:100%;
	width:470px;
	padding-right:15px;
	background:url(../images/topRight_04.jpg) no-repeat;
	background-position:top right;
}

#container  .piece1{
	float:left;
	width:470px;
	height:198px;
	padding-bottom:40px;
}

#container  .piece1 img{
	float:left;
	padding-right:10px;
}

#container .piece1 .view a{
	font-size:12px;
	text-align:right;
	text-decoration:none;
	position:relative;
	top:40px;
}

#container .piece1 .view a:hover{
	text-decoration:underline;
}



#container .piece1 a{
	font-weight:bold;
	float:left;
	font-size:14px;
	width:260px;
}
#container  .piece1 p{
	padding:0;
	margin:0;
	float:left;
	width:260px;
}

#container  .piece1 .skills{
	padding:10px 0 0 0;
	margin:0;
	float:left;
	width:260px;
}

#container  .piece1 .skills span{
	color:#ffffff;
	font-weight:bold;
}

#container .divider2{
	margin:2px 0;
	height:1px;
	background-color:#666666;
	width:470px;
	overflow:hidden;
	float:left;
}
/*//////////// START WEB DETAIL //////////////////////*/
/*#containers .screens{
	float:left;
	clear:both;
	width:972px;
	padding:15px 0;
	background:url(../images/topRight_04.jpg) no-repeat;
	background-position:top right;
}	*/

#container .screens{
	float:left;
	height:100%;
	width:972px;
	padding-left:15px;
	background:url(../images/topRight_04.jpg) no-repeat 755px 0;
}

#container .screens p{
	margin:0;
	padding:10px 0;
}

#container .screens h2{
	font-size:14px;
	color:#ffffff;
	font-weight:bold;
	padding-bottom:10px;
}

#container .screens img{
	padding:0 0 40px 0;
}

/*//////////////////// START ABOUT ////////////////////////////////*/

.programs{
	float:left;
	margin:0;
	padding:0;
	width:190px;
	border-right:1px solid #6a6a6a;
	position:relative;
	top:15px;
	left:50px;
}

.programs li{
	float:left;
	display:inline;
	padding:6px;
	list-style:none;
	margin:0;
	height:46px;
}	

.programs li{
	float:left;
	display:inline;
	padding:6px;
	list-style:none;
	margin:0;
	height:46px;
}

.skillsAbout{
	float:left;
	margin:0;
	padding:0;
	width:80px;
	height:115px;
	position:relative;
	top:15px;
	left:60px;
}

.skillsAbout li{
	float:left;
	display:inline;
	padding:6px;
	list-style:none;
	margin:0;
	height:17px;
	width:190px;
}

#container .skillsAbout p{
	padding:0 0 0 25px;
	margin:0;
	background:url(../images/aboutDetails_10.gif) no-repeat 0 -2px;
	height:17px;
}

#container .skillsAbout2 p{
	padding:0 0 0 25px;
	margin:0;
	background:url(../images/aboutDetails_10.gif) no-repeat 0 -2px;
	height:17px;
}

.skillsAbout2{
	float:left;
	margin:0;
	padding:0;
	width:120px;
	height:115px;
	border-right:1px solid #6a6a6a;
	position:relative;
	top:15px;
	left:60px;
}

.skillsAbout2 li{
	float:left;
	display:inline;
	padding:6px;
	list-style:none;
	margin:0;
	height:17px;
	width:190px;
}

.inspire{
	float:left;
	margin:0;
	padding:0;
	width:110px;
	height:190px;
	position:relative;
	top:15px;
	left:72px;
}

.inspire li{
	float:left;
	display:inline;
	padding:6px;
	list-style:none;
	margin:0;
	height:17px;
	width:190px;
}



.inspire2{
	float:left;
	margin:0;
	padding:0;
	width:185px;
	height:115px;
	position:relative;
	top:15px;
	left:180px;
}

.inspire2 li{
	float:left;
	display:inline;
	padding:6px;
	list-style:none;
	margin:0;
	height:17px;
}

#container .skills2 p{
	padding:0 0 0 25px;
	margin:0;
	background:url(../images/aboutDetails_10.gif) no-repeat 0 -2px;
	height:17px;
}