/***************************
	GLOBAL RESET
****************************/	
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font,img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	text-align: left;
		}   

body{  
		margin:0px;
		font:normal 12px/20px "Lucida Sans", Verdana, Helvetica, sans-serif;
		color:#777;
		background:#fff;
		}

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


/************************
	BASIC STYLES
*************************/
.clear{
		clear:both; 
		}

.rightalign{
		float:right;
		}

.leftalign{ 
		float:left;
		}

.textright{
		text-align:right;
		}

.textcent{
	text-align:center;
		}
.textleft{
		text-align:left;
		}
a{
		text-decoration:none;
		color:#00919f;
		}
 
		a:hover{  
			color:#777;
			}
	
p{
	margin:0 0 10px 0;
	font:normal 12px/20px "Lucida Sans",  Arial, Verdana, Helvetica, sans-serif;
	color:#777;
	text-align: left;
		}		

.img_border{ 
		padding:5px;
		margin:10px 0;
		border:1px solid #ccc;
		}
		
/************************
	BLOCKQUOTE
*************************/

blockquote, q{
		quotes: none;
		color: #FFF;
		}

blockquote:before, blockquote:after,
q:before, q:after{
		content: '';
		content: none;
		color: #FFF;
		}

blockquote{
		margin: 15px 0px 15px 5px;
		background: url(../images/quoteclose.png) no-repeat bottom right;
		color: #FFF;
		}
		
		blockquote p{
	;
	background: url(../images/quoteopen.png) no-repeat top left;
	padding-left: 30px;
	padding-right: 10px;
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: italic;
	line-height: 20px;
	color: #FFF;
	padding-top: 10px;
	padding-bottom: 10px;
				}

/************************
		HEADINGS
*************************/	
h1{
		padding:0px;
		color:#777;
		font:normal 30px/32px  "Arial", Arial, Helvetica, sans-serif;
		letter-spacing:-1px;
		}

h2{
	color:#555;
	font:normal 24px/28px  "Lucida Sans", Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
	margin:0 0 5px 0;
	text-align: left;
		}
#slidertext {
	color:#555;
	font:normal 24px/28px  "Lucida Sans", Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
	margin:0 0 5px 0;
	text-align: center;
		}	
h3{
		padding:0px;
		color:#777;
		font:normal 21px/24px "Lucida Sans", Arial, Helvetica, sans-serif;
		margin-bottom:10px;
		}

h4{
		padding: 0px;
		color:#777;
		font:normal 20px/26px "Lucida Sans", Arial, Helvetica, sans-serif;
		}

h5{
	padding: 0px;
	color:#000;
	font:normal bold 16px/20px "Lucida Sans", Arial, Helvetica, sans-serif;
		}
	
h6{
		padding: 0px;
		color:#777;
		font:normal 11px/14px "Lucida Sans", Arial, Helvetica, sans-serif;
		margin-bottom:10px;
		}	
h7{
		padding: 0px;
		color:#777;
		font:normal 21px/24px "Verdana", Arial, Helvetica, sans-serif;
		margin-bottom:10px;
		}		
		
h2-central{
	color:#555;
	font:normal 24px/28px  "Lucida Sans", Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
	margin:0 0 5px 0;
	text-align: center;
		}		

/************************
	HEAD
*************************/	
.header{
		width:100%;
		position:relative;
		z-index: 1000;
		}
		
.bg {
	background: url(../images/bg.jpg) top center no-repeat;
	height:289px;
	z-index:2;
	padding-bottom: 25px;
}


.subheader{
		background: url(../images/bg.jpg) center -250px  no-repeat;	
		width:100%;
		height:250px;			
		}
	.subbg{
			width:100%;
			}
	
			.subtitle {
					text-align:center;
					color:#666;

					}

			.subtitle p {
					font:normal 18px Georgia, Helvetica, Sans-serif;
					font-style:italic;
					color:#666;
					}

			.subtitle h1{
					padding-top:30px;
					padding-bottom:10px;				
					color:#666;
					}
.header2 {
	height: 147px;
	margin-bottom: -147px;
	font-family: "Lucida Sans", Verdana, Helvetica, sans-serif;
	font-size: 36px;
	color: #000;
}

.logo{
	margin-top: 120px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 20px;
	padding-top: 55px;
		}

/************************
	CONTENT
*************************/		
.box-content{
		padding:0px 10px 15px 10px;
		}
		
.sepline{
		background:url(../images/sep-line.gif) top right repeat-y;
		}	

/************************
	MID CONTENT LISTS
*************************/	
						
ul.list{
		margin:5px 0 20px 10px;
		padding:0;
		list-style:none;
		display : inline-block;
		}
	
		ul.list li{
				padding:3px 5px 3px 25px;
				}
			
				ul.list li{
						background:url(../images/tick.gif) left 6px no-repeat;
						}




