
@charset "utf-8";
/* Virtuoso CSS Document */
/* Website Designed & Created By Adrian Marsden */
/* Virtuoso Digital Marketing - Durham */

.odd
{
background-color:#d2c4e0;
}
.even {
background-color:#EEEEEE;
}

body {
	margin:0; 
    background: url(../uploads/stylesheet/background.jpg) repeat-x #f3f3fb;    font-family: Verdana, Geneva, sans-serif ;    font-size: 0.8em ;    color: #694491 ;	}
	
.clear {clear:both;}

/*----- CONTAINER -----*/
#container {
	width:980px;
    margin:0 auto;
    background:  #FFF;    }


/* ---- NAVIGATION ---- */ 
#navigation {
	height:38px;
    background:  #694491;    }


/*----- VERTICAL NAV ------*/
#navcontainer {
	width:100%; 
    overflow: hidden
    padding: 0 0 0 0;
    background:  #dec2ea;    color: #333 ;    margin-bottom: 1em ; 
    }
    
#navcontainer ul {
	overflow: hidden;
	list-style: none;
    margin: 0;
    padding: 0;
    border: none;
    }
    
#navcontainer li {
	border-bottom: 1px solid #fff ; 
    margin: 0;
    }
    
#navcontainer li a {
	display: block;
    text-decoration: none;
    width: 100%;
    padding: 9px 5px 9px 0.5em ; 
    border-left: 10px solid #dec2ea ; 
    border-right: 10px solid #dec2ea ; 
    background:  #dec2ea; 
    color: #694491 ; 
    }
    
#navcontainer li a {
	width: auto;
    }
    
#navcontainer li a:hover {
	border-left: 10px solid #694491 ; 
    border-right: 10px solid #694491 ; 
    background:  #694491; 
    color: #fff ; 
    }

/*----- TOP -----*/
#top {
	height:140px;
    width:100%;
    }

/*----- MAIN IMAGE -----*/
.mainImage {
	width: 100%;
    height: 227px ; 
    background: url(../uploads/stylesheet/main-image.jpg) #b6cede; 
    border-bottom: 1px solid #dec2ea ; 
    }

#main-img {
	margin: 0px;
    padding: 0px;
	height: 227px ; 
    background: url(../uploads/stylesheet/main-image.jpg) #b6cede; 
    border-bottom: 1px solid #dec2ea ; 
	display: none;
    }
.testimonial {
margin:0;
	font-size: 160% ; 
    color: #fff ; 
    padding: 40px 220px 0 20px ; 
    }
    
.testimonial-name {
	font-size: 150% ; 
    color: #fff ; 
    padding: 0px 0px 0px 280px ; 
    }
    
/*----- CONTENT -----*/
#main-section {
	overflow: hidden;
    background:  #f3f3fb; 
    }


/*----- MAIN LEFT -----*/
#left-col {
	width:273px;
    overflow: hidden;
    float:left;
    text-align: center;
    }
    
.left-col {
	padding:0 15px 0 15px;
    }
    
#left-col a {
	color: #99cc00 ; 
	}
	
#left-col a:hover {
	color: #694491 ; 
	}


/*----- MAIN RIGHT -----*/
#right-col {
	overflow: hidden;
	margin: 0 0 0 25px;
    padding: 20px 0px 0px 0px;
    width:682px; 
    float:left;
    }
    
#right-col a {
	color: #99cc33;
    }
    
#right-col a:hover {
	color: #333333;
    }

#right-col h1 {
	padding: 0px 0px 0px 0px;
    margin: 0px 0px 20px 0px;
	font-size: 160% ; 
    color: #694491 ; 
    }
    
#right-col h2 {
	font-size: 130% ; 
    color:  ; 
    }
    
#right-col-bottom h1 {
	font-size: 150% ; 
    :  ; 
    }
    
.telephone {
	font-size: 160 ; 
    font-weight: bold ; 
    text-align: center ; 
    }

/*----- FOOTER CONTAINER -----*/
#footer-links-box {
	width: 100% ; 
    height: 125px ; 
    background:  #694491; 
    }
    
#footer {
	width: 980px ; 
    height: 125px ; 
    background:  #694491; 
    color: #fff ; 
    margin:0 auto;
    font-weight:bold;
    text-align:center;
    }
    
#footer-links {
	height:107px; padding-top:18px; 
    }
    
#footer-links li {
	display:inline;
    height:20px;
    padding:0 6px 0 6px;
    margin-top:20px;
    }
    
#footer-links a {
	color: #fff ; 
    text-decoration: none
    }
    
#footer-links a:hover {
	:  ; 
    text-decoration: underline;
    }
    
.footer-text {
	font-size:85%;
    }

/*----- GALLERY -----*/
.photo {
	width:200px;
    margin:0 15px 20px 12px;
    float:left;
    }

.photo img {
    width: 100%;
}
    
.photo p { 
	margin:7px 0 0 0;
    min-height: 40px;
}
    
   /*** OPEN MENU ***/
#menu{
	margin:0;
	padding:0; 
	background:  #694491; 
	background-image: -webkit-gradient(linear, 0% 10%, 0% 90%, from(#694491), to(#694491));
	background: -moz-linear-gradient(top, #694491, #694491);
	height:38px; 
	width:980px; 
	display:inline-block;
	}

/*** PARENT ITEM ***/
#menu LI.parent{
	list-style:none;
	line-height:29px; 	
	position:relative; 
	z-index:98; 
	float:left;
    padding: 3px 10px 0px 10px;
	cursor:pointer;
	
	/*** ROUNDED CORNERS ***/
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	}

#menu LI.parent:hover{
	background:  #694491; 
    :  ; 
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#694491), to(#694491), color-stop(0.1,#694491));
	background: -moz-linear-gradient(top, #694491 1%, #694491 10%, #694491 49%);
	
	/*** ROUNDED CORNERS ***/
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

#menu LI.parent A{
	color: #fff ; 
	font-weight:normal;
    font-size: 14px ; 
	text-decoration:none;
}

/*** THE OPENING EVENT, WHEN MOUSE OVERS THE BUTTON ***/
#menu LI.parent:hover > ul  {display:block; margin-top:-4px;} 


/*** THE CONTETN THAT OPENS ***/
#menu ul{ 
	background:  #694491; 
    font-size: 14px ; 
	display:none; 
	position:absolute; 
	top:100%; 
	left: 0; 
	padding:10px;
	z-index: 90;
	text-align:left;
	width:290px;
	
	/*** ROUNDED CORNERS ***/
	-moz-border-radius-topright: 8px;
	-moz-border-radius-bottomright:8px;
	-moz-border-radius-bottomleft: 8px;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	border-radius: 0 8px 8px 8px; /* CSS3 */
}

.nav-text {
    font-size: 78% ; 
    font-weight: bold ; 
    color: #9C0 ; 
    }
    
.nav-image {float:left; padding-right:5px;}
/*** CONTENT CONTAINER ***/
#menu UL LI{display:block; list-style:none; margin-bottom:2px;}
#menu UL LI A{
	color: #d6e5f4 ;    background: #694491 ;	display:block; 
	text-decoration:none; 
	padding:0px 10px;
	
	
	
	/*** ROUNDED CORNERS ***/
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px; /* CSS3 */
}

#menu UL LI A:hover{
	background: #b6cede ;    color: #000 ;    display:block;
    text-decoration:none;
    }


