@charset "utf-8";

/*
 * Default formatting
 */

html body {
    width: 100%;
    margin: 0px 0px;
    background: url('/asset/images/page_bg.png') repeat-x #535456;
}

body
{
    font: 62.5% Helvetica, Arial, Verdana, sans-serif;
    color: #333333;
    
}

h1, h2, h3, h4, h5, h6, h7, p
{
    margin: 0px;
    padding: 5px 0px;
}

h1
{
	color:#1B75BC;
    font-size: 2.4em;
    font-weight: normal;
	font-weight:bold;
	line-height:1.3em;
	margin-bottom:0.3em;
}

h2
{
    font-size: 1.4em;
    font-weight: normal;
	font-style:italic;
	color:#606366;
}

h3 {
	font-size:1.2em;
	font-weight:bold;
	color:#333333;
}

a
{
    color: #999;
    text-decoration: underline;
}

a:hover
{
    color: #444;
    text-decoration: underline;
}

img
{
    border: 0px;
}

.left
{
    float: left;
}

.right
{
    float: right;
}

.frame
{
    border: 2px solid #999;
    margin: 5px 10px;
}

.icon {
    background-color: #999;
}

/*
 * Styling and page layout
 */

#wrapper {
	 width:960px;
	 margin: 0 auto;
	 background: white;
}


