    body{ 
		background: #E6E6E6 /*url(../images/bgpattern.jpg) repeat*/;
	font-family: 'DroidSerifRegular';
		color:#000;
		line-height:160%;
		margin:0;
		padding:0;
		text-align:center;
        }

    /* headings */
        h1{
			font-size:200%;
			font-weight:normal;
            }		
		h2, h3, h4, h5, h6{
			font-weight:normal;
			margin:.75em 0 0 0;
			line-height:120%;
				
			
			}	
        h2{            
			font-size:35px;
			color:#8C1632; 
            }				
        h2.title{        
			padding-bottom:.5em;
/*			background:url(../images/bg_line.gif) no-repeat 0 100%;color:#8C1632;
*/            }							
        h3{          
			font-size:24px;
			font-weight:bold;	color:#0d3b58;	font-family: 'DroidSerifBold';
		
            }
        h4{          
			font-size:16px;color:#8C1632;
            }			
			
		h5{color:#197292; margin:16px 0  -10px 0; font-weight:bold; font-size:16px;}	
		h6{margin-bottom:2em;}
    /* // headings */

    /* image replacement */
        .graphic{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */

    /* clearfix */

		.fixed:after, #content:after, ul:after{
			content:"."; 
			display:block; 
			height:0; 
			clear:both; 
			visibility:hidden;
			}
		.fixed, #content, ul{
			display:block;
			}
		/*  \*/
		.fixed, #content, ul{
			min-height:1%;
			}
		.fixed, * html #content, * html ul{
			height:1%;
			}

    /* // clearfix */
	
	/* HTML Tags */
        a{
			text-decoration:none;
			color:#0d3752;
            }
        a:hover{
			color:#999;
            }			
		table, input, textarea, select, li{
			font:100% , Georgia, "Times New Roman", Times, serif;
			line-height:160%;
			color:#000;
			}				
		p, blockquote, ul, ol, form{
			margin:1em 0;
			}
			
				#main blockquote{ font-size:90%; margin-bottom:-10px; background-color:#EFEFEF; padding:10px; font-style:italic;}
				#side blockquote{ font-size:90%; margin-bottom:-10px; font-style:italic;}
	
		img{
			border:none;
			}			
		hr{
			padding-bottom:.5em; clear:both;
/*			background:url(../images/bg_line.gif) no-repeat 0 100%; border:none;
*/			}	
		table{
			margin:1em 0;margin-top:10px;
/*			width:100%;
*/			border-collapse:collapse; text-align:left;
			}
		th, td{	
			padding:2px 5px; 
			}	
		th{	
			text-align:left;
			}
		li{
			display:list-item;
			}	
	
	/* // HTML Tags */	
	
/* // global */

/* page setup */

	#container{	
/*		background:url(../images/bg_container.jpg) no-repeat 50% 0;
*/		}
	#inner{	
		margin:0 auto;
		width:908px;
		text-align:left;
		position:relative;
		}		
	#header{
		height:75px;
		position:relative;
		background:url(../images/bg_transparent.png) repeat;
		}			
	#content{
		margin-top:1em;
		background:url(../images/bg_transparent.png) repeat;
		}	
	#main{
		float:left;
		display:inline;
		width:506px; 
		margin-left:43px;
		padding:1em 0;
		}											
	#side{
		float:left;
		display:inline;		
		width:254px;
		margin-left:74px;	
		padding:1em 0;
		}
	#footer{
		clear:both;
		color:#fff;
		background-color:#003366;
		padding:1.5em 0;
/*		background:url(../images/footerbg.png) top;
*/		}		

/* //page setup */

/* navigation elements */

	/* main nav */
		
		ul#nav,  
		ul#nav li{
			margin:0;
			padding:0;
			list-style:none;
			}
		ul#nav{
			position:absolute;
			right:22px;
			top:19px;
			height:32px;
			}			
		ul#nav li{
			float:left;
			display:inline;
			height:32px;		
			line-height:32px;			
			margin-left:20px;
			}	
		ul#nav li a{
			float:left;
			display:inline;
			height:32px;		
			line-height:32px;			
			font-size:20px;
			color:#0e3854;
			padding:0 13px;
			}	
		ul#nav li a:hover, ul#nav li.selected a{
			background:url(../images/nav-underline.png) bottom no-repeat; color: #8c1632;
			}																
	
	/* //main nav */
	
