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

body
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	line-height:150%;
    background-color:#f3f3f3;
    color:#333;
	background-image:url(images/bgshadow2.png);
    background-repeat: repeat-y;
    background-position:top center;
}

#container
{
	width:900px;
	margin:0 auto;
}

#header
{
	overflow:hidden;
	background-color:#231f20;
	padding:0;
}

#logo
{
	float:left;
	width:446px;
}

#topContactInfo
{
	float:right;
	margin-right:10px;
	width:355px;
}

.serviceLine
{
	text-align:center;
	clear:both;
}

#topNav
{
	text-align:center;
	padding:1px;
	background-color:#333;
	color:#fff;
	letter-spacing:3px;
	font-size:12px;
	font-weight:bold;
}

#contentContainer
{
	overflow:hidden;
	background-color:#fff;
}

#content
{
	float:left;
	width:660px;
	background-color:#fff;
	padding:10px;
}

.pictureBoxContainer
{
border:1px solid #000;
overflow:hidden;
margin-top:10px;
padding:5px;
}

.pictureBoxThumb
{
float:left;
width:80px;
height:80px;
border:1px solid #000;
margin-left:5px;
}

#rightCol
{
	float:right;
	width:220px;
	overflow:hidden;
	background-color:#fff;
}

.emailBox
{
	margin:10px 0 0 0;
	width:205px;
	height:130px;
	background-color:#fff;
/*	border:1px solid #ccc;*/
	padding:5px;
	background-image:url(images/e-mail-list-bg.png);
	background-repeat:no-repeat;
	background-position:top;
}

.facebook
{
	width:144px;
	text-align:center;
	margin:10px auto;
}

.contactInfo
{
	margin:0px 5px 15px 0px;
}

ul
{
	list-style-image:url(images/blackarrow_white.png);
}
address
{
	font-style:normal;
	line-height:120%;
	font-size:14px;
}
h1
{
	font-size:24px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#00aeef;
	margin-bottom:0;
	margin-top:0;
	letter-spacing:2px;
}

h2
{
	font-size:18px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#3f3c3d;
	margin-bottom:0;
	border-bottom:2px dashed #d8d7d7;
}

h3
{
	font-size:16px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#3f3c3d;
	margin-bottom:0;
}

a:link
{
	color:#ec008c;
}

a:hover
{
	color:#00adef!important;
}
a:visited
{
	color:#ec008c;
}
#topNav ul
{
	margin-left: 0;
	padding-left: 0;
	display: inline;
}

#topNav ul li {
	margin-left: 0;
	padding: 3px 15px;
	border-left: 1px solid #fff200;
	list-style: none;
	display: inline;
	}
	
#topNav ul li a {
	text-decoration:none;
	color:#fff;
	}
	
#topNav ul li a:hover {
	text-decoration:none;
	color:#fff200;
	}

#topNav ul li.first {
	margin-left: 0;
	border-left: none;
	list-style: none;
	display: inline;
	}

#footer
{
	background-color:#231f20;
	text-align:center;
	font-size:12px;color:#666;
	vertical-align:bottom
	;margin-top:30px;
	margin-bottom:20px;
}

.footerContactInfo
{
	color:#fff;
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
	white-space:nowrap;
}


/* Jquery */
#s3slider { 
   width: 690px; /* important to be same as image width */ 
   height: 200px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   margin-left:-40px; /*added by Tom*/
}

#s3sliderContent {
   width: 648px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 16px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 635px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image 
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
}

.contactContainer
{
float:left;
width:400px;
}

.contactTable
{
font-size:14px;
padding:20px;
border:2px dotted #ccc;
}

.contactAddress
{
float:right;
width:220px;
margin-right:20px;
}

.contactAddress ul li a
{
	font-size:14px;
}


.reorderTable
{
font-size:14px;
padding:10px;
border:2px dotted #ccc;
}

/* GALLERY */

#gallery {
		/*background-color: #ccc;*/
		padding: 2px;
		width: 630px;
		margin-top:10px;
		background-image:url(images/gallery_bg.png);
		background-repeat:no-repeat;
		background-position:top;
		overflow:hidden;
		height:160px;
	}
	#gallery ul { list-style: none; }
	#gallery ul li { display: inline; }
	#gallery ul img {
		border: 5px solid #3e3e3e;
		border-width: 5px 5px 20px;
	}
	#gallery ul a:hover img {
		border: 5px solid #fff;
		border-width: 5px 5px 20px;
		color: #fff;
	}
	#gallery ul a:hover { color: #fff; }
	
	
	ul.homeList 
	{
		list-style-image:url(images/pink-dot.png);
		font-size:16px;
	}
	
	.homeList li
	{
		padding-bottom:5px;
		line-height:160%;
	}