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

a {
	outline:none;
}
	
#header img{
	border:none;
}

*{
	margin: 0;
	padding: 0;
}
.show {
	display:block;
}
.hide {
	display:none;
}

span{
	font-weight:bolder;
	color:#CCC;
	}

	#dots{
	position:relative;
	width:180px;
	height:55px;
	left:720px;
	bottom:30px;
}

#dots a{
	outline:0;
}

#dot1{
	margin-top:12px;
	margin-left:11px;
}

#dot2{
	margin-top:5px;
	margin-left:7px;
}

#dot3{
	margin-top:10px;
	margin-left:11px;
}

.dot{
	background:url(../i/dot.png) no-repeat top right;
	display:inline;
	height:55px;
	width:55px;
	float:left;
	margin-left:5px;
}


/*Row 1 start here*/
#row1 {
	width:350px;
	position: relative;
	left: 595px;
	top: -300px;
	margin-bottom: -350px;
	}
#row1 h2 {
	font-weight:lighter;
	margin-bottom: 10px;
}
#row1 ul li {
	list-style: none;
	display: inline;
	padding-bottom: 10px;
}
#row1 ul li img:visited {
	border: 2px solid white;
	outline: none;
	text-decoration: none;
}
#row1 ul li img:hover {
	border: 2px solid #7d7973;
	outline: none;
	text-decoration: none;
}
#row1 ul li img {
	border: 2px solid white;
	outline: none;
	text-decoration: none;
}

/*Row 2 start here*/
#row2 ul li {
	list-style: none;
	display: inline;
}
#row2 {
	width:350px;
	position: relative;
	left: 595px;
	top: -300px;
	margin-bottom: -250px;
	}
#row2 h2 {
	font-weight:lighter;
	margin-bottom: 10px;
}
#row2 ul li img {
	border: 2px solid white;
	outline: none;
	text-decoration: none;
}
#row2 ul li img:visited {
	border: 2px solid white;
	outline: none;
	text-decoration: none;
}
#row2 ul li img:hover {
	border: 2px solid #7d7973;
	outline: none;
	text-decoration: none;
}



/*Row 3 start here*/
#row3 ul li {
	list-style: none;
	display: inline;
}
#row3 {
	width:350px;
	position: relative;
	left: 595px;
	top: -300px;
	margin-bottom: -250px;
	}

#row3 h2 {
	font-weight:lighter;
	margin-bottom: 10px;
}
#row3 ul li img {
	border: 2px solid white;
	outline: none;
	text-decoration: none;
}
#row3 ul li img:visited {
	border: 2px solid white;
	outline: none;
	text-decoration: none;
}
#row3 ul li img:hover {
	border: 2px solid #7d7973;
	outline: none;
	text-decoration: none;
}

/*end essential styling*/



/*start styling document*/
body{
	background:url(../i/background-noise.jpg) repeat-x scroll left top transparent;
	display:block;
	min-height:200px;
	padding-top:30px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#FFF;
}

#container{
	background:url(../i/background-light.jpg) repeat-x scroll center top transparent;
	width:960px;
	margin-left:auto;
	margin-right:auto;
	display:block;
	min-height:800px;
}

#main {
	width: 960px;
	height: 1px;
	margin-top:-50px;
}

#placeholder {
	margin: 0 auto;
	width: 550px;
	height:368px;
	position: relative;
	float:left;
	top:70px;
	border: 5px solid #7d7973;
}
#description {
	margin: 0 auto;
	width: 140px;
	height:auto;
	position: relative;
	top: 90px;
	left: -390px;
	font-weight:bold;
	color:#fff;
}

/* Navigation */

#nav {
	font-size:24px;
	position: relative;
	top:55px;
	float:left;
}
#nav li {
	list-style: none;
	display: inline;
	margin-right: 15px;
}
#nav li a{
	text-decoration: none;
	color:#FFF;
}
#nav li a:visited {
	text-decoration:none;
	color:##7d7973;
}
#nav li a:hover {
	text-decoration:none;
	color:#7d7973;
}

#nav1 {
	font-size:14px;
	margin-top:60px;
	float:right;
	width:510px;
	height:25px;
}
#nav1 li {
	list-style:none;
	display:inline;
	margin-right: 20px;
}

#nav1 li a{
	color:#FFF;
	text-decoration:none;
}

#nav1 li a:visited {
	text-decoration:none;
	color:#FFF;
}
#nav1 li a:hover {
	text-decoration:none;
	color:#7d7973;
}

#footer{
	background-image:url(../i/background-light.jpg);
	clear:both;
	background-color:#3e3930;
	position:relative;
	margin-top:20px;
	height: 40px;
	width:100%;
	text-align:center;
	font-size:9px;
	font-family:Verdana, Geneva, sans-serif;
}

#footer p{
	padding-top:20px;
	}