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

/*Main Content*/

html {
	height:100%;
}

body {
margin:0 auto; padding:0px 0px 0px 0px;
background-color: #1A2329;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
letter-spacing:1px;
line-height:17px;
color:#ffffff;
}

#container {
margin: 0 auto;
width:100%;
min-height:400px;

}

#innercontainer {
margin: 0 auto;
width:965px;
min-height:400px;
background-image:url(../img/containerbg.jpg);
overflow:hidden;
}

#logo {
float:left;
padding-top:00px;
padding-left:015px;
display:inline;
}

#content-right {
text-align:left;
width:500px; 
display:block;
padding-top:53px;
float:right;
}

#redline-right {
text-align:left;
width:445px;
height:5px; 
display:block;
padding-top:5px;
float:right;
}

#maincontent {
float:left;
width:985px;
min-height:200px;
overflow:hidden;
margin-left:20px;

}

#maincontent-left {
text-align:left;
width:450px; 
display:block;
padding-top:15px;
float:left;
}

#maincontent-leftinner {
text-align:left;
width:650px;
min-height:482px;
display:block;
padding-top:15px;
float:left;
}

#redline1 {
text-align:left;
width:7px;
height:265px;
display:block;
margin-top:30px;
margin-left:15px;
float:left;
background-image:url(../img/redline.png);
}

#redline2 {
text-align:left;
width:1px;
height:500px;
display:block;
margin-top:30px;
margin-left:15px;
float:left;
background-image:url(../img/redline2.png);
}

#maincontent-middle {
text-align:left;
width:120px; 
display:block;
padding-top:15px;
margin-left:10px;
float:left;
}

#maincontent-right {
text-align:left;
width:300px; 
display:block;
padding-top:15px;
float:left;
margin-left:15px;
}

#maincontent-rightinner {
text-align:left;
width:250px; 
display:block;
padding-top:15px;
float:left;
margin-left:25px;
}


#footer {
margin: 0 auto;
width:100%;
min-height:150px;
background-color:#333333;
border-top:1px solid #666666;
color:#cccccc;
font-size:10px;
font-family: Arial, Helvetica, sans-serif;
overflow:hidden;
}

#footercontainer {
margin: 0 auto;
width:950px;
background-color::#333333;
}

#footer-right {
text-align:right;
width:350px; 
display:block;
padding-top:8px;
float:right;
color:#cccccc;

}

#footer-left {
text-align:left;
width:550px; 
display:block;
padding-top:8px;
float:left;
}


h1, h3, h4 { font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-weight: bold; padding-top: 6px; line-height: normal; }

h2 { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-weight: bold; padding-top: 6px; line-height: normal; }

a:link, a:visited { text-decoration: underline; color: #ffffff; }
a:hover { text-decoration: underline; color: #ff0000; }

input, textarea, select {
	background-color: #FFFFDD;
	border: none;
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif
}

.right {
  float:right;
  margin-bottom:5px;
  padding:5px 5px 5px 5px;
}

.left {
  float:left;
  margin-right:20px;
  margin-bottom:3px;
  padding:5px 5px 5px 5px;
}


/*top navigation*/

#navcontainer {
margin: 0 auto;
width:540px;
height:14px;
background-image: url(../img/navbg.gif);
margin-right: 13px; 
margin-top:0px;
}


#nav a:link, #nav a:visited {
  text-decoration:none;
  list-style:none;
  background-position: 0 0;
}

#nav li a:hover {
  list-style:none;
  background-position: 0 -14px;
  display:block;
	height: 15px;
}

#nav li a {
  display:block;
	height: 15px;
}

#nav {
  margin:0 auto;
  width:520px; 
  padding:0px 0 0 0px;
  list-style:none;
  text-indent: -5000px;
  padding-top:1px;
  padding-left:108px;
  
}

#nav li {
  margin: 0 0 0 0;
  background: none;
  margin-right: 0px;
  text-align: center;
  float: left;
  list-style: none;
  margin-left: 0px;
  margin-top:0px;
  padding-right:21px;
}

#nav li #home {
  background-image: url(../img/buttons/home.jpg); 
  width:39px; 
}

#nav li #news {
  background-image: url(../img/buttons/news.jpg); 
  width:37px; 
}

#nav li #services {
  background-image: url(../img/buttons/services.jpg); 
  width:57px; 
}

#nav li #gallery {
  background-image: url(../img/buttons/gallery.jpg);
  width:53px;  
}

