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

/**************** Body and tag styles ****************/

*{margin:0; padding:0;}

/* Reset all, for x-browser compatability */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a,  em, font, img,
u, ul, li, form, label, table, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight:normal;
	background: none;
}

html{
   margin:0;
   padding:0;
   height:100%;
}


body{
	height: 100%;
	min-height: 100%;
	margin:0 auto;
	padding:0px; /* Need to set body margin and padding to get consistency between browsers. */
	text-align:center; /* Hack for IE5/Win */
	font-size:76%;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	line-height:1.8em;
	border-top: #0179a5 6px solid;
	background: #fcfcfc;
	color: #333332;
}

.centre{
width:930px;
margin: 0 auto; /* Right and left margin widths set to "auto" */
text-align:left; /* Counteract to IE5/Win Hack */
}

a:link{color:#0179a5; font-weight:bold; text-decoration:none; cursor: pointer; border-bottom: dotted 1px #0179a5; }
a:hover{color:#0179a5; font-weight:bold; text-decoration:none; cursor: pointer; border-bottom: solid 1px #0179a5;}
a:visited{color:#0179a5; font-weight:bold; text-decoration:none; cursor: pointer; border-bottom: dotted 1px #0179a5; }
a:visited:hover{color:#0179a5; font-weight:bold; text-decoration:none; cursor: pointer; border-bottom: solid 1px #0179a5; }
a img{border:none; cursor: pointer; }
a:active{ border:none; text-decoration:none; background:none; cursor: pointer; }

p{padding: 5px; }

p form{margin-top:0; margin-bottom:20px;}

br{line-height:1.2em}

hr{ clear: left; height: 0; border-style: dashed; border-width: 1px 0 0 0; border-color: #c1c1c1; margin:0;}

div{margin:0;}

ol { margin-left: 10px; padding-left: 10px; padding-right: 5px; color:#394754; }
ul { margin-left: 10px; padding-left: 10px; padding-right: 5px; color:#394754;}
li { margin-left: 10px; padding-left: 10px; padding-right: 5px; color:#394754;}

/**************** Form Styles ****************/

.contactform{ padding-left: 10px; }

label{ margin-right: 10px; font-weight:bold; }

.contact_reset{
	padding:2px;
	float: right;
	margin-right: 10px;
	background-color:#ffffff;
	border:#0179a5 2px solid;
	color: #666666;
}

.contact_reset:hover{
	background-color:#0179a5;
	border:#0179a5 2px solid;
	color: #fff;
}

.contact_send{
	padding:2px;
	float: right;
	margin-right: 5px;
	background-color:#ffffff;
	border:#0179a5 2px solid;
	color: #666666;
}

.contact_send:hover{
	background-color:#0179a5;
	border:#0179a5 2px solid;
	color: #fff;
}

.contact_text{
	border:#0179a5 1px solid;	
	padding:2px;
}

.contact_drop{
	margin-top: 0;
	border:#0179a5 1px solid;	
	padding:2px;
	vertical-align: top;
	margin-left:5px;
}

.contact_valign{
	vertical-align: middle;
}

.contact_input{
	margin: 5px;
	color: #666666;
}

.contact_align{
	margin-left: 5px;
}

.contact_smallleft{
	margin-left:75px;
	font-size: 10px;
}

.contact_smallright{
	padding-left: 11em;
	font-size: 10px;
}

.contact_error{
	font-size: 10px;
	color: red;
	margin: 0 0 0 75px;
}

.contact_errorsmallleft{
	margin: 0 0 0 10px;
	font-size: 10px;
	color: red;
}

.contact_entry{
	border:pink 1px solid;
}

.successmescont{
	width: 100%;
	background-color: #0179a5;
	text-align: center;
	margin: 0 auto;
}

.successmes{
	margin: 0 auto;
	color: #fff;
	padding: 2px;
	text-align: center;
}

#text{
	margin-left: 5px;	
}

#response{
	margin-left: 5px;
}

/**************** Header & Navigation Styles ****************/

#header{
	width: 100%;
	height: 85px;
	margin-top: 10px;
	background: url(../backgrounds/header.gif) repeat-x;
}

#logo{
	float: left;
	width: 261px;
	height: 87px;
	background: url(../backgrounds/logo.gif) no-repeat;
}

#icon{
	float: left;
	width: 38px;
	height: 38px;
	margin-top: 7px;
	background: url(../backgrounds/logo_new_small.gif) no-repeat;
}

#navigation_top{
	float: right;
	padding:0;
	margin: 24px auto;
	text-align: center;
	background: none;
}

#navigation_top ul{
	list-style:none;
	margin: 0 auto;
	display: inline;
} 

#navigation_top ul li{
	list-style:none;
	display:inline;
	padding: 0px;
	margin-left: 1px;
}

.navtext{
	color: #0179a5;
	font-weight: bold;
	font-size: 14px;
}

a.navlink:link{color:#0179a5; font-weight:bold; text-decoration: none; cursor: pointer; border-bottom: 1px solid #fff; }
a.navlink:hover{color:#394754; font-weight:bold; text-decoration: none; cursor: pointer; border-bottom: 1px solid #fff; }
a.navlink:visited{color:#394754; font-weight:bold; text-decoration: none; cursor: pointer; border-bottom: 1px solid #fff; }
a.navlink:visited:hover{color:#394754; font-weight:bold; text-decoration: none; cursor: pointer; border-bottom: 1px solid #fff; }

#navigation_bottom{
	float: right;
	margin-left: 274px;
	margin-top: -20px;
}

#banner{
	clear: left;
	width: 905px;
	margin-top: 10px;
}

#speach{
	width: 110px;
	height: 41px;
	overflow: visible;
	background: url(../backgrounds/speach.gif) no-repeat;
	padding: 5px 5px 5px 8px;
	margin: 40px 15px 10px 15px;
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
}

#webadd{
	float: left;
	margin-top: 0px;
	margin-left: 13px;
	width: 575px;
	padding: 5px;
	text-align: right;
}

