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

body{
	font-family:Arial, Helvetica, sans-serif;}

#wrapper{
	width:1200px;
	margin-left:auto;
	margin-right:auto;}
	
#inner_wrapper{
	width:820px;
	margin-left:auto;
	margin-right:auto;
}

/***Generic Styles***/
.teal{
	color:#617f81;}
	
.dark_teal{
	color:#5e8187;}
	
.grey{
	color:#7d7d7d;}
	
.bold{
	font-weight:bold;}
	
.floatleft{
	float:left;}
	
.floatright{
	float:right;}
	
.left_image{
	float:left;
	margin-right:10px;
	margin-bottom:40px;}
	
.italic{
	font-style:italic;}
	
.thumb{
	border:1px solid #656776;}

/***Header Styles***/

#top_strips{
	width:820px;}
	
.cyan_strip{
	background-color:#abd4d6;}
	
.cyan_strip, .grey_strip, .teal_strip{
	display:inline;
	float:left;
	margin-right:4px;
	line-height:4px;}
	
.grey_strip{
	background-color:#848484;}
	
.teal_strip{
	background-color:#56808c;}
	
.black_strip{
	background-color:#000000;
	display:inline;
	float:left;
	line-height:4px;}
	
.green_strip{
	background-color:#598288;
	display:inline;
	float:left;
	width:417px;}
	
#top_strips div{
	height:4px;
	width:202px;}
	
.divider_strips{
	display:inline;
	float:left;
	margin-top:5px;
	width:820px;}
	
.divider_strips div{
	height:2px;
	width:201px;}

	
#header{
	width:820px;
	display:inline;
	float:left;}
	
#panagraph_logo{
background-image:url(../images/panagraph_logo.gif);
width:199px;
height:145px;
display:inline;
float:left;}


#panagraph_logo h1{
	text-indent:-9999px;
	overflow:hidden;
	padding:0px;
	margin:0px;
}

#panagraph_logo a {
	display:block;
	width:199px;
	height:145px;
}

#panagraph_tagline h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
	margin-top:15px;
	display:inline;
	float:right;}
	
#panagraph_tagline h1 em{
	display:none;}
	
#panagraph_phone{
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:bold;
	margin-top:60px;
	display:inline;
	width:600px;
	text-align:right;}
	
#panagraph_email{
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	margin-top:5px;}
	
#panagraph_email a{
	text-decoration:none;
	color:#617f81;}
	
#navigation{
	height:29px;
	display:inline;
	float:left;
	border-top:1px solid #92aaae;
	border-bottom:1px solid #80a3a7;
	border-left:1px solid #879ca1;
	width:816px;
	background-image:url(../images/nav_teal.gif);
background-repeat:repeat-x;
z-index:3000;}
	
#navigation li{
	display:inline;
	float:left;
	margin-top:1px;}
	
#navigation li a{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
color:#ffffff;
text-decoration:none;
background-image:url(../images/nav_teal.gif);
background-repeat:repeat-x;
height:19px;
position:relative;
display:inline;
padding-top:9px;
padding-left:12px;
padding-right:12px;
padding-bottom:6px;
border-right:1px solid #bcd4d8;
width:auto;
line-height:28px;
}

#navigation li a:hover, #navigation li a.active{
	background-image:url(../images/nav_cyan.gif);
	background-repeat:repeat-x;
	color:#577e85;}

#second_nav{
	width:217px;
	height:21px;
	background-color:#4d7076;
	text-align:center;
	font-size:11px;
	display:inline;
	float:left;
	padding-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#a8cdd3;}
	
#second_nav a{
	text-decoration:none;
	color:#a8cdd3;}
	
#flashplacer{
	width:598px;
	display:inline;
	float:left;}
	
#newsletter_signup{
	width:207px;
	height:223px;
	background-color:#848484;
	background-image:url(../images/mailing_list_bg.gif);
	background-repeat:repeat-x;
	display:inline;
	float:left;
	border:1px solid #c0bebf;
	padding-top:10px;
	padding-left:10px;}
	
#newsletter_signup h2{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:17px;
	font-weight:normal;
	margin-bottom:10px;
	}
	

.label, .register{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#ffffff;
	margin-left:3px;
	margin-right:8px;}
	
.register{
float:right;}
	
.signup_field{
	width:197px;
	margin-bottom:10px;
	margin-top:3px;}
	
#signup_submit{
width:40px;
height:20px;
border:none;
background-color:transparent;
background-image:url(../images/signup_button.gif);
cursor:pointer;
margin-left:3px;}

.mandatory{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#ffffff;
	margin-top:17px;
	float:left;
	width:197px;}

#content{
	display:inline;
	float:left;
	width:820px;
	margin-bottom:20px;}
	
#left_column{
	width:558px;
	padding-right:20px;
	display:inline;
	float:left;
	margin-top:15px;}
	
#left_column p, #page_content p, .half_content p{	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-bottom:10px;
	line-height:16px;
	}
	
#left_column ul{
list-style-type:disc;
font-family:Arial, Helvetica, sans-serif;
color:#868686;
font-size:12px;
line-height:16px;
font-weight:bold;
margin-bottom:10px;}

#left_column ul li{
	list-style-position:outside;
	margin:0 0 0 20px;}

#left_column ul#brochure-list li{
	list-style-position:outside;
	margin:0 0 20px 20px;}
	
#left_column ul li a{
	color:#56808c;
	text-decoration:none;}

#page_content{
width:579px;
margin-top:15px;
display:inline;
float:left;
padding-right:20px;}

.half_content{
width:400px;
margin-top:15px;
display:inline;
float:left;}

.large_screen{
width:400px;
margin-top:15px;
display:inline;
float:left;
margin-left:18px;}

