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

html, body {
	margin-top: 0em;
	padding: 0em;
	background-color: #FFFFFF;
	}

#container, #containerGallery, #containerContact{
	width:1046px;
	height:800px;
	position: relative;
	overflow:hidden;
	margin-top: 0em;
	margin-right: auto;
	margin-bottom: 0em;
	margin-left: auto;
	background-image: url(images/bkgImage.jpg);
	background-repeat:no-repeat;}
	
#containerGallery{
background-image: url(images/bkgImageGallery.jpg);
height:980px;
}
#containerContact{
background-image: url(images/bkgImageContact.jpg);
height:573px;
}

#header{
	width:1030px;
	height:164px;
	overflow:hidden;
	float: left;
	background-repeat: no-repeat;}
	
#logo{
	background:url(images/logo.jpg) no-repeat;
	margin-top:2em;
	margin-left:3em;
	margin-right:0em;
	margin-bottom:0em;
	width:385px;
	height:136px;
	float:left;
	overflow:visible;}
	
#logo a {display:block;width:385px;height:136px;}

.tel{
	width:230px;
	margin-left:0em;
	margin-right:80px!important;
	margin-right:40px;
	margin-top: 45px;
	float: right;
	overflow:hidden;}
	
p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #0156A9;
	line-height: 15px;
	text-decoration: none;
	margin-top:0px;
	margin-bottom:0px;
	margin-bottom:0px;
}

p a{
	font-family:Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #0156A9;
	line-height: 15px;
	text-decoration: none;
	margin-top:0px;
	
}

p a:hover{
	font-family:Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #cc3399;
	line-height: 15px;
	text-decoration: none;
	margin-top:0px;
}
			
h1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #cc3399;
	line-height: 18px;
}

h1 a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #cc3399;
	line-height: 18px;
	text-decoration: none;
}
	
h1 a:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #0156a9;
	line-height: 18px;
	text-decoration: none;
}

h2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #cc3399;
	margin-top:0px;
	margin-bottom:0px;
}

h2 a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #cc3399;
	margin-top:0px;
	text-decoration: none;
	margin-bottom:0px;
}
	
h2 a:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #0156a9;
	margin-top:0px;
	text-decoration: none;
	margin-bottom:0px;
}

			#main{
			width:860px;
			height:auto;
			margin-left: 0em;
			margin-right: 0em;
			margin-top: 0em;
			float: left;
			overflow:hidden;
			}
			
			#nav{
			width:300px;
			height:auto;
			margin-left: 0em;
			margin-right: 0em;
			margin-top: 0em;
			float: left;
			overflow:hidden;}
			
			#mainRight, #mainRightGallery, #mainRightHome{
			width:550px;
			height:auto;
			margin-left: 0em;
			margin-right: 0em;
			margin-top: 3em;
			float: right;
			overflow:hidden;
			}
			
			#mainRightGallery{
			margin-top: 10px;
			}
			
			#mainRightHome{
			width:420px;
			float: left;
			}
			

.home a {
display:block;
width: 52px;
height:15px;
overflow:hidden;
background: url("images/homeButton.jpg") 0 0 no-repeat;
margin-left:9em;
margin-top:4.8em;}

.home a:hover { 
background-position: 0 -17px;
cursor:pointer;}

.traditional a {
display:block;
width: 150px;
height:15px;
overflow:hidden;
background: url("images/traditionalButton.jpg") 0 0 no-repeat;
margin-left:9em;
margin-top:0.7em;}

.traditional a:hover { 
background-position: 0 -16px;
cursor:pointer;}

.abstract a {
display:block;
width: 150px;
height:15px;
overflow:hidden;
background: url("images/abstractButton.jpg") 0 0 no-repeat;
margin-left:9em;
margin-top:0.6em;}

.abstract a:hover { 
background-position: 0 -16px;
cursor:pointer;}

.contemporary a {
display:block;
width: 160px;
height:19px;
overflow:hidden;
background: url("images/contemporaryButton.jpg") 0 0 no-repeat;
margin-left:9em;
margin-top:0.6em;}