/* //navigation elements */

/* header */

	#header h1{
	position:absolute;
	float:left;
	left:0;
	top:0;
	height:68px;
	line-height:68px;
	font-size:35px;
	font-weight:bold;
	margin:0;
	width: 260px;
		}
	#header h1 a{
		float:left;
		height:68px;
		line-height:68px;	
		color:#fff;
		padding:0 43px;
		}		

/* // header */

/* content */

#content p{margin-bottom:1.5em; font-size:14px; line-height:1.5em;  margin-top:0;}

	#content a{
	 text-decoration:underline;
		}	
		
		

	#content .link{
		margin:1.5em 0;
		}
	#content .link a{
		text-decoration:none;
		font-size:17px;
		padding-left:25px;
		font-weight:normal;
		background:url(../images/bg_arrow.gif) no-repeat 0 55%;
		}	
	.left{
		float:left;
		margin:.5em 0;
		margin-right:15px;
		}
	.right{
		float:right;
		margin:.5em 0;
		margin-left:15px;
		}		
	#side img, .left img, .right img, .caption img{
/*		border:1px solid #000;
*/		background:#e5e3dc;
		padding:10px; 
		}
		
		#header img{margin-left:35px;}
		
	/* intro */
	
		#intro{
			margin:2em 0;
			height:128px;
			position:relative;
			background:url(../images/bg_transparent.png) repeat;
			}																	
		#intro h2{
			margin:0;
			position:absolute;
			left:43px; 
			top:30px;
			font-size:32px; letter-spacing:-1px;
			line-height:40px;
			color:#0d3b58;			
			padding-bottom:0;
			background:none;		font-family: 'DroidSerifRegular';
	
			}
		#intro p{
			margin:0;
			position:absolute;
			left:44px;
			top:80px;
			color:#333333;			font-size:15px;
			width:530px;
			line-height:130%;
			}	
		#intro p.link{
			left:610px;
			top:34px;			
			width:249px;
			height:110px;
			background:url(../images/bg_introLink.png) no-repeat 0 0;
			}
		#intro p.link a{
			display:block;
			margin:10px 0px; color:#000066;
			overflow:hidden;
			height:36px;
			line-height:36px;
			text-align:center;
			font-size:22px;
			font-weight:bold;
			text-transform:lowercase;font-family: 'DroidSerifRegular'; 
			}													
	
	/* // intro */		
	
	/* list */
	
		ul.list, ul.list li{list-style:url(../images/bulletnew.png);}
		ul.list{padding:0 0 10px 20px; float:left; width:100%; display:block;}													
		ul.list li{margin-left:15px;margin-top:.5em; font-size:90%}						
		
		ul.list2, ul.list2 li{list-style:url(../images/bullet.gif);}
		ul.list2{padding:0 0 10px 20px; float:left;  width:329px;display:block;}													
		ul.list2 li{ font-size:90%;/*background:url(../images/bg_line.gif) no-repeat 0 0;*/ margin-right:10px;}		
		
		#side ul, ul.nobullet{ list-style:none; padding:0 0 0 5px;
			}	
		ul.list li.first, #side ul.list li.first{
			padding-top:0;
			background:none;			
			}																						
		ul.list li h3{		
			margin:.5em 0;
			font-size:15px;
			}
		ul.list li p{		
			margin:.5em 0;
			}																						
	
	/* // list */	
	
	/* item list */
	
		ul.news, ul.news li{
			margin:0;
			padding:0;
			list-style:none;
			}
		ul.news{
			}													
		ul.news li{
			padding:.5em 0;
/*			background:url(../images/bg_line.gif) no-repeat 0 0;
*/			position:relative;
			min-height:120px;
			}	
		ul.news li.first{
			background:none;			
			}			
		ul.news li h3{		
			margin:.5em 0;
			font-size:20px;
			}	
		ul.news .body{
			float:left;
			display:inline;
			width:400px;
			margin-left:15px;
			padding-bottom:1em;
			}																			
		ul.news .date{
			float:left;
			display:inline;
			width:60px;
			background:#f1f1f1;
			margin:0;
			text-align:center;
			}	
		ul.news .date span{
			display:block;
			font-size:20px;
			margin:3px;
			padding:.5em 0;
			background:#fff;
			}			
		ul.news .date em{
			display:block;
			font-size:13px;
			font-style:normal;
			padding:0 0 .25em 0;
			}																														
	
	/* // item list */	
			
	
	/* form */
																				
		form{
			margin:1.5em 0;
			padding-top:.5em;
			}
		fieldset{
			margin:0;
			padding:0;
			border:none;
			}			
		legend{
			display:none;
			}			
		label{
			float:left;
			width:120px;
			}	
		input, textarea{
			width:250px;
			border:1px solid #ccc;
			background:#f1f1f1;
			padding:8px;
			}			
		textarea{
			height:120px;
			overflow:auto;
			}						
		form p{
			clear:both;		
			margin-top:-10px;
			padding:0;
			}	
		button, .mailform_button{
			border:none;
			padding:5px 15px;
			margin:0;
			float:left;
			background:#0d3752;	
			color:#fff;
			font-weight:bold;
			font-size:15px;
			cursor:pointer;
			margin-left:110px;
			}	
			.mailform_button{width:100px;}	
								

	/* // form */					
						
	
