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

body{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color:#333;
	line-height:1.166;	
	margin:0;
	padding:0;
	font-size:70%;
	background: url(../images/bkimage.gif) 0 0 repeat-x;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */

}


a:link, a:visited, a:active {
	text-decoration: none; 
	color:#0091D6;
	font-weight:bold;
}

a:hover {
	text-decoration: underline;
	}
	
img{
	border:none;
	}
	
h1{
	color:#333;
	font-size:1.5em;
	margin:0;
	padding:0;
	font-weight:bold;
	}
	
	
h2{
	color:#0091D6;
	font-size:1.1em;
	font-weight:bold;
	margin:0;
	padding:0;
	}
	
h3{
	color:#0091D6;
	font-size:0.9em;
	line-height:1.7em;
	background: url(../images/flowerbult.gif) 0 0 no-repeat;
	text-indent:25px;
	}
	
h4{
	color:#333;
	font-size:1.1em;
	margin:0;
	padding:0;
	}
	
	h5{
	color:#333;
	font-size:0.9em;
	margin:0;
	padding:0;
	}
	
	.smallTXT{
	color:#333;
	font-size:0.9em;
	margin:0;
	padding:0;
	}


#header {
	width:100%;
	height:150px;
	padding: 0;
	border-bottom:1px dashed #0091D6;
	overflow:hidden;
	background: url(../images/bkHead.gif) 0 0 repeat-x;
    }
	
#mainContent {
	width:100%;
	text-align: left;
	padding: 0;
	border-bottom:1px dashed #0091D6;
    }
	
.subContent {
	width:230px;
	float:left;
	padding:0 10px;	
	
	
 }
 
 .subContent2 {
    height:100%;
	margin: 0 300px 0 250px;
	padding: 0 10px 0 10px;
 }
 
 
 .subContent3 {
	width:250px;
	float:right;
	margin-right:10px;	
 }

	
	
	
   
   .nav{
	display:block;
	width:900px;
	height:40px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

   .nav a:link,  .nav a:visited,  .nav a:active{
	width:110px;
	height:40px;
	font-size:1.2em;
	line-height:40px;
	float:left;
    display:inline;
	color:#0091D6;	
	font-weight:normal;
	

}

   .nav a:hover{
	background: url(../images/nav.gif) 0 0 no-repeat;
	text-decoration:none;
	color:#FFFFFF;

}

 .nav a.current 
 {
  background: url(../images/nav2.gif) 0 0 no-repeat;
  color: #0091D6;
  font-weight:bold;
}

	
	
 
 #footer {
	width:95%;
	height:50px;
	margin-left:auto;
	margin-right:auto;
	padding: 0;
	font-size:0.9em;
	text-align:center;
	
 }
 
 
 #footer a:link,  #footer a:visited,  #footer a:active{
color:#0091D6;	
	 }
	 
	 
	  #footer a:hover{
	  text-decoration:underline;	
	 }
 
 #callkate {
	display:block;
	width:220px;
	height:135px;
	padding: 0;
	text-align:left;
	background: url(../images/inner3bk.gif) 0 0 no-repeat;
	font-size:1.2em;
	font-weight:bold;
	color:#666666;
	padding-top:50px;
	padding-left:30px;
 }
 
  .slash{
	width:100%;
	height:20px;
	margin-left:auto;
	margin-right:auto;
	background: url(../images/slash.gif) 0 0 repeat-x;

}
  
  
  input {
 background-color: #ededed;
 color:#0091D6;
  font-size:1em;
}

textarea {
   background-color: #ededed;
   color:#0091D6;
   font-size:1em;
}


.quicklinks a:link, .quicklinks a:visited,  .quicklinks a:active{
    width:230px;
    display:block;
	color:#0091D6;
	font-size:1em;
	line-height:1.4em;
	background: url(../images/quicklnk.gif) 0 0 no-repeat;
	text-indent:25px;
	padding:5px;

	}
	
	  .quicklinks a:hover{
	 background: url(../images/quicklnkON.gif) 0 0 no-repeat;
	 color:#333333;
	 text-decoration:none;
	 }

  
.FLTleft { 
  float:left;
  display:inline;
	overflow:hidden;
	margin-right: 8px;

  
   }
   
.FLTright { 
  float:right;
  display:inline;
	overflow:hidden;
	margin-left: 8px;
   }
   
  
   .clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain its child floats */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


.portfolio {
	display:inline;
	width:145px;
	height:145px;
	padding: 15px;
	background: url(../images/portstyle.gif) 0 0 no-repeat;
	font-size:1.2em;
	font-weight:bold;
	color:#666666;
	float:left;
	
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    -moz-opacity: 1.0;
     opacity: 1.0;
 }
 
.portfolio:hover{
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}


.ContactFRM {
	width:270px;
	height:320px;
	background: url(../images/subBK2.gif) 0 0 no-repeat;
	padding-left:30px;
	padding-top:30px;
	display:inline;
	float:left;
    }
	
	.ContactTXT {
	width:270px;
	height:230px;
	padding-left:30px;
	display:inline;
	float:left;
    }
	
	
	.portHead a:link, .portHead a:visited,  .portHead a:active{
    width:150px;
    display:inline;
	float:left;
	
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    -moz-opacity: 1.0;
     opacity: 1.0;
	
	}
	
	  .portHead a:hover{
	     filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
	
	 }


 #Blogposts {
 display:inline;
 float:left;
	width:500px;
	height:auto;
	padding: 0;
	font-size:1.1em;
	text-align:left;
	
 }
 
 
  #Blogposts a:link,   #Blogposts a:visited,   #Blogposts a:active{
color:#0091D6;	
display:block;
height:20px;
	 }
	 
	 
	   #Blogposts a:hover{
	  text-decoration:underline;	
	 }