/*-------------------------------------------------------
* Filename: styles.css
* Description: Handles the site layout.
-----------------------------------------------------*/

/*------------------------------------------------------
Global Reset
------------------------------------------------------*/	
body{
	margin:0px;
	color:#666;
	background: #fff url(../images/bg.gif) top left repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	font-variant: normal;
	visibility: visible;
}


* html {
margin:0;padding:0;
}

.imgborder
{
background:#FFFFFF;
padding:3px;
border:1px solid #ccc;
}
.imgborder:hover
{
background:#fff;
padding:3px;
border:1px solid #aaa;
}

a {
text-decoration:none;
color:#666666;
}
a:hover
{
color:#484848;
text-decoration:none;
}

.middle_content
{
	margin:0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.rightalign
{
	float:right;
}
.leftalign
{
float:left;
}
.textleft
{
text-align:left;
}
.textright
{
text-align:right;
}

p { margin: 0 0 5px 0;}

/************************************************
                      header part                  
************************************************/
.header {

}
 
.slogan h3{
	color:#CCC;
	letter-spacing:normal;
	padding-top:98px;
	text-align:right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-variant: normal;
}

.slogan p{
	color:#CCC;
	margin:0;
	text-align:right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 14px;
	font-weight: normal;
	font-variant: normal;
}

.logo{
	margin-top: 10px;
	margin-right: 0;
	margin-left: 10px;
}

.twitter
{
font:normal 10px/11px Tahoma, Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-align:right;
padding-top:8px;
} 
.twitter img
{
vertical-align:middle;
margin-right:10px;
} 
  
/************************************************
                      top menu                  
************************************************/
.topmenubg	{
	width:940px;
	height:42px;
}

.topmenu
{
padding-top:8px;
}

#dropmenu, #dropmenu ul {
	margin:0 0 0 0;
	padding:0 0 0 0;
	list-style-type:none;
	list-style-position:outside;
	position:relative;
	line-height:1.2em;
	z-index:1;
	width:100%;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
}
#dropmenu a {
	display:block;
	padding:0.50em 1em;
	color:#FFF;
	border-right:0px solid #c8c8c8;
	text-decoration:none;
	font-weight: normal;
}
#dropmenu a:hover {
	color:#333;
	font-weight: normal;
}
#dropmenu li {
	float:left;
	position:relative;
}
#dropmenu ul {position:absolute; display:none; width:12em; top:1.9em; left:-1px;}
#dropmenu ul a {
	background-color: #898989;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #666;
	border-left-color: #666;
}
#dropmenu li ul {background:#fff; width:14.1em; }
#dropmenu li ul a {
	width:12em;
	height:auto;
	float:left;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #666;
	border-bottom-color: #666;
}
#dropmenu ul ul {top:auto;}
#dropmenu li ul ul {left:12em; margin:0px 0 0 10px;}
#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display:none;}
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:block;}
#dropmenu li.current_page_item a {
	color:#fff;
	background-color: #707070;
}
#dropmenu li.current_page_parent a {background:#005297; color:#fff;}
#dropmenu li.current-cat a {background:#005297; color:#fff;}


/************************************************
                      subheader                   
************************************************/
 
.subheader{
background:url(../images/subheader.gif) center top no-repeat                ;
height:96px;
position:relative;
}

.subheader h2{
color:#484848;
padding:30px 0 0 20px;
}
.subheader p{
padding:40px 20px 0 0;
color:#484848;
}
.bread
{
	color:#484848;
	font:normal 9px Tahoma, Helvetica, sans-serif;
	margin-top:10px;
	margin-bottom:10px;
	padding-left: 70px;
	padding-top: 4px;
	padding-bottom: 2px;
}

