html {
	margin: 0;
	padding: 0;
	}
body { 
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.49;
	color: #666666; 
	margin: 0; 
	padding: 0;
	font-size: 11px;
	}
p { 
	margin-top: 0; 
	text-align: justify;
	}

a:link { 
	font-weight: bold; 
	text-decoration: none; 
	color: #d3373b;
	}
a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #d3373b;
	}
a:hover { 
	text-decoration: underline; 
	color: #d3373b;
	}


td {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 15px;
}

th {
	font-family: Arial, Helvetica, sans-serif;
}




.copyright {

COLOR: #666666; FONT-FAMILY:  Arial, Helvetica, sans-serif; FONT-SIZE: 10px; 
}

a.copyright:link {

COLOR: #d3373b; FONT-FAMILY:  Arial, Helvetica, sans-serif; text-decoration: none; FONT-SIZE: 10px; 
}

a.copyright:hover {

COLOR: #d3373b; FONT-FAMILY:  Arial, Helvetica, sans-serif; text-decoration: none; FONT-SIZE: 10px; 
}

.tm { vertical-align: top; font-size: 50%; font-weight: bold; }

#container {

	width: 760px;
	position: relative;
	margin: 0 auto 0 auto;
	text-align: left; 
	}



#header {
font-family: Arial, Helvetica, sans-serif;
color: #000000; 
font-size: 24px;
margin: 0; 
padding: 0;



}

#subHead  { 


width: 180px;
float: right;
background-color:#ffffff;
margin-right: 20px; 

	}
	
#subHead h1 { 
font-family: Arial, Helvetica, sans-serif;
color: #d3373b; 
font-size: 28px;
/*font-weight: bold;*/
font-weight:100;
margin: 0; 
padding: 0;
text-align: left; 
margin-top: 47px; 
letter-spacing: -1px;

	}
	
#blog  { 

width: 160px;
float: right;
background-color:#ffffff;
margin-right: 0px; 
margin-top:300px;
background-color:#e2e0e1;
padding: 5px;
	}
	
#blog .blogText { 

font-family: Arial, Helvetica, sans-serif;
color: #000000; 
font-size: 12px;
font-weight: bold;
margin: 0; 
padding: 0;

}

#blogFooter { 

font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
margin: 0; 
padding: 0;

}

#emailSubscribe  { 
margin-top:0px;
width: 160px;
float: right;
background-color:#ffffff;
margin-right: 0px; 
background-color:#e2e0e1;
padding: 5px;
	}
	
#emailSubscribe .emailText { 

font-family: Arial, Helvetica, sans-serif;
color: #000000; 
font-size: 12px;
font-weight: bold;
margin: 0; 
padding: 0;

}



#left {
margin-left: 0px; 
width: 240px;
float: left;
margin-bottom: 0px;
margin-top: 80px; 
background-color:#ffffff;

}

#mainHome {
margin-left: 0px; 
width: 760px;
float: left;
margin-bottom: 0px;
margin-top: 80px; 
background-color:#ffffff;

}

#logo {
position: relative;
	margin-bottom: 0px; 
} 




#mainContent {
margin-left: 270px;
margin-right: 120px;
width: 280px;
margin-top: 76px; 
}

#mainContent h2 {
font-family: Arial, Helvetica, sans-serif;
color: #000000; 
font-size: 12px;
font-weight: bold;
margin: 0; 
padding: 0;

}
 

#flashcontent2 {

width: 240px;
height: 280px;
top: 0px; 
margin-top: 0px; 
margin-left: 130px; 
background-color:#ffffff;

}



.clear {
clear: both;
}


#footer {

	width: 760px;
	position: relative;
	margin: 0 auto 0 auto;
	text-align: right; 
	}
	
div.hrDotted {
	background-image:url(images/hr_dotted.gif);
	background-position:center top;
	background-repeat:repeat-x;
	border:medium none;
	height:1px;
	margin:1px 0pt;
	overflow:hidden;
	margin-top: -10px;

}
div.hrDotted2 {
	background-image:url(images/hr_dotted.gif);
	background-position:center top;
	background-repeat:repeat-x;
	border:medium none;
	height:1px;
	margin:1px 0pt;
	overflow:hidden;
	margin-top: 10px;

}


#menu {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 760px;
  height: 11px;
  position: relative;
  font-family: Arial, Helvetica, sans-serif;
color: #a59e9e; 
font-size: 10px;
font-weight: bold;
  
  
  
} 



#menu a {


color: #a59e9e; 


}

#menu .mobile {
  width: 12px;
  height: 19px;
  left: 65px;
  cursor: hand;
}