/**************************
	SIDEBAR SUBNAV
****************************/

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

		ul.subnav li a{
				voice-family:inherit;
				margin:1px 0;
				padding:0;
				height:100%;
				text-decoration:none;
				border-bottom:1px solid #dce6eb;
				color:#777;
				}

				ul.subnav li a:link, 
				ul.subnav li a:visited{
						color:#777;
						display:block;
						padding:6px 0px;
						}

						ul.subnav li.current a{
								font-weight:bold;
								text-decoration:none;
								background:url(../images/leftp.gif) no-repeat -20px 0 ;
								color:#00919f !important;	
								}

								ul.subnav li a:hover{
										color:#00919f;
										background:#ecf2f5;
										padding:6px 2px;
										text-decoration:none;
										}

/**************************
	MIC CONTENT NEWS LISTS
***************************/

ul.newslist{
		margin:10px 0;
		padding:0;;
		}

		ul.newslist li{
				border-bottom:1px solid #e6e6e6;
				padding:10px 0;
				color:#777;
				}
			
				ul.newslist li a:link, 
				ul.newslist li a:visited, 
				ul.newslist li a:active{
						padding:3px 0px;
						color:#777;
						text-decoration:none;
						}

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

								span.date{
										display:block;
										width:70px;
										margin:0 0 5px 0;
										padding:2px 0px;
										color:#00919f; 
										font:normal bold 10px/12px Tahoma, Arial, Helvetica, sans-serif;
										letter-spacing:normal !important;
										}



/****************************
	SERVICES
*****************************/

.services{
		}
			
		.services h3{
				padding:0px;
				color:#777;
				font:normal 23px/24px "Trebuchet MS", Arial, Helvetica, sans-serif;
				letter-spacing:-1px;
				margin-bottom:10px;
				padding-bottom:10px;
				border-bottom:1px solid #d1d1d1;
				}

ul.service_list{
		margin:10px 0;
		padding:0;
		list-style:none;
		display : inline-block;
		}
	
		ul.service_list li{
				padding:3px 5px 3px 25px;
				float:left;
				width:40%;
				}
			
				ul.service_list li{
						background:url(../images/tick.gif) left 6px no-repeat;
						}

/*************************
	PORTFOLIO
**************************/

.portfolio{
		border-bottom:1px solid #d3d3d3;
		margin-bottom:15px;
		padding-bottom:20px;	
		}

.port_details{
		float:left;
		margin-top:10px;
		margin-left:30px;
		width:280px;
		}

		.port_details p{
				margin:0;
				padding:5px 0;	
				}
				
			.port_details h3{
					padding:0px;
					color:#555;
					font:normal bold 22px/24px "Trebuchet MS", Arial, Helvetica, sans-serif;
					letter-spacing:-1px;
					margin-bottom:10px;
					}				

.port_img {
	float:left;
}

a.view{
		font-size:11px;
		text-decoration:none;
		font-weight:bold;
		float:right;
		padding-right:10px;
		margin:10px;
	 	}
 
a.view:hover{  
		font-weight:bold;
		text-decoration:underline;
		}

/**************************
	Blog	 
***************************/

.blog{
		margin:15px 0;
		padding:10px 0;
		border-bottom:1px solid #d3d3d3;	
	    }
	
		.blog p{
				padding:5px 0;
			    }
									
			.blog h2 a{
				font:normal 18px/20px Arial, Helvetica, sans-serif;
			    }				
	

.post-info{
		border-bottom:1px solid #E8E8E8;
		border-top:1px solid #E8E8E8;		
		padding:5px 15px 5px 0px;
		font:normal 10px Arial, Helvetica, sans-serif;
		margin:10px 0;
		letter-spacing:1px;
		word-spacing:3px;
		text-transform:uppercase;
		}

		.post-info span{
				color:#257400;
				font-weight:bold;
				}
				
.blog_img {
		float:left;
		margin-right:10px;
		
}				

a.links{
		font-size:14px;
		text-decoration:underline;
		color:#0061a7;
		}

a.links:hover{  
		color:#5D5D5D;
		font-weight:bold;
		text-decoration:none;
		}

/***************************
	READ MORE
****************************/ 

.readmore{   
		margin-bottom:20px;
		margin-right:10px;
		margin-top:10px;	
		}
	
		.readmore:hover{  

				}

/****************************
	FOOTER
*****************************/

.footer{
		margin:0;
		padding:20px 0px;
		width:auto;
		height:46px;
		background:#dce6eb;
		border-top:6px solid #d2dfe5;
		}

		.footer_left{
				float:left;
				}

				.footer_left p{
						font-size:13px;
						}

		.footer_right{
				float:right;
				}

/* ================================================= */
/* 	 INPUT FIELD CSS                                 */
/* ================================================= */

.contactform textarea{
		vertical-align:top;
		}

.contactform input[type=radio],
.contactform input[type=checkbox]{
		border: none;
		}

input[type=text],
input[type=password],
textarea{
		background: #fff;
		border: 1px solid #d1d1d1;
		padding: 5px 8px;
		margin: 2px 0px;
		}

input[type=text]:focus,
input[type=password]:focus{
		background: #f8f8f8;
		}