#screens_container{
width:397px;
margin-top:15px;
display:inline;
float:left;
padding:10px;
background-color:#CCCCCC;
}

#page_content li, .half_content li{
	list-style-type:disc;
list-style-position:outside;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:16px;
margin-left:20px;
margin-bottom:5px;
}

#page_content ul, .half_content ul{
	margin-bottom:20px;
	margin-top:5px;}
	
#page_content ul li ul li, .half_content ul li ul li{
margin-bottom:2px;}

#page_content ul li a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	color:#000000;}
	
#page_content ol li{
	list-style-type:decimal;}


#page_content h1, .half_content h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#5e8187;
	margin-bottom:10px;
}

#page_content h2, .half_content h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#5e8187;
	margin-bottom:10px;
	line-height:20px;
}

#page_content h1 em, .half_content h1 em{
	display:none;}

#middle_column{
	display:inline;
	float:left;
	width:218px;
	border:1px solid #a9a9a9;
	margin-top:15px;
	height:415px;
}

#middle_column h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	line-height:24px;
	margin-top:5px;
	margin-left:5px;
	letter-spacing:1px;
	font-weight:normal;
	margin-bottom:10px;}
	
#middle_column h1 em{
	display:none;}
	
#screenshot_link{
	width:213px;
	height:15px;
	background-color:#598288;
	padding-left:5px;
	padding-top:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-bottom:5px;}
	
#screenshot_link a{
	color:#FFFFFF;
	text-decoration:none;}
	
#middle_column p{
	margin-left:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-bottom:10px;
	padding-right:10px;
	line-height:14px;}
	
#middle_column p a, #right_column p a, #page_content p a, .half_content p a{
	color:#598288;
	text-decoration:none;
	font-weight:bold;}
	
.half_content p{
	width:380px;}
	
#right_column{
	display:inline;
	float:left;
	width:218px;
	border:1px solid #a9a9a9;
	margin-top:15px;
	margin-left:18px;
	background-color:#e8f2f4;
	height:415px;}
	
#right_column h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	width:208px;
	height:23px;
	background-image:url(../images/latest_news_bg.jpg);
	background-repeat:no-repeat;
	padding-left:10px;
	padding-top:8px;
	border-bottom:1px solid #a9a9a9;}
	
#right_column h1 em{
	display:none;}
	
#right_column h2{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	margin-left:10px;
	margin-bottom:10px;
	margin-top:10px;}
	
#right_column p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-left:10px;
	margin-bottom:10px;
	padding-right:10px;
	line-height:14px;}
	
#footer{
	width:1200px;
	background-image:url(../images/footer_background.jpg);
	height:228px;
	display:inline;
	float:left;}
	
#footer_inner{
	margin-left:auto;
	margin-right:auto;
	width:820px;}
	
#footer_inner div{
	display:inline;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#848484;
	line-height:14px;}
	
#footer_inner div a{
	color:#848484;
	text-decoration:none;}
	
#footer_inner .floatleft{
	width:250px;}
	
#footer_inner .floatright{
	width:570px;
	text-align:right;}

.clear{clear:both;}

.screen, .screen_end{
	width:125px;
	text-align:center;
	margin-bottom:10px;
	display:inline;
	float:left;}
	
.screen{
	margin-right:10px;}
	
.screen h2, .screen_end h2{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
margin-top:5px;}

.screen h2 a, .screen_end h2 a{
	text-decoration:none;
	color:#333333;
}

.breadcrumbs{
	width:820px;
	display:block;
	float:left;
	border:1px;
	margin-top:10px;}

.breadcrumbs ul{
	margin-bottom:10px;}

.breadcrumbs li{
	display:inline;
	float:left;}
	
.breadcrumbs li a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	color:#000000;
	display:block;
	margin-right:10px;}
	
.management_team{
	width:140px;
	display:inline;
	float:left;
	margin-top:10px;
	padding:0;
	margin-right:0;}
	
.management_team a, .management_team p a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	color:#000000;}
	
.management_team p a{
margin-left:5px;}

.management_photos{
	width:420px;
	display:inline;
	float:left;
	margin-top:15px;}
	
.large_shot{
	width:350px;
	margin-left:auto;
	margin-right:auto;}
	
h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	margin-bottom:10px;}
	
hr{
	margin-bottom:10px;}
	
/********************Amends 150211*******************************/

#left_column h1{
	font-size:24px;
	line-height:29px;
	font-weight:normal;
	color:#000;
	margin:0 0 15px 0;}
	
#left_column h2{
	font-size:16px;
	color:#848484;
	font-weight:bold;
	line-height:21px;
	margin:0 0 20px 0;}
	
#left_column .box{
	display:inline;
	float:left;
	width:269px;
	border:1px solid #a7a7a7;}
	
#left_column .box-right{
	float:right;}
	
#left_column .box h2{
	display:block;
	float:left;
	width:249px;
	padding:10px;
	background-color:#568188;
	color:#fff;
	font-weight:bold;
	margin:0 0 10px 0;
	font-size:18px;}
	
#left_column .box img{
	margin:0 0 10px 10px;}
	
#gallery{
	display:block;
	float:left;
	width:558px;
	margin:10px 0 20px 0;}
	
#gallery .image{
	display:inline;
	float:left;
	width:132px;
	margin:0 10px 10px 0;}
	

#gallery .image-right{
	margin:0 0 10px 0;}
	
#gallery .image a{
	display:block;
	float:left;
	width:122px;
	padding:4px 4px 10px 4px;
	font-weight:bold;
	border:1px solid #a7a7a7;
	text-decoration:none;
	font-size:12px;
	text-align:center;
	color:#557e87;
	line-height:17px;}
	
#gallery .image img{
	margin:0 0 5px 0;}
	
#gallery .image a:hover{
	background-color:#557e87;
	color:#fff;}