#menu .rss {
  width: 12px;
  left: 660px;
  cursor: hand;
  vertical-align:top;
}

#menu .phil {
  width: 160px;
  height: 19px;
  left: 66px;
  position:absolute;
  cursor: hand;
  margin-top: -9px;


}


#menu .home {
  width: 30px;
  height: 19px;
  left: 269px;
  position:absolute;
  cursor: hand;
  margin-top: -9px;

  }

#menu a.home:hover {
background-position: left bottom;
font-family: Arial, Helvetica, sans-serif;
color: #d3373b; 
font-size: 10px;
font-weight: bold;
margin: 0; 
padding: 0;
margin-top: -9px;
}


#menu .about {
  width: 60px;
  height: 19px;
  left: 321px;
  position:absolute;
  cursor: hand;
  margin-top: -9px;

  }

#menu a.about:hover {
background-position: left bottom;
font-family: Arial, Helvetica, sans-serif;
color: #d3373b; 
font-size: 10px;
font-weight: bold;
margin: 0; 
padding: 0;
margin-top: -9px;
}

#menu .projects {
  width: 70px;
  height: 19px;
  left: 375px;
  position:absolute;
  cursor: hand;
  margin-top: -9px;

  }

#menu a.projects:hover {
background-position: left bottom;
font-family: Arial, Helvetica, sans-serif;
color: #d3373b; 
font-size: 10px;
font-weight: bold;
margin: 0; 
padding: 0;
margin-top: -9px;
}

#menu .clients {
  width: 60px;
  height: 19px;
  left: 450px;
  position:absolute;
  cursor: hand;
  margin-top: -9px;

  }

#menu a.clients:hover {
background-position: left bottom;
font-family: Arial, Helvetica, sans-serif;
color: #d3373b; 
font-size: 10px;
font-weight: bold;
margin: 0; 
padding: 0;
margin-top: -9px;
}

#menu .donate {
  width: 60px;
  height: 19px;
  left: 400px;
  position:absolute;
  cursor: hand;
  margin-top: -9px;

  }

#menu a.donate:hover {
background-position: left bottom;
font-family: Arial, Helvetica, sans-serif;
color: #d3373b; 
font-size: 10px;
font-weight: bold;
margin: 0; 
padding: 0;
margin-top: -9px;
}


#menu .design {
  width: 90px;
  height: 19px;
  left: 513px;
  position:absolute;
  cursor: hand;
  margin-top: -9px;

  }

#menu a.design:hover {
background-position: left bottom;
font-family: Arial, Helvetica, sans-serif;
color: #d3373b; 
font-size: 10px;
font-weight: bold;
margin: 0; 
padding: 0;
margin-top: -9px;
}

#menu .web {
  width: 30px;
  height: 19px;
  left: 580px;
  position:absolute;
  cursor: hand;
  margin-top: -9px;

  }

#menu a.web:hover {
background-position: left bottom;
font-family: Arial, Helvetica, sans-serif;
color: #d3373b; 
font-size: 10px;
font-weight: bold;
margin: 0; 
padding: 0;
margin-top: -9px;
}

#menu .bookmein {
  width: 90px;
  height: 19px;
  left: 470px;
  position:absolute;
  cursor: hand;
  margin-top: -9px;

  }

#menu a.bookmein:hover {
background-position: left bottom;
font-family: Arial, Helvetica, sans-serif;
color: #d3373b; 
font-size: 10px;
font-weight: bold;
margin: 0; 
padding: 0;
margin-top: -9px;
}

#menu .contact{
  width: 30px;
  height: 19px;
  left: 650px;
  position:absolute;
  cursor: hand;
  margin-top: -9px;

  }

#menu a.contact:hover {
background-position: left bottom;
font-family: Arial, Helvetica, sans-serif;
color: #d3373b; 
font-size: 10px;
font-weight: bold;
margin: 0; 
padding: 0;
margin-top: -9px;
}


#bookmarks{
  width:280px;
  left: 471px;
  vertical-align:bottom
}


#osypHead  { 
width: 380px;
float: right;
background-color:#ffffff;
margin-right: 20px;

font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
font-size:26px; letter-spacing: -1px;	
margin:0; 
color:#B4C24B;



	}

#osypContent {
margin-left: 70px;
margin-right: 20px;
width: 580px;
margin-top: 76px; 
}

#osypContent h2 {
font-family: Arial, Helvetica, sans-serif;
color: #000000; 
font-size: 12px;
font-weight: bold;
margin: 0; 
padding: 0;

}