#header {
    position: relative;
    height: 206px;
}

    #logo {
        position: absolute;
        font-size: 3.0em;
        color: #fff;
		margin: 20px 0 0 30px;
    }
    
    #searchboxContainer {
        position: relative;
        top:130px;
        width:960px;
        height:86px;
        background: url('/asset/images/swish.png') no-repeat top right;
    }
        #searchbox {
			position:absolute;
            top:45px;
            right:10px;
			width:270px;
			height:30px;
        }
        
        #searchbox input.search {
            width: 180px;
            background: url('/asset/images/search_bg.png') no-repeat top right;
            border: none;
			height:17px;
			margin:0;
			padding:3px 4px 0;
			float:left;
        }
        #searchBtn { 
            border: none;
            color:white;
            text-transform: uppercase;
            font-weight: bold;
            font-size:1em;
            float: right;
            margin-left:10px;
        }
    
    #navigation {
        position: absolute;
        left: 10px;
        bottom: 0px;
        font-size: 1.2em;
    }
    
        #navigation ul, #navigation ul li {
            padding: 0px;
            margin: 0px;
            list-style: none;
        }
        
        #navigation ul li {
            float: left;
            
            padding:0 0 0 11px;
                       
            
        }
        
        #navigation ul li a {
            display:block;
            padding:5px 10px 4px 2px;
            color: #FFF;
            text-decoration: none;
        }
        
        #navigation ul li.hover, #navigation ul li:hover {
            background: transparent url('/asset/images/black/nav_hover_bg_right.png') no-repeat right top;
        }
        
        #navigation ul li.hover a, #navigation ul li:hover a {
            background: transparent url('/asset/images/black/nav_hover_bg_left.png') no-repeat left top;
            text-decoration: none;
        }
        
        #navigation ul li.active {
          background:url("/asset/images/tab_left.png") no-repeat left top;
        }
        
        #navigation ul li.active a {
           background:url("/asset/images/tab_right.png") no-repeat right top;
            color: #000;
        }
        #navigation ul ul li.active {
          background:url("/asset/images/tab_left.png") no-repeat left top;
        }
        
        #navigation ul ul li.active a {
           background:none;
            color: #FFF;
        }
		
		#nav a {
			display:block;
		}
		
		ul#nav li ul { /* second-level lists */
			position: absolute;
			color:#FFFFFF;
			width: 15em;
			margin-left:-11px;
			left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
			padding:5px;
		}
		ul#nav li ul li {
			width:100%;
			margin-left:0;
			font-size:0.9em;
			color:#FFFFFF;
			padding:0;
		}
		ul#nav li ul li a {
			color:#FFFFFF;
		}
		ul#nav li.active ul li a {
			background:none;
			color:#FFFFFF;
		}
		ul#nav li.active ul li.active a {
			color:#FFFFFF;
		}		

		ul#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
			left: auto;
		}
		


        #page {
            padding:10px;
			clear:left;
        }
        #crumbs {
            height:20px;
            margin-bottom:7px;
            line-height:20px;
            padding-left:10px;
			text-transform:lowercase;
			color:#FFFFFF;
        }
            #crumbs a {
                text-decoration: none;
            }
            #crumbs a:hover {
                text-decoration: underline;
            }        
        #rhs_msg { 
	        float:right; 
	        font-size: 1.4em; 
	        line-height: 20px; 
	        padding-right:10px; 
	        color: #333333;
			text-transform:none;
        }
    
    /*
     *  column setup
     */
     
    #col-left {
        width: 153px;
        float: left;
    }
    
    #col-center {
        width: 554px;
        float: left;
        margin:0 20px;
		line-height:1.6em;
		font-size:1.2em;
    }
	#col-center.col-center-large {
		margin:0 0 0 20px;
		width:710px;
	}
    
    #col-right {
        width: 193px;
        float: left;
    }
    
    
    /*
     * Left Col
     */
    #col-left {
        background:#D5D8DA url("/asset/images/left-nav-bottom.png") no-repeat bottom;
        padding-bottom:12px;
    }
    #col-left h3 {
        background:url("/asset/images/left-nav-top.png") no-repeat;
        color: #FFFFFF;
        line-height: 33px;
        padding-left:15px;
        font-size: 1.4em;
    }
		#col-left #services {
			list-style-type:none;
			margin:0;
			padding:0;
		}
			#col-left #services li {
			}
			#col-left #services li a {
				padding:8px 10px;
				font-size:1.1em;
				display:block;
				border-bottom:1px solid #4D4F52;
			}
			#col-left #services a {
				text-decoration:none;
				color:#333333;
			}
	 		#col-left #services a:hover {
				text-decoration:underline;
				color:#333333;
			}
			#col-left #services ul, #col-left #services ul li {
				border:none;
				margin:0;
				padding:0;
				list-style-type:none;
				font-size:1em;
			}
			#col-left #services li.active ul {
				border-bottom:1px solid #4D4F52;
			}
			#col-left #services li.active a {
				color:#FFFFFF;
			}
			#col-left #services li.active ul li a {
				color:#333333;
				border:none;
			}
			#col-left #services ul li {
				background:#D5D8DA url(/asset/images/arrow-grey.gif) no-repeat 10px center;
				padding:3px 0 3px 12px;
			}
			#col-left #services ul li a {
				padding:3px 8px;
				color:#333333;
			}
    /*
     * Right Col
     */
    #col-right h3 {
        background:url("/asset/images/right-nav-grey.png") no-repeat;
        color: #FFFFFF;
        padding-left:15px;
        font-size: 1.6em;
    }
    #col-right h3 a {
        color: #FFFFFF;
		text-decoration:none;
    }
    #col-right div.panel {
        background: #D5D8DA url("/asset/images/right-nav-bottom.png") bottom no-repeat ;
        padding:10px 14px 13px 14px;
        font-size: 1.1em;
        margin-bottom:10px;
    }
    #col-right div.panel p { margin-top:0; padding-top:0; }
        #col-right div.panel a { color:#333333; font-weight:bold; text-decoration:none;}     
        #col-right div.panel a:hover { text-decoration:underline; }
        
    #col-right a.statement {
        text-decoration: none;
        font-size: 1.6em;
        color: white;
        display: block;
        height: 46px;
        /*font-weight: bold;*/
        padding:8px 40px 0 10px;
        margin-bottom:10px;
    }
    #col-right a.clients-say {
        text-transform: uppercase;
        text-decoration: none;
        font-size: 1.6em;
        color: white;
        display: block;
        height: 40px;
        line-height: 40px;
        /*font-weight: bold;*/
        padding:1px 40px 0 10px;
    }
    #col-right a.book-online {
        text-decoration: none;
        font-size: 1.5em;
        color: white;
        display: block;
        height: 44px;
        /*font-weight: bold;*/
        padding:10px 40px 0 10px;
        margin-bottom:10px;
    }
		.book-online #book-small {
			font-size:0.8em;
		}
    #col-right a.more-info {
        text-transform: uppercase;
        text-decoration: none;
        font-size: 1.3em;
        color: white;
        display: block;
        height: 41px;
        /*font-weight: bold;*/
        padding:9px 40px 0 10px;
		vertical-align:middle;
    }