/************************************************
                      Breadcrumb                  
************************************************/
.bread span a { color:#484848; padding:2px 2px;}
.bread span a:hover { color:#000; }
.bread span img { vertical-align:middle; border:none;}




/************************************************
                      HEADINGS                  
************************************************/

h1{
	color:#666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-style: normal;
	line-height: 30px;
	font-weight: normal;
	font-variant: normal;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 3px;
	margin-left: 0;
	padding: 0;
}

h2{
	color:#666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-style: normal;
	line-height: 22px;
	font-weight: normal;
	font-variant: normal;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
}

h3 		{
	color:#666;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	font-variant: normal;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 2px;
	margin-left: 0;
}

h4 		{
	color:#666;
	padding:0;
	margin:0 0 5px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: 20px;
	font-weight: normal;
	font-variant: normal;
}

h5 		{
	color:#666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 20px;
	font-weight: normal;
	font-variant: normal;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	padding: 0;
}

h6 		{
	color:#888;
	padding:0;
	margin:0 0 5px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
}

/************************************************
                      Form Fieldset                  
************************************************/
fieldset
{
padding:15px;
border:1px solid #ddd;
}

fieldset legend
{
font-weight:bold;
padding:3px 10px;
background:#fff;
border:1px solid #ddd;
}

/************************************************
                      sidebar                  
************************************************/
.leftsidebar {
	background: url(../images/sep.gif) top right repeat-y;
	height:100%;
	font-size: 11px;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 5px;
	padding-top: 25px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	color: #888;
}


/************************************************
                      News List                  
************************************************/
ul.newslist
{
margin:10px 0px 10px 0;
padding:0;
list-style:none;
}


/************************************************
                      News List                  
************************************************/
ul.newslist
{
margin:10px 0px 10px 0;
padding:0;
list-style:none;
}

ul.newslist li
{
	padding:6px 5px 6px 0px;
	border-bottom:1px solid #ddd;
	line-height:1.4em;
	color:#666666;
	font-size: 11px;
}

ul.newslist li a:link, ul.newslist li a:visited, ul.newslist li a:active
{
padding:0px 0px;color:#959595;
text-decoration:none;
}

ul.newslist li a:hover
{
	color:#777;
	padding:0px 0px;
	text-decoration:none;
}

ul.newslist li span
{
	font-weight:bold;
	display:block;
	font-size: 12px;
	color: #888;
}
ul.footermenu li
{
	padding:6px 5px 6px 0px;
	line-height:1.4em;
	color:#CCC;
	font-size: 11px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}

ul.footermenu li a:link, ul.footermenu li a:visited, ul.footermenu li a:active
{
	padding:0px 0px;
	color:#CCC;
	text-decoration:none;
}
ul.footermenu li a:hover
{
	color:#a0a7b7;
	padding:0px 0px;
	text-decoration:none;
}
ul.footermenu li span
{
	font-weight:bold;
	display:block;
	font-size: 12px;
	color: #888;
}


/************************************************
                      SUBMENU
************************************************/
		
.submenu {
margin:0 0px 20px 0px;
text-align:left;
}

.submenu ul {
margin:0;
list-style:none;
padding:0 0px;
}

.submenu li a {
voice-family:inherit;font-weight:bold;
border-bottom:1px solid #e6e6e6;
margin:0 0 2px 0;
height:18px;
text-decoration:none;
}

.submenu li li a {
margin:0 0 0 0;
text-decoration:none;

}

.submenu li li a:link, .submenu li li a:visited {
color:#838383;
display:block;
padding:6px 10px;
}

.submenu li a:link, .submenu li a:visited {
color:#838383;
display:block;
padding:6px 10px;
}

.submenu li.current a {
text-decoration:none;
color:#0564b4;
}

.submenu li a:hover {
color:#0564b4;
padding:6px 10px;
z-index:100;
text-decoration:none;
}

/************************************************
                      sidebar box                  
************************************************/
		
.sidebarbox h3 		{ 
font: normal 22px/28px Georgia, Arial, Helvetica, sans-serif; 
color:#4D4C4C;
text-align:center;
padding:10px;
margin:0;
text-decoration:none;
}


.sidebarbox {
border:0px solid #cbcbcb;
background:none;
padding:15px;
}


/************************************************
              homepage featured boxes                  
************************************************/
	.servicebox{
padding:15px;
padding-left:0;
border-bottom :1px solid #ddd; 
}
.servicebox p, .servicebox h4
{
 margin-left:80px;
}

/************************************************
              services page block                  
************************************************/
.servicebox2 ul.listitems
{
 margin-left:80px;
}
*html .servicebox2 ul.listitems
{
 margin-left:120px;
}

ul.listitems
{
	list-style:circle;
	margin-left: 50px;
	line-height: 20px;
}

.servicebox2
{
border-bottom :1px solid #ddd; 
overflow:hidden;
height:100%;
padding:20px;
margin:0;
}
.servicebox2 h3, .servicebox2 p
{
margin:0;
padding-left:10px;
margin-left:70px;
}

.servicebox2 img
{
border-right:1px solid #ddd;
padding-right:4px;
}

/***********************************************
                     Lightbox
***********************************************/

/* ---- jQuery Lightbox Plugin ---- */

#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}


.folio_img {
	border: 1px solid #B6B6B6;
	padding: 10px;
	margin-bottom: 10px;
	background-color: #FFF;
}

.preview {
	background: url(../images/preview.gif) no-repeat;
	padding-left: 20px;
	font-weight: normal;
}

a:hover.preview {
	text-decoration: none;
}

.view {
	background: url(../images/view.gif) no-repeat;
	padding-left: 18px;
	font-weight: normal;
}

a:hover.view {
	text-decoration: none;
}


hr.portfolio {
	height: 1px;
	color: #DDD;
	background-color: #DDD;
	border: 0;
	margin: 20px 0 20px 0;
}


/************************************************
                      Testimonials
************************************************/

.testimonial {
	margin:20px 0 20px 0;
}

.testimonial blockquote{
	padding:0px 0px 20px 33px;
	background:url(../images/quoteicon.gif) no-repeat top left;
	
}
.testimonial blockquote p.quote{
	color:#888;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 9pt;
	font-style: italic;
	line-height: 20px;
	font-weight: normal;
	font-variant: normal;
	margin-right: 10px;
}

.testimonial blockquote p.author{
	float: right;
	font-weight:bold;
	text-align:right;
	color:#999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 95%;
	line-height: 12pt;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 0;
}

/************************************************
                      readmore                  
************************************************/
.readmore
{
	margin:10px 0 10px 0;
	color:#777;
	border:1px solid #999;
	font-size:11px;
	font-weight:bold;
	padding:0px 10px;
	text-decoration:none;
	background-color: #fff;

}
a.readmore:hover
{
color:#484848;
border:1px solid #ccc;
background:#fff url(../images/button_bg.gif) bottom left repeat-x;
text-decoration:none;
}



/************************************************
                      content boxes                  
************************************************/
.content-box{ 
border-bottom:1px solid #ddd; 
padding:0px;
margin:20px 0 20px 0;
overflow:auto;
height:100%;
}

.content-box p
{

margin:10px 0 0;
}


.content-box img
{
margin:10px 20px 0 0;
}

.post-info{
	padding:6px;
	border:1px solid #ddd;
	background:#f2f2f2;
	color:#000;
	margin: 0;
}


.comments
{
float:right;
padding:0px 0 0 0;
width:85px;
text-align:center;
height:26px;
}

.comments a		 { color:#777; text-decoration:none;}
.comments a:hover	 { color:#69452e; text-decoration:none;}


/************************************************
                      Headings Color                  
************************************************/

.yellow 	{ color:#FFCC33; }
.skyblue 	{ color:#9fe5ff; }
.gray 	{
	color:#999 !important;
}
.white 	{ color:#ffffff; }

/************************************************
                      Tables                  
************************************************/
table{
border:none;
border-collapse:collapse;
margin:10px 0 10px 0;
}

td,th
{
border-bottom:1px solid #cacaca;
color:#4c4c4c;
padding:10px 15px;
}
th
{
background:url(../images/table-head-mid.gif) repeat-x 0 0;
text-align:left;
padding-left:20px;
}
th.lefthead
{background:url(../images/table-head-left.gif) no-repeat 0 0;
text-align:left;
padding-left:20px;
}
th.righthead
{background:url(../images/table-head-right.gif) no-repeat right top;
text-align:left;
}

table a {text-decoration:none;}
table a:link {}
table a:visited {}

tbody tr:hover 		{background:#f1f1f1;}

tr.even
{
background:#f1f1f1;
}

/*******************************************************
  				Error / Success / Notice	
*******************************************************/

.notes 	{background: #f0f0f0;border: 1px solid #b8b8b8;}
.success 	{
	border: 1px solid #0C3A66;
	background-color: #396;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}
.error	{background: #f9e3e3;	border: 1px solid #e79e9e;}
.formfields {
	margin-top: 7px;
	margin-bottom: 7px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999;
	padding: 7px;
	margin-right: 0px;
	margin-left: 0px;
}

.notice 	{background: #fcf0cc;border: 1px solid #ecc735;}
	.notes, .notice, .success, .error 
		{font-size: 100%;color:#484848;padding:10px;width:auto;margin: 0 0 20px 0px; text-align:left}
	.notes span, .notice span, .success span, .error span 
		{font-weight: bold;font-size: 1.2em;padding: 2px 40px;}
	.notes p, .success p, .error p, .notice p 
		{margin: 0px;padding: 0px 40px;}
.footer {
	color: #a0a7b7;
	font-size: 11px;
	clear: both;
	float: left;
	padding-bottom: 20px;
	margin-left: 25px;
	width: 100%;
	background-color: #0A416F;
	background-repeat: repeat;
}



 
/************************************************
                      Footer                  
************************************************/

.footerbg
{
	background-color: #0A416F;
	padding-top: 40px;
	padding-right: 0;
	padding-left: 0px;
	margin: 0px;
	padding-bottom: 0px;
	clear: both;
	float: left;
	width: 100%;
	background-repeat: repeat;
	background-position: left bottom;
}
.menu_btm {
	float: left;
	padding-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #999;
	padding-top: 0px;
	padding-bottom: 5px;
	font-weight: normal;
	margin-right: 0px;
	margin-left: 15px;
}
.menu_btm_links {
	float: left;
	padding-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #888;
	padding-top: 0px;
	padding-bottom: 5px;
	padding-right: 10px;
}
.telnumber {
	font-size: 23px;
}
.callnow {
	font-size: 16px;
	font-weight: bold;
}
.callnow {
	font-size: 12px;
}
.partnerlogo {
	float: right;
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
}
.sociallogo {
	margin-right: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	float: right;
}
.wc3 {
	padding-top: 180px;
	float: left;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 25px;
}
.footerlogos {
	float: right;
	width: 250px;
}
#contact p, label, legend {
	font: 16px Arial, sans-serif;
	font-size: 12px;
}

#contact h1 { margin: 10px 0 10px; font-size: 24px; color: #333333; }
#contact hr {
	color: inherit;
	height: 0;
	margin: 6px 0 6px 0;
	padding: 0;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #d9d9d9;
	border-right-color: #d9d9d9;
	border-bottom-color: #d9d9d9;
	border-left-color: #d9d9d9;
}

#contact {
	display: block;
	width: 580px;
	margin: 20px auto;
	padding: 20px;
	border: 1px solid #cbcbcb;
	background-color: #FFF;
}

/* Form style */

#contact label {
	display: inline-block;
	float: left;
	height: 26px;
	line-height: 26px;
	width: 155px;
	font-size: 12px;
}
#contact input, textarea, select { width: 280px; margin: 0; padding: 5px; color: #666; background: #f5f5f5; border: 1px solid #ccc; margin: 5px 0; font:12px  Arial, sans-serif; }   
#contact input:focus, textarea:focus, select:focus { border: 1px solid #999; background-color: #fff; color:#333; }
#contact input.submit { width: 85px; cursor: pointer; border: 1px solid #222; background:#333; color:#fff; }
#contact input.submit:hover { background:#444; }
#contact input[type="submit"][disabled] { background:#888; }
#contact fieldset {
	padding:20px;
	border:1px none #CCC;
}
#contact legend {
	color:#666;
	border:1px none #CCC;
	margin-bottom:0 !important;
	margin-bottom:20px;
	font-size: 14px;
	font-weight: normal;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 0px;
}

#contact span.required{ font-size: 13px; color: #ff0000; } /* Select the colour of the * if the field is required. */

#message { margin: 10px 0; padding: 0; }

.error_message {
	display: block;
	height: 22px;
	line-height: 22px;
	padding: 3px 10px 3px 35px;
	color:#8a1f11;
	border: 1px solid #FBC2C4;
	background-color: #FBE3E4;
	background-image: url(../assets/error.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
}

.loader { padding: 0 10px; }

#contact #success_page h1 {
	padding-left:22px;
	background-image: url(../assets/success.gif);
	background-repeat: no-repeat;
	background-position: left;
}

acronym { border-bottom:1px dotted #ccc; }