.contemporary a:hover{
background-position: 0 -19px;
cursor:pointer;}

.contact a {
display:block;
width: 100px;
height:15px;
overflow:hidden;
background: url("images/contactButton1.jpg") 0 0 no-repeat;
margin-left:5.7em;
margin-top:2em;}

.contact a:hover { 
background-position: 0 -16px;
cursor:pointer;}


						
.gallery {background: url("images/galleryButton.jpg") 0 0 no-repeat;
			width:76px;
			height:21px;
			margin-left:7em;
			margin-top:2.5em;}
			
								#pics{
								width:600px;
								height:auto;
								margin-left:7em!important;
								margin-left:2.5em;
								margin-top:50px;
								float:left;}
								
								.picLink1, .picLink2, .picLink3{
								float:left;
								width: 146px;
								height:183px;
								overflow:hidden;
								background: url("images/contemporaryPic.jpg") 0 0 no-repeat;
								margin-left:0em;
								margin-top:0em;}	
								
								.picLink2{		
								 	background: url("images/abstractPic.jpg") 0 0 no-repeat;
									margin-left:50px;
									}
									
									.picLink3{		
								 	background: url("images/traditionalPic.jpg") 0 0 no-repeat;
									margin-left:50px;
									}
								
								.picLink1 a,.picLink2 a, .picLink3 a{
								float:left;
								width: 146px;
								height:183px;
								background: url("images/contemporaryPic.jpg") 0 0 no-repeat;
								overflow:hidden;
								margin-left:0em;
								margin-top:0em;}	
								
								.picLink2 a{		
								 	background: url("images/abstractPic.jpg") 0 0 no-repeat;
								
									}
									
									.picLink3 a{		
								 	background: url("images/traditionalPic.jpg") 0 0 no-repeat;
							
									}
										
								.picLink1 a:hover, .picLink2 a:hover, .picLink3 a:hover{
								background-position: -147px 0 ;
								cursor:pointer;}
								
								#footer{
								width:769px;
								float:left;
								margin-left:3em!important;
								margin-left:2em;
								margin-top:15px;
								} 
								
								ul{
								margin-bottom:0.5em;
								width:auto;
								float:left;
								margin-left:0px;
								list-style: none;
								margin-top:1em;}
								
								li{
								width:auto;
								list-style: none;
								float:left;
								margin: 0 0.2em;
								margin-left:0px;} 
								
								li a{
								list-style: none;
								float:left;
								margin: 0 0.15em;
								margin-left:0px;} 
								
								.footerCopyright{
								width:769px;
								float:left;
								margin-left:0em;
								margin-top:0em;
								} 
								
#mainGallery{
	background-image: url(images/GalleryBkg_02.jpg);
	width:540px;
	height:auto;
	margin-left: 0em!important;
	margin-left:0.5em;
	margin-right: 0em;
	margin-top: 0em;
	float: left;
	overflow:hidden;
	}
	
.galleryArea{
			width:500px;
			height:auto;
			margin-left: 0em;
			margin-right: 0em;
			margin-top: 0em;
			float: left;
			overflow:hidden;}
			
.LrgImage{
			width:430px;
			height:325px;
			margin-left: 2.5em;
			margin-right: 0em;
			margin-top: 0.5em;
			margin-bottom:0;
			float: left;
			}
		
.thumbsHolder{
			width:550px;
			height:auto;
			margin-left: 0em;
			margin-right: 0.5em;
			margin-top: 10px;
			float: left;
			overflow:hidden;}
		
.Thumbs{
			width:78px;
			height:79px;
			margin-left: 1.5em;
			margin-right: 0em;
			margin-top: 0em;
			float: left;
			cursor: pointer;
			overflow:hidden;}
			
.bodyTextThumbName{
			width:79px;
			height:auto;
			margin-left: 1.5em;
			margin-right: 0em;
			margin-top: 0em;
			float: left;
			overflow:hidden;}
			
.line{
	display:block;
	float:left;
	width:490px;
	margin-left:23px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #b1c9e2;	
	height:10px;
}