/* ================================================= */
/* 	 ADDED BY RACAN                                  */
/* ================================================= */

.readmore .readmorebutton {
	float: right;
}

.readmoretext {
	clear: right;
	padding-top: 10px;
}

.readmoretext p {
	clear: both;
	padding-top: 10px;
}

.readmoretext ul {
	padding-left: 25px;
}

.leftcolumn {
	float: left;
}

.rightcolumn {
	float: right;
}

.module_container {
	border-style: solid;
	border-color: #b8e1f5;
	border-top: inactiveborder;
	border-bottom: inactiveborder;
	border-width: 16px;
	margin-right: 22px;
	margin-left: 1px;
	overflow: auto;
}

.module_top_text {
	padding-left: 30px;
	padding-right: 60px;
	margin-left: 1px;
	width: 84%;
	margin-bottom: -10px;
	font-weight: bolder;
}

.module_top_text p {
	font-weight: bold;
	color: #000000;
}

.small_module_blue {
	float: left;
	margin-top: 10px;
	margin-left: 10px;
	background: url(../images/wwd/bluemodule.gif) no-repeat transparent;
	width: 183px;	
	height: 131px;
	font-weight: bolder;
}

.small_module_green {
	margin-top: 10px;
	margin-left: 2px;
	background: url(../images/wwd/greenmodule.gif) no-repeat;
	width: 183px;
	height: 131px;
	float: left;
	font-weight: bolder;
}

.small_module_light {
	margin-top: 10px;
	margin-left: 2px;
	background: url(../images/wwd/lightmodule.gif) no-repeat;
	width: 183px;
	height: 131px;
	float: left;
	font-weight: bolder;
}

.large_module_brown {
	margin-left: 7px;
	background: url(../images/wwd/largebrownmodule.gif) no-repeat;
	margin-top: 150px;
	height: 150px;
}

.large_module_red {
	margin-left: 7px;
	background: url(../images/wwd/largeredmodule.gif) no-repeat;
	height: 150px;
}

.large_module_blue {
	margin-left: 7px;
	background: url(../images/wwd/largebluemodule.gif) no-repeat;
	height: 150px;
}

.large_module_red .image2{
	padding-left: 12px;
	float: left;
}

.large_module_blue .image2{
	padding-left: 12px;
	float: left;
}

.large_module_red h6 {
	padding-top: 10px;
	padding-left: 140px;
	margin-bottom: 0px;
	font-size: xx-small;
	font-weight: bolder;
}

.large_module_blue h6 {
	padding-top: 10px;
	padding-left: 140px;
	margin-bottom: 0px;
	font-size: xx-small;
	font-weight: bolder;
}

.large_module_red p {
	padding-left: 140px;
	line-height: normal;
	font-size: xx-small;
	font-weight: bolder;
	text-align: justify;
	width: 400px;
}

.large_module_blue p {
	padding-left: 140px;
	line-height: normal;
	font-size: xx-small;
	font-weight: bolder;
	text-align: justify;
	width: 400px;
}

.large_module_brown .image1{
	padding-left: 12px;
	float: left;
}

.large_module_brown h6 {
	padding-top: 10px;
	padding-left: 140px;
	margin-bottom: 0px;
	font-size: xx-small;
	font-weight: bolder;
}

.large_module_brown p {
	padding-left: 140px;
	line-height: normal;
	font-size: xx-small;
	font-weight: bolder;
	text-align: justify;
	width: 400px;
}

.small_module_blue p {
	text-align: center;
	line-height: normal;
	font-size: xx-small;
	width: 175px;
	padding-left: 3px;
	padding-top: 0px;
}

.small_module_green p {
	text-align: center;
	line-height: normal;
	font-size: xx-small;
	width: 175px;
	padding-left: 3px;
	padding-top: 0px;
}

.small_module_light p {
	text-align: center;
	line-height: normal;
	font-size: xx-small;
	width: 175px;
	padding-left: 3px;
	padding-top: 0px;
}

.small_module_blue h6 {
	padding-top: 9px;
	padding-left: 1px;
	padding-right: 1px;
	margin-bottom: 0px;
	text-align: center;
	line-height: 10px;
	font-size: xx-small;
}

.small_module_green h6 {
	padding-top: 12px;
	padding-left: 1px;
	padding-right: 1px;
	margin-bottom: 0px;
	text-align: center;
	line-height: 10px;
	font-size: xx-small;
}

.small_module_light h6 {
	padding-top: 9px;
	padding-left: 1px;
	padding-right: 1px;
	margin-bottom: 0px;
	text-align: center;
	line-height: 10px;
	font-size: xx-small;
}

.bottom {
	margin-left: -1px;
}
/**************************
	TWITTER BOX
***************************/

.twitter {
	background-position: center;
}

.twitter p {
	font:italic normal 12px "Georgia", Helvetica, sans-serif;
}
.Quotes {
	background-color: #333;
	height: auto;
	width: auto;
	color: #FFF;
}