/****** layout styles for ibrowser web design copyright 2009 */

/********************************************************************************* body */

body {
	font:13px/1.5 Geneva, Arial, Helvetica, sans-serif /*Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif*/;
	color: #666666;
	text-align:justify;
	} /* 13px = 1.0em */

/*************************************************************************** global styles */

a {color:#990033; font-weight:bold;}

a:hover {color:#0066FF; text-decoration:none; font-weight:bold;}

a:focus{outline:1px dotted invert}

hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}

h1{font-size:1.2em;} /* 25px = 1.92em */

h2{font-size:.9em; color: #666666;} /* 23px = 1.77em */

h3{font-size:1.0em; color:#666666;} /* 21px = 1.62em */

h4{font-size:.9em;} /* 19px = 1.46em */

h5{font-size:.8em;} /* 17px = 1.31em */

h6{font-size:1.0em; color:#666666;} /* 15px = 1.15em */

ol{list-style:decimal;}

ul{list-style:square;}

li{margin-left:30px;}

p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:10px} /* was 20 */

abbr, acronym, .help {
  border-bottom: 1px dotted;
  cursor: help;
  }

/***************************************************************************** wrapper */
#wrapper {
	margin: 25px auto 20px auto;
	width:960px;
	}

/********************************************************************** tagline holder */

#tagline_holder {
	margin: 0px auto 20px auto;
	width:960px;
	height:40px;
	background: url(../images/tag_bg.gif) no-repeat top center;
	}

#tagline {
	margin: 0px 10px 10px 10px;
	width:700px;
	float:left;
	display:inline;
	}

#tagline h1 {
	font:1.4em Helvetica,Trebuchet MS,Arial,sans-serif;
	color:#006699;
	margin: 0px 0px 0px 0px;
	padding:10px 0px 0px 0px;
	}

#date{
	width:220px;
	display:inline;
	float:left;
	text-align:right;
	margin:10px 10px 0px 10px;
	/*font-size:1em;*/
	color: #006699;
	font-weight:bold;
	}

/***************************************************************************** header */
#header{
	width:940px;
	margin: 10px auto 10px auto;
	background:#FFFFFF;
	}

#header img {
	float:left;
	}


/***************************************************************************** main nav */

#main_nav {
	margin: 35px 0px 0px 0px;
    float:right;
	width:500px;
	height:30px;
    line-height:normal;
	font-size:1.1em;
	font-weight:bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	}
	 
#main_nav ul {
	margin: 0px 0px 0px 0px;
	list-style:none;
	/*float:right;*/
	}
	  
#main_nav li {
	margin: 0px 0px 0px 0px;
    display: inline;
	}
	 
#main_nav a {
	margin: 0px 0px 0px 30px;
    display: block;
	float: right;
	text-align: right;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #666666;
	height:20px;
	}
	  
#main_nav a:hover {
   	color:#2980EA;
	text-decoration: none;
	border-bottom: 3px solid #2980EA;
	}
	  
#main_nav .current_page {
	margin: 0px 0px 0px 30px;
	color: #2980EA;
	text-decoration: none;
	border-bottom: 3px solid #2980EA;
	}

/***************************************************************************** main content 700 */

#main_content700 {
	width:700px;
	display:inline;
	float:left;
	margin: 0px 10px 20px 10px;
	}

#main_content700 ul {
	list-style-type:none;
	padding: 0;
	margin:20px 0px 10px 10px;
	}/* bullet image*/

#main_content700 ul li {
	list-style-image: url(../images/list_marker.gif);
	background-repeat:no-repeat;
	background-position: 20px ;
	padding: 0 0 10px 0;
		}

#tick_box {
	/*width:600px;*/
	/*height:155px;*/
	margin:10px auto 0px auto;
	text-align:right;
	}
	
#tick_box img{
	vertical-align: middle;
	}

#tick_box h3 {
	color:#006699;
	/*margin-top:15px;*/
	}

