﻿body
{
  background-color:#282627;
  font-family:Arial Verdana;
  
}

/*General*/

.pgraph{padding: 0px;
color:White;}
.centre{text-align:center;}
.fleft{float:left;}
.fright{float:right;}
.clear{clear:both;}
.mleft{margin-left:15px;}
.mright{margin-right:15px;}

h1
{
	margin-top:-5px;
	color:White;
	font-style:italic;
	float:left;

}

.homePageTitle a
{
width: 200px;
height: auto;
float: left;
color: #fff
}

.homePageTitleContainer
{
width: 100%;
height: auto;
text-align: center;
color: #fff;
}

.h1Logo
{
	 background-image: url(../images/titleArrow.gif); 
	  background-repeat:no-repeat;
	  width:14px;
	  float:left;
	  height:14px;
	  margin: 4px 15px 0px 0px;
	 
}

/*Layout*/

.container
{
	margin:auto;
	width:800px;
}

/*Menu*/
.menu
{
	  background-image: url(../images/menuBg.jpg); 
	  background-repeat:no-repeat;
	  width:800px;
	  height:30px;	
}

.MarrowHome
{
	 background-image: url(../images/titleArrow.gif); 
	  background-repeat:no-repeat;
	  width:14px;
	  float:left;
	  margin-left:50px;
	  margin-right:0px;
	 margin-top:9px;
	  height:14px;
	 
}

.Marrow
{
	 background-image: url(../images/titleArrow.gif); 
	  background-repeat:no-repeat;
	  width:14px;
	  float:left;
	  margin-left:20px;
	  margin-right:0px;
	 margin-top:9px;
	  height:14px;
	 
}

.MlinkHome
{
	float:left;
	margin-top:5px;
	margin-left:50px;
}

.Mlink
{
	float:left;
	margin-top:5px;
	margin-left:10px;
	margin-right:35px;
}


/*Layout Continued*/

.header
{
	  background-image: url(../images/headerBg.jpg); 
	  background-repeat:no-repeat;
	  width:800px;
	  height:179px;
}

.content
{
	  background-image: url(../images/mainBg.jpg); 
	  background-repeat:no-repeat;
	  background-color:#959595;
	  width:760px;
	  padding: 0px 20px 0px 20px;
	 
}


/* -- Image Gallery -- */

/*-------------------------
 Roll Over Image expander 
--------------------------*/

.links 
{
/*position: absolute;
top: 81px; left: 10px;*/
/*left:650px;
margin-top:-40px;*/
/*margin-left:10px;*/
margin-left:10px;
float: left;
}

.links a
 {
margin:0px;
display:block;
}

.links a:hover {border:0px black dashed;}

.links a .im1
{
/*width:150px;
height:93px; */
z-index: 10000;
border:5px solid white;
margin: 0px 0px 5px 0px;
}

.links a .im2port 
{
height: 0; 
width: 0; 

border-width: 0;
}
.links a:hover .im2port
{
position: absolute; 
bottom:0px;
top:200px;
right: 500px;
height:400px;
width:300px;
}

.links a .im2land
{
height: 0; 
width: 0; 

border-width: 0;
}
.links a:hover .im2land
{
position: absolute; 
bottom:0px;
top:200px;
right: 500px;
height:300px;
width:400px;
}

/*-------------------------
       Gallery
--------------------------*/

.gwrapper
{
    width:100%;
    padding:0px;
    margin-top:10px;
}

.MainGallery
{
    width:175px;
    height:221px;
    float:left;
    margin: 0px  10px 0px 0px;
    overflow:hidden;
  background-image: url(../images/galleryMain.jpg);
  color: white
  
}


.MainGallery a
{
 color: White;
 padding: 10px 0px 10px 0px   
}

/*-------------------------
       Services
--------------------------*/

.ServicesGallery
{
    width:175px;
    height:221px;
    float:left;
    margin: 0px  10px 0px 0px;
    overflow:hidden;
  background-image: url(../images/galleryMain.jpg);
  color: white
  
}

.ServicesGallery a
{
 color: White;
 padding: 10px 0px 10px 0px   
}

.imageSetup
{
 width: 800px;
 height: auto;
 text-align: center;
 display: inline-block;
padding: 0px 0px 0px 40px;
 }

.SImages
{
float: left;
	text-align: center;
    margin: 0px 50px 0px 0px;
   /* background-color:Red;*/
    
}

.SImages a
{
 color: White;
 padding: 0px 0px 10px 0px;
 text-align: center;
 font-size: 10pt;
}

.SLinks
{
width: 90px;
float:left;
clear:both;
margin-top:10px;
margin-left:0px;
font-weight:bold;
text-decoration:none;
}

.watermark {
	background: #FFAAFF;
}

.popupControl {
	background-color:#AAD4FF;
	position:absolute;
	visibility:hidden;
	/*border-style:solid;
	border-color: Black;
	border-width: 2px;*/
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	margin:auto;
/*	border-width:3px;
	border-style:solid;
	border-color:Gray;*/
	padding:3px;
	/*width:250px;*/
}

  /*-------------------------
           LogoHolders
   -------------------------*/
    .LogoHolders
    {
        margin-left:15px;
        width:200px;
        float:left;
        margin-bottom:15px;
    }
    
    
    
  /*-------------------------
       Login
--------------------------*/

.Lwrapper
{
    width:250px;
}


/*-------------------------
       Admin Menu
--------------------------*/

.menuitem
{
    float:left;
    margin-right:15px;
}  

/*-- Footer --*/


.footer
{
	  background-image: url(../images/footerBg.jpg); 
	  background-repeat:no-repeat;
	  width:800px;
	  height:28px;
	  color:White;
	  font-size:0.75em;
}

.footerCopy
{
	float:left;
	margin-left:50px;
	margin-top:5px;
}

.footerOffsight
{
	float:left;
	margin-left:30px;
	margin-top:5px;
}

.footerEmail
{
	float:left;
	margin-left:30px;
	margin-top:5px;
}