/* // content */

/* footer */

	#footer .col1{
		float:left;
		display:inline; font-size:12px;
		margin-left:43px;
		margin-top:10px;
		margin-right:5px; line-height:1.5em;
		width:330px;
		padding:.5em 0;
		}
	#footer .col2{
		float:left;				margin-top:10px;
 font-size:12px;

		display:inline;
		margin-left:20px;
		width:140px;
		padding:.5em 0; 
		}
	#footer h3{
		margin-top:0;
		font-size:15px; color:#fff;	font-family: 'DroidSerifBold';

		}	
		#footer h4{font-size:12px;}	
		.copyright{font-size:10px;}			
	#footer a{
		color:#fff;
		text-decoration:underline;
		}
	#footer a:hover{
		color:#ccc;
		text-decoration:underline;
		}		
	#footer ul{
		margin:0;
		padding:0;
		list-style:none; 
		}	 
		#footer li{color:#FFFFFF;}
				
			

/* // footer */

#twitter_div{text-align:left; display:block; width:255px; }
#twitter_div li{ list-style:none; margin:15px 0 0 0; padding:0;}
#twitter_div ul{ list-style:none; margin:0 ; padding:0;  }
#twitter_div a:link{display:block; padding:0}
a#twitter-link{display:block; padding: 33px 0 33px 0}

/* // Imported */

/*----Portfolio-------------------------------------------*/
#projects {overflow: hidden;}
#projects img {border-color: #ddd;}
.project-head {	background: url(../html/images/bullet-toggle-plus.gif) no-repeat left center;
				border-bottom: 1px solid #eee;
				cursor: pointer;
				padding-left: 10px;
				right: 0;
				top: 165px;}
				
.project-head.opened {background-image: url(../images/bullet-toggle-minus.gif);}
			
.project-body {border-bottom: 1px solid #ccc;
				display:none;
				overflow: hidden;}
			
.project-body ul {float: right;width: 150px;}
				
.project-body p {float: left;width: 350px;}]


.panel p {
				background: url(../html/images/bullet-star.gif) no-repeat left center;
				padding-left: 10px;
			}
			
			div.panel span.pin {
				background: url(../html/images/style-gray/pin.gif) no-repeat;
				display: block;
				height: 28px;
				left: 50%;
				position: absolute;
				top: 2px;
				width: 21px;
			}
			
			
#gallery img {margin: 5px 9px 5px 0;}
#side .icon{border:none; float:left; background:none; margin:5px 5px 0 0; padding:0;}
#content .caption{ float:left; margin-right:20px; margin-bottom:-10px;}
#content .caption img{}

#content .caption p{background:#e5e3dc; padding:0 0 0 10px; margin-top:-10px; font-size:10px; color:#666666; }
		
		
#temp{background:url(../images/footerbg.png) center no-repeat; height:400px; color:#fff; }

.note{background-color:#FFFF99; color:#CC0000;}