/***************************************************************************** rightside */
.rightside{
	width:220px;
	background: #FFFFFF;
	display:inline;
	float:left;
	margin: 0px 0px 0px 10px;
	}

.rightside h3{
	color:#2980EA;
	}
	
.rightside img {
	margin:0px auto 0px auto;
	}

/***************************************************************************** contact page only */
#rightside_580 {
	width:560px;
	display:inline;
	float:left;
	margin: 0px 10px 20px 10px;
	}

#rightside_580 h3 {
	color: #006699;
	}

#leftside_340 {
	width:340px;
	display:inline;
	float:left;
	margin: 0px 10px 20px 30px;
	}

#leftside_340 p {
	font-family: "Times New Roman", Times, serif;
	font-size:1.1em;
	color: #666666;
	/*color: #5B5B5B;*/
	/*font-weight:bold;*/
	}
#vertical_alignimg {
	vertical-align: middle;
	}
	
#video_message {
	width:700px;
	margin: 10px 0px 10px 0px;
	}
			
/***************************************************************************** botm services */
.btm_services{
	width:220px;
	display:inline;
	float:left;
	margin: 0px 10px 20px 10px;
	border-top:#666666 thin dotted;
	}

.btm_services h3{
	color:#2980EA /*#e64117*/;
	margin:.3em 0 .4em 0px;
	font:1.4em Helvetica,Trebuchet MS,Arial,sans-serif;
	}

.btm_services p {
	line-height:1.5em;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.9em;
	color: #666666;
	}

.btm_services img {
	float:left;
	margin-right:10px;
	}
	
/***************************************************************************** botm services */
.btm_ads{
	width:460px;
	display:inline;
	float:left;
	margin: 0px 10px 20px 10px;
	border-top:#666666 thin dotted;
	}

.btm_ads h3{
	color:#2980EA /*#e64117*/;
	margin:.3em 0 .4em 0px;
	font:1.4em Helvetica,Trebuchet MS,Arial,sans-serif;
	}

.btm_ads p {
	line-height:1.5em;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.9em;
	color: #666666;
	}

.btm_ads img {
	float:left;
	margin-right:10px;
	}

/***************************************************************************** footer holder */

#footer_holder {
	margin: 0px auto 20px auto;
	width:960px;
	height:50px;
	font-size:.9em;
	background: url(../images/footer_bg.gif) no-repeat bottom;
	text-align:center;
	}

#footer_holder a {
	color:#666666;
	}
	
#footer_holder a:hover {
	color:#0066FF;
	text-decoration:none;
	font-weight:bold;
	}

/**************************************************************************** footer */
#footer{
	width:940px;
	margin: 0px auto 20px auto;
	background: #00FF00;
	}

#footer a {
	font-size:.8em;
	color:#666666;
	}

/**************************************************************************** subfooter */
#subfooter{
	width:940px;
	margin: 0px auto 20px auto;
	background: #FFFFFF;
	text-align:center;
	background:url(../images/soltopbg.gif);
	}
#subfooter a {
	font-size:.8em;
	color:#666666;
	}

/**************************************************************************** images */
.imgleft{
	float:left;
	margin-right:20px;
	}
	
.imgright{
	float:right;
	margin-left:10px;
	}
	
.imgcentre{
	margin: margin: 0px auto 0px auto;
	display:block;
	}

/***************************************************************************** flash */

#flash {
	float:left;
	}
	
/***************************************************************************** box for links */

.box{
background-color: #FFFFFF;
/*width:194px;*/
margin:0 0 12px 0;
padding:4px 0;
border-left:1px solid #eee;
border-right:1px solid #eee;
border-top:4px solid #E8E8E8;
border-bottom:4px solid #E8E8E8;
}

.box h3{
color: #006699 /*#e64117*/;
margin:.3em 0 .4em 10px;
font:1.5em Helvetica,Trebuchet MS,Arial,sans-serif;
}

.box ul{
margin:0;
padding:0;
list-style:none;
overflow:hidden;
font-size:.92em;
/*width:194px;*/
line-height:1.8;
}

