body

{

	color: #666666;

	font-size: 11px;

	font-family: Arial, Helvetica, sans-serif;

	line-height: 17px;

	background-color: #FF9933;

	text-align: center;

	margin: 0;

	padding: 0;

}



a:link

{


	font-size: 10px;

	color: #FF9900;
	
	text-decoration: none;

	text-transform: uppercase;

}



a:visited

{


	font-size: 10px;

	color: #FF9900;
	
	text-decoration: none;

	text-transform: uppercase;

}



a:hover, a:active

{


	font-size: 10px;

	color: #FF9900;
	
	text-decoration: none;

	text-transform: uppercase;


}







/* specific divs */

#container

{

	background-color: #FFFFFF;

	text-align: left;

	margin: 8px auto;

	padding: 0;

	width: 640px;

}


#intro

{

	background-image: url("media/topimage.jpg");

	background-repeat: no-repeat;

	background-position: center top;

	margin: 0;

	padding: 0;

	width: 640px;

	height: 430px;

}



#pageHeader

{

	display: none;

	margin: 0;

	padding: 0;

}





/* using an image to replace text in an h1. This trick courtesy Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/ */





#pageHeader h1 span, #pageHeader h2 span,{ display: none; }



#quickSummary

{

	width: 300px;

	margin: 0 0 0;

	padding: 154px 0 0;

	position: absolute;

}



#quickSummary .p1 span

{

	display: none;

	margin: 0;

	padding: 0;

}



#quickSummary .p2 span

{
	color: #666666;
	font-size: 10px;
	text-align: left;
	margin: 0 0px;
	padding: 0;
	position: absolute;
	top: 5px;
	float: left;
	height: 1px;
	left: 100px;
	width: 462px;

}



#topright

{

	margin: 0;

	padding: 375px 0 10px 0;

	width: 375px;

	float: right;

}



#supportingText { clear: right; }



#about_openg,#seo, #web_design, #ecommerce, #cms

{


	background-color: #FFFFFF;

	padding-bottom: 10px;

	width: 375px;

	float: right;

	clear: both;
	


}



#topright h3

{
	background-image: url("media/rightmenu01.gif");

	background-repeat: no-repeat;

	background-position: right;

	margin: 0px 0 8px;

	padding: 0;

	width: 375px;

	height: 35px;

	float: right;

}
#about_openg h3

{
	background-image: url("media/rightmenu01.gif");

	background-repeat: no-repeat;

	background-position: right;

	margin: 8px 0;

	padding: 0;

	width: 375px;

	height: 35px;

	float: right;

}



#web_design h3

{
	background-image: url("media/rightmenu03.gif");

	background-repeat: no-repeat;

	background-position: right;

	margin: 8px 0;

	padding: 0;

	width: 375px;

	height: 35px;

	float: right;

}



#cms h3

{
	background-image: url("media/rightmenu05.gif");

	background-repeat: no-repeat;

	background-position: right;

	margin: 8px 0;

	padding: 0;

	width: 375px;

	height: 35px;

	float: right;

}



#ecommerce h3

{
	background-image: url("media/rightmenu04.gif");

	background-repeat: no-repeat;

	background-position: right;

	margin: 8px 0;

	padding: 0;

	width: 375px;

	height: 35px;

	float: right;

}



#seo h3

{
    background-image: url("media/rightmenu02.gif");

	background-repeat: no-repeat;

	background-position: right;

	margin: 8px 0;

	padding: 0;

	width: 375px;

	height: 35px;

	float: right;

}



.p1, .p2, .p3, .p4, .p5

{

	text-align: left;

	margin: 0;

	padding: 0 0 8px 15px;

	width: 320px;

	float: left;

}

#topright h3 span, #about_openg h3 span, #web_design h3 span, #cms h3 span, #ecommerce h3 span, #seo h3 span

{

	display: none;

	margin: 0;

	padding: 0;

}




#footer

{

	background-image: url(media/base_index.jpg);

	background-repeat: no-repeat;

	background-position: center bottom;

	text-align: center;

	margin-right: auto;

	margin-left: auto;

	padding-top: 100px;

	padding-bottom: 20px;

	width: 640px;

	clear: both;

}



#footer a:link, #footer a:visited

{

	font-weight: bold;

	margin-top: 0;

	padding-bottom: 50px;

}



#linkList

{

	background-color: #FFFFFF;

	position: absolute;

	top: 440px;

	width: 210px;

}



#lselect

{

	margin: 0;

	padding: 0 0 0 0;

}



#lselect h3

{

	margin: 0 0 0 40px;

	padding: 0;

}



#linkList ul li

{

	font-size: 10px;

	list-style-type: none;

	margin: 0;

	padding: 0 0 5px;

}



#linkList ul

{

	text-align: right;

	list-style-type: none;

	margin-top: 0;

	margin-right: 0;

	margin-bottom: 18px;

	padding: 0;

}



#linkList h3.select

{

	background-image: url("media/menu.gif");

	background-repeat: no-repeat;

	margin: 0 0 0 0;

	padding: 0 0 8px;

	width: 210px;

	height: 35px;

}



#linkList h3.select span { display: none; }



#linkList h3.favorites

{

	background-image: url("media/favourites.gif");

	background-repeat: no-repeat;

	margin: 0 0 0 0;

	padding: 0 0 8px;

	width: 210px;

	height: 35px;

}



#linkList h3.favorites span { display: none; }



#linkList h3.archives

{

	background-image: url("media/links.gif");

	background-repeat: no-repeat;

	margin: 0 0 0 0;

	padding: 0 0 8px;

	width: 210px;

	height: 35px;

}



#linkList h3.archives span { display: none; }



#linkList h3.resources

{

	background-image: url("media/openg_likes.gif");

	background-repeat: no-repeat;

	margin: 0 0 0 0;

	padding: 0 0 8px;

	width: 210px;

	height: 35px;

}



#linkList h3.resources span { display: none; }



#linkList #lselect li a:link

{



	font-size: 10px;

	color: #333333;
	
	text-decoration: none;

	text-transform: uppercase;

	display: block;

	padding: 2px 4px;

}



#linkList #lselect li a:hover

{


	font-size: 10px;

	color: #333333;
	
	text-decoration: none;

	text-transform: uppercase;

	display: block;

	padding: 2px 4px;

}


#linkList  #lselectli a:visited

{



	font-size: 10px;

	color: #FF9900;
	
	text-decoration: none;

	text-transform: uppercase;

	display: block;

	padding: 2px 4px;

}

#linkList #lselect ul li a.c

{



	font-size: 10px;

	color: #FF9900;
	
	text-decoration: none;

	text-transform: uppercase;

	display: block;

	padding: 2px 4px;

}



#linkList li a:link

{



	font-size: 10px;

	color: #333333;
	
	text-decoration: none;

	text-transform: uppercase;

	display: block;

	padding: 2px 4px;
}


#linkList li a:hover

{



	font-size: 10px;

	color: #333333;
	
	text-decoration: none;
	
	text-transform: uppercase;

	display: block;

	padding: 2px 4px;


}



#linkList li a:visited

{



	font-size: 10px;

	color: #333333;
	
	text-decoration: none;

	text-transform: uppercase;

	display: block;

	padding: 2px 4px;

}