#footer {
    width: 960px;
    height: 78px;
    margin: 0px auto;
    background: url('/asset/images/footer.png') no-repeat bottom;
    
}
	#centered-nav {
		text-align:center;
		padding-top:20px;
		height:58px;
		background: url('/asset/images/footer_icon.gif') no-repeat 10px center;
	}
	#copyright {
		color:#DDDDDD;
		font-size:0.9em;
	}
	#footer-nav {
		padding-bottom:15px;
	}
		#footer-nav ul {
			text-align:center;
		}
		#footer-nav ul, #footer-nav ul li {
			padding: 0px;
			margin: 0px;
			list-style: none;
			overflow: hidden;
			position:relative;
			z-index:20;
		}
		#footer-nav ul #first, #footer-nav ul li:first-child {
			border-left:none;
		}
		#footer-nav ul li#first {
			border-left:none;
		}
		#footer-nav ul li {
			display: inline;
			line-height: 11px;
			height: 11px;
			text-align:center;
			border-left: 1px solid #ddd;
			margin: 7px 1px 0 -1px;
			padding:0 8px;
		}
		
		#footer-nav ul li a {
			display: inline;
			padding: 0px;
			margin: 0px;
			color: #FFFFFF;
			text-decoration: none;
	        color: #ddd;
            text-decoration: none;
		}
		
		#footer-nav ul li a:hover {
			text-decoration: underline;
			color:#f0f0f0;
		}
		#footer-nav .selected {
			color:#D4E37D;
		}
		#footer-nav a#login {
			color:#66CC33;
		}
		#footer-nav a#login:hover {
			color:#86D760;
		}
	#centered-nav a {
		color:#66CCFF;
	}
	
/*
 * News
 */
.news-text {
	padding-bottom:5px;
}
.news-link {
	padding-bottom:20px;
}
/*
 * Clients Say
 */
#col-center #sections .testimonial {
	border-top:1px solid #CCCCCC;
	padding:20px 0;
}
#col-center #sections .testimonial.first {
	margin-top:0px;
	border:0;
}
#col-center #sections p {
	margin:0;
	padding:0;
}
.client-name {
	font-style:italic;
	font-weight:bold;
}

/*
 * Sitemap
 */
#col-center #mainNavigation li {
	list-style-type:none;
	font-size:14px;
}
#col-center #mainNavigation li li {
	list-style-type:disc;
	font-size:10px;
}
#col-center #mainNavigation a {
	background:none;
	padding:0;
}
/*
 * Search
 */
#col-center ul.search {
	list-style-type:none;
	margin:10px 0;
	padding:0;
}
#col-center ul.search p {
	padding:0 0 10px 0;
}

#col-center .keyword {
	font-weight:bold;
}
#col-center .paginationControl a {
	background:none;
	padding:0;
}

/*
 * Tooltips
 */
#col-center a.tip {
	display:block;
	background:none;
	padding:none;
}

/*
 * Content Styling
 */
#col-center a:hover {
	color:#1B75BC;
	text-decoration:none;
}
#col-center a {
	color:#1B75BC;
	background:url(/asset/images/bullet_go.png) no-repeat right center;
	padding-right:16px;
}
#col-center td p {
	padding:0;
	margin:0;
}
#col-center .get-in-touch {
	padding:5px;
	background:#E8F0DD;
	color:#8DB556;
}
#col-center .get-in-touch h3 {
	color:#8DB556;
	padding-top:0;
}
#col-center a.noarrow {
	background:none;
	padding-right:0;
	text-decoration:none;
}


/*
 * Hax (don't look here)
 */
 
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}