#nav li #contact {
  background-image: url(../img/buttons/contact.jpg);
  width:60px;  
}

#nav li #grand {
  background-image: url(../img/buttons/grand.jpg);
  width:95px;  
}

/*slide show*/


#carousel {
	position: relative;
	height: 332px;	
	width: 870px;
	background-color: transparent url(../images/backgrounds/carouselbg.png) no-repeat !important;
	float: left;
	margin: 0;
	padding: 0 0 0 0px;
	margin-top: -6px;
	margin-left:65px;
	display: block;
	overflow: hidden !important;
	}

#carousel a#prev1, #carousel a#next1 {
	width: 27px;
	height: 28px;
	position: relative;
	text-indent: -9999px;
	overflow: hidden !important;
	padding: 0;
	margin-top: 170px;
	}

/* a:link */
#carousel a#prev1 { float: left; margin-right: 22px; background: url(../img/leftarrow.png) no-repeat 0 0px; display: none; }
#carousel a#next1 { float: right; margin-right: 14px; background: url(../img/rightarrow.png) no-repeat top left; display: none; }

/* a:visited */
#carousel a#prev1:visited { background: url(../img/leftarrow.png) no-repeat 0 0px }
#carousel a#next1:visited { background: url(../img/rightarrow.png) no-repeat top left }

/* a:hover*/
#carousel a#prev1:hover { background: url(../img/leftarrowover.png) no-repeat bottom left; cursor: pointer }
#carousel a#next1:hover { background: url(../img/rightarrowover.png) no-repeat 0 -0px; cursor: pointer }



.slideshow, .slide {
	display: block;
	width: 760px;
	height: 418px;
	margin: 8px 0 0 0;
	padding: 0;
	position: relative;
	overflow: hidden !important;
	background: transparent !important;
	}

.slideshow .top {
	display: block;
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	width: 760px;
	height: 37px;
	background: transparent url(../images/carousel/ipod-transparent.png) no-repeat !important;
	}

.slideshow .bottom {
	display: block;
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	width: 760px;
	height: 298px;
	}


.slideshow #image1,
.slideshow #image2,
.slideshow #image3,
.slideshow #image4,
.slideshow #image6,
.slideshow #image7,
.slideshow #image8,
.slideshow #image9,
.slideshow #image5,
.slideshow #image10,
.slideshow #image11 {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	overflow: hidden !important;
	}

.slideshow #image1 a,
.slideshow #image2 a,
.slideshow #image3 a,
.slideshow #image4 a,
.slideshow #image6 a,
.slideshow #image7 a,
.slideshow #image8 a,
.slideshow #image9 a,
.slideshow #image5 a
.slideshow #image10 a,
.slideshow #image11 a  {
	margin: 0 0 0 60px;
	padding: 0;
	height: 100%;
	width: 760px;
	display: block;
	cursor: pointer;
	}

.slideshow #image1 .bottom { background: url(../img/homeslide1.jpg) no-repeat 0 0 } 
.slideshow #image2 .bottom { background: url(../img/homeslide2.jpg) no-repeat 0 0 }
.slideshow #image3 .bottom { background: url(../img/homeslide3.jpg) no-repeat 0 0 }
.slideshow #image4 .bottom { background: url(../img/homeslide4.jpg) no-repeat 0 0 }
.slideshow #image5 .bottom { background: url(../img/homeslide5.jpg) no-repeat 0 0 }
.slideshow #image6 .bottom { background: url(../img/homeslide9.jpg) no-repeat 0 0 }
.slideshow #image7 .bottom { background: url(../img/homeslide6.jpg) no-repeat 0 0 }
.slideshow #image8 .bottom { background: url(../img/homeslide7.jpg) no-repeat 0 0 }
.slideshow #image9 .bottom { background: url(../img/homeslide8.jpg) no-repeat 0 0 }
.slideshow #image10 .bottom { background: url(../img/homeslide10.jpg) no-repeat 0 0 }
.slideshow #image11 .bottom { background: url(../img/homeslide11.jpg) no-repeat 0 0 }

p a {
	white-space: nowrap;
	}
	
	/*slide show end*/
	
/*

                apply behavior filter only to foreground img

                and to background img whose position is top left

*/

img,

#redline-right, #content-right, #prev1, #next1, #redline1 {

                behavior: url(/diamondd/css/iepngfix.htc);

                }