#reflect{
	float: right;
	width: 252px;
	height: 247px;
	overflow: visible;
	background: url(../images/gv_reflect.png) no-repeat;
	margin: -10px 0.4em 10px 0.4em;
}

/**************** Content Styles ****************/

.content{
	clear: both;
	width: 100%;
	padding: 5px;
}

#content_left{
	float: left;
	width: 440px;
	padding: 5px;
	margin-bottom: 10px;
}

#content_right{
	float: left;
	width: 450px;
	padding: 5px;
	margin: 0;
	margin-left: 10px;
	height: 1%;
	overflow: visible;
}

#content_workingright{
	float: left;
	width: 435px;
	margin: 18px 0 0 7px;
	height: 235px;
	overflow: visible;
	background: #f1eded;	
	border: 1px solid #eae6e6;
}

#content_workingright:hover{
	border: 1px solid #0179a5;
}

.ourworkimg{
	float: left;
	padding: 5px;
	margin: 0.4em;
	max-height: 210px;
}

.ourworkbox{
	text-align: center;
	padding: 5px;
	margin-top: 3px;
}

.work_space{
	margin-top: 10px;
	height: 145px;
	overflow: visible;
	background: #f1eded;	
	border: 1px solid #eae6e6;
	width: 916px;
	padding-left: 5px;
}

.work_space:hover{
	border: 1px solid #0179a5;
}

.work_reflect{
	padding: 2px; margin: 0.4em 0.4em 0.4em 0.8em; float:right;
}

.work_reflect_mini_l{
	padding: 2px; margin: 0.4em 0.8em 0.4em 0.4em; float:left;
}

.work_reflect_mini_r{
	padding: 2px; margin: 0.4em 0.4em 0.4em 0.8em; float:right;
}


.recent_left{
	float: left;
	margin: 10px 6px 20px 0;
	height: 225px;
	overflow: visible;
	background: #f1eded;	
	border: 1px solid #eae6e6;
	width: 446px;
	padding-right: 5px;
}

.recent_left:hover{
	border: 1px solid #0179a5;
}

.recent_right{
	float: left;
	margin: 10px 0 20px 6px;
	height: 225px;
	overflow: visible;
	background: #f1eded;	
	border: 1px solid #eae6e6;
	width: 446px;
	padding-left: 5px;
}

.recent_right:hover{
	border: 1px solid #0179a5;
}

.left{
	float: left;
	width: 447px;
	padding: 5px;
	margin: 10px 0;
}

.right{
	float: left;
	width: 447px;
	padding: 5px;
	margin: 10px 0;
	height: 1%;
	overflow: visible;
}

#twitter_update_list{
	margin-top: -8px;
}

#twitter_update_list li{
	list-style: none;
	margin-left: -23px;
	margin-bottom: 5px;
}
	

/**************** h Styles ****************/

h1{
	clear: left;
	margin-top: -10px;
	margin-left: 10px; 
	color: #394754;
	font-size: 16px;
	font-weight:bold;
	width: 575px;
	padding: 5px;
	text-align: left;
}

h2{
	color: #0179a5;
	font-size: 24px;
	font-weight:normal;
	width: 95%;
	padding: 10px 7px;
	border-bottom: 1px solid #808080;
}

h3{
	color: #333332;
	font-size: 20px;
	font-weight:normal;
	padding: 10px 7px;
}	

h4{
	color: #333332;
	font-size: 14px;
	font-weight: bold;
	padding: 10px 7px;
}	

/**************** Footer Styles ****************/

#footer{
	clear: both;
	width: 100%;
	height: 50px;
	margin-top: 10px;
	border-top: 1px solid #808080;
	background-color: #0179a5;
}

#footer_left{
	width: 450px;
	margin: 3px 0 0 0;
	padding-bottom: 3px;
	text-align: left;
	color: #fff;
	font-size: 11px;
}

#footer_right{
	float: right;
	text-align: right;
	color: #fff;
	font-size: 11px;
}

a.footerlink:link{color:#fff; font-weight:bold; text-decoration: none; cursor: pointer; border-bottom: dotted 1px #fff; }
a.footerlink:hover{color:#fff; font-weight:bold; text-decoration:none; cursor: pointer; border-bottom: solid 1px #fff; }
a.footerlink:visited{color:#fff; font-weight:bold; text-decoration:none; cursor: pointer; border-bottom: dotted 1px #fff;}
a.footerlink:visited:hover{color:#fff; font-weight:bold; text-decoration:none; cursor: pointer; border-bottom: solid 1px #fff;}

/**************** Misc Styles ****************/

.rule{ clear: left; height: 0; width: 100%; border-style: dotted; border-width: 1px 0 0 0; border-color: #808080; margin:0 auto; }

.spacer{ height: 3%; margin-top: 30px; }

.flag{ padding-top: 5px; vertical-align: top; }

.date{ color: #808080; }

.here{ font-size: 11px; color: #808080; }

.small{ color: #808080; font-size: 9px; text-align: right; }

.hiddennav{ visibility:hidden; color: #0179a5; font-weight: bold; font-size: 14px; font-weight:bold; }

.bold{ font-weight: bold; }

.speach_1{ float: left; padding: 2px; }

.speach_2{ float: right; padding: 2px; margin-right: -30px; }

.quote{ width: 360px; text-align: left; padding: 2px; margin-left: 40px; }