/*******************************************
	Website - Tint Solutions
	Filename - styles.css	
	Author - Anton Hoang
*******************************************/

/*******************************************
	Global
*******************************************/
* { border: 0; margin: 0; padding: 0; }

body, h1, h2, h3, h4, h5, h6, p, ol, ul, form, blockquote {
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, pre, code {
	font-size: 1em;
}
/*a {
	text-decoration: none;
}*/
a:hover {text-decoration: none;
		color:#CCCCCC;
}

a {color:black;}

a img {
	border: none;
	color:#999999;
}

body { 
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 0.9em;
	background-color:#000000;
	min-width:896px;
	text-align:center;
}


.clear{
	clear:both;
}

.bold{
	font-weight:100;
}

* html .title {
	display: inline;
}

ul li{
	display:inline;
}
/*******************************************
	Master Template - Common
	
	Top Banner
	-
	Main
	-
	Footer
*******************************************/

.container{ /***** entire container for page ****/
	width: 896px;
	height: 830px;
	margin:0 auto;
	background-color:#FFFFFF;
	text-align:left;
}


#header_home {
	width:896px;
	height:205px;
	background:url(../img/head_main.jpg) no-repeat;
	background-color:#ffffff;
	text-align:right;
	padding:20px 0px 0px 0px; /** top right bottom left **/
}

#header_home p {
	margin-right:20px;
	font: .8em Helvetica, Verdana, Arial, sans-serif;
	color:#838bb2;
	font-weight:bold;
}

#header_aboutus {
	width:896px;
	height:217px;
	background:url(../img/head_aboutus.jpg) no-repeat;
	background-color:#ffffff;
	text-align:right;
	padding:20px 0px 0px 0px; /** top right bottom left **/
}

#header_aboutus p {
	margin-right:20px;
	font: .8em Helvetica, Verdana, Arial, sans-serif;
	color:#838bb2;
	font-weight:bold;
}
#header_services {
	width:896px;
	height:240px;
	background:url(../img/head_services.jpg) no-repeat;
	background-color:#ffffff;
	text-align:right;
	padding:20px 0px 0px 0px; /** top right bottom left **/
}

#header_services p {
	margin-right:20px;
	font: .8em Helvetica, Verdana, Arial, sans-serif;
	color:#838bb2;
	font-weight:bold;
}
#header_gallery {
	width:896px;
	height:217px;
	background:url(../img/head_gallery.jpg) no-repeat;
	background-color:#ffffff;
	text-align:right;
	padding:20px 0px 0px 0px; /** top right bottom left **/
}

#header_gallery p {
	margin-right:20px;
	font: .8em Helvetica, Verdana, Arial, sans-serif;
	color:#838bb2;
	font-weight:bold;
}

#header_contact {
	width:896px;
	height:217px;
	background:url(../img/head_contact.jpg) no-repeat;
	background-color:#ffffff;
	text-align:right;
	padding:20px 0px 0px 0px; /** top right bottom left **/
}

#header_contact p {
	margin-right:20px;
	font: .8em Helvetica, Verdana, Arial, sans-serif;
	color:#838bb2;
	font-weight:bold;
}


.main { /***** background for main body copy area ***/
	float: right;
	width:688px;
	height:693px;
	background:url(../img/main_bg.jpg) no-repeat;
	background-color:#ffffff;
}

.title {
	width:688px;
	height:82px;
	background:url(../img/title_bg.jpg) no-repeat;
	background-color:#ffffff;
	
}

.title p {
	position:absolute;
	text-indent:50px;
	margin:32px 0 0 0px;
	font: 1.0em Helvetica, Verdana, Arial, sans-serif;
	color:#FFFFFF;
	font-weight:bold;
}



.copy {

	font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif;
	font-size: 1.0em;
	padding:20px 0px 0px 0px; /** top right bottom left **/

}

.copy p{
	text-indent:0px;
	display:block;
	padding:0px 50px 0px 50px; /** top right bottom left **/
}

.copy h1{
	padding:0px 50px 0px 50px; /** top right bottom left **/

}
.copy ul{
	margin:0px 50px 0px 30px; ;
	padding:0px 0px 0px 50px; /** top right bottom left **/
	display:block;

}
.copy li{
	display:list-item;
}

.footer{
	width:100%;
	background-color:#ffffff;
	text-align:right;
	font: .7em Helvetica, Verdana, Arial, sans-serif;
	color:#787878;
	padding:5px 0 5px 0;
}

.footer p{
	text-indent:20px;
	margin-right:30px;
}

.gallery_left { 
	width:150px;
	height:200px;
	padding:0px 0px 0px 50px;
}
.gallery { 
	width:150px;
	height:200px;
	padding:0px 0px 0px 40px;
}

/****** Begin Nav Menu ******/
.nav {
	float:left;
	width:208px;
	height:693px;
	background:url(../img/nav_bg.jpg) no-repeat;

}

.nav_menu{
	position:relative;
	float:left;
}

.nav a.home {
	position:absolute;
	display:block;
	top:23px;
	left:17px;
	width:177px;
	height:35px;
	background:url(../img/nav_home_1.jpg) 0 0 no-repeat;	
	text-decoration: none;
}

.nav a.home:hover{
	background:url(../img/nav_home_2.jpg) 0 0 no-repeat;	
}

.nav a.about {
	position:absolute;
	display:block;
	top:58px;
	left:17px;
	width:177px;
	height:32px;
	background:url(../img/nav_aboutus1.jpg) 0 0 no-repeat;	
	text-decoration: none;
}

.nav a.about:hover{
	background:url(../img/nav_aboutus2.jpg) 0 0 no-repeat;	
}

.nav a.services {
	position:absolute;
	display:block;
	top:90px;
	left:17px;
	width:177px;
	height:33px;
	background:url(../img/nav_services1.jpg) 0 0 no-repeat;	
	text-decoration: none;
}

.nav a.services:hover{
	background:url(../img/nav_services2.jpg) 0 0 no-repeat;	
}

.nav a.gallery {
	position:absolute;
	display:block;
	top:123px;
	left:17px;
	width:177px;
	height:34px;
	background:url(../img/nav_gallery1.jpg) 0 0 no-repeat;	
	text-decoration: none;
}

.nav a.gallery:hover{
	background:url(../img/nav_gallery2.jpg) 0 0 no-repeat;	
}


.nav a.contact {
	position:absolute;
	display:block;
	top:157px;
	left:17px;
	width:177px;
	height:34px;
	background:url(../img/nav_contact1.jpg) 0 0 no-repeat;	
	text-decoration: none;
}

.nav a.contact:hover{
	background:url(../img/nav_contact2.jpg) 0 0 no-repeat;	
}
/****** End Nav Menu ******/