.box ul li{
width:220px;
float:left;
margin:0;
padding:0;
border-top:1px solid #F0F0F0;
}

.box ul a{
padding:2px 0 2px 10px;
display:block;
text-decoration:none;
color: #999999;
}

.box ul li.inline{
padding-left:8px;
}

.box ul li.inline a{
padding:2px;
line-height:2.1em;
display:inline;
}

.box ul a:visited{
background-color:#F7F7F7;
text-decoration:none;
}

/*.box ul li:hover a:visited{
text-decoration:underline;
}*/

/*.box ul a:active{
background-color:#F5F5F5;
outline:none;
}*/

.box ul a:focus{
outline:none;
}

.box ul a:hover{
text-decoration:underline;
color:#2980EA;
border:0;
}


/**************************************************** portfolio style **/

#portfolio_content {
	width:896px;
	margin: 20px auto 20px auto;
	}

ul#filter {
	font-size: 16px;
	list-style: none;
	margin: 20px auto 0px auto;
	width: 90%;
	}
	
ul#filter li {
	border-right: 1px solid #dedede;
	float: left;
	line-height: 16px;
	margin-right: 10px;
	padding-right: 10px;
	}

/*ul#filter li:last-child {
	border-right: none;
	margin-right: 0;
	padding-right: 0;
	}*/

ul#filter a {
	color: #006699;
	text-decoration: none;
	font-weight:bold;
	}

ul#filter li.current a, ul#filter a:hover {
	text-decoration: underline;
	color: #2980EA;
	}

ul#filter li.current a {
	color: #2980EA;
	font-weight: bold;
	text-decoration:underline;
	}

ul#portfolio {
	float: left;
	list-style: none;
	margin:20px 0px 0px 20px;
	width: 896px /*672px*/;
	font-size:.8em;
	}
	
ul#portfolio li {
	border: 1px solid #dedede;
	float: left;
	margin: 0 10px 10px 0;
	padding: 5px;
	width: 202px;
}

ul#portfolio a {
	color:#006699;
	display: block;
	width: 100%;
	text-decoration: none;
	}
	
ul#portfolio a:hover {
	color:#2980EA;
	text-decoration:underline;	
	}

ul#portfolio img {
	border: 1px solid #dedede;
	display: block;
	padding-bottom: 5px;
	}

ul#portfolio li {
	margin-right: 5px;
	}

/***************************************************************************** clear */

html body div.clearall,html body span.clearall{background:none;border:0;clear:both;display:block;float:none;font-size:0;margin:0;padding:0;overflow:hidden;visibility:hidden;width:0;height:0}

.clearall:after{clear:both;content:'.';display:block;visibility:hidden;height:0}

.clearall{display:inline-block}

* html .clearall{height:1%}

.clearall{display:block}
	
/****************************************************************** 16 grid info */

.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{					display:inline;
float:left;
margin-left:10px;
margin-right:10px
}

/***************************************************************************** 4 col content */
.content_4{
	width:220px;
	background: #CCCCCC;
	display:inline;
	float:left;
	margin: 0px 10px 20px 10px;
	}

/***************************************************************************** 4 col content */
.content_5{
	width:300px;
	background:#CCCCCC;
	display:inline;
	float:left;
	margin: 0px 10px 20px 10px;
	}

/***************************************************************************** 8 col content */
.content_8{
	width:460px;
	background:#CCCCCC;
	display:inline;
	float:left;
	margin: 0px 10px 20px 10px;
	}

.grid_1{width:40px}

.grid_2{width:100px}

.grid_3{width:160px}

.grid_4{width:220px; background:#CCCCCC;}

.grid_5{width:280px;  background:#CCCCCC;}

.grid_6{width:340px}

.grid_7{width:400px}

.grid_8{width:460px}

.grid_9{width:520px}

.grid_10{width:580px}

.grid_11{width:640px}

.grid_12{width:700px}

.grid_13{width:760px}

.grid_14{width:820px}

.grid_15{width:880px}