/*************************************************************************************************

	PMI Health Group [MASTER]

	* Created by: James Mills [www.jgmwebdesign.co.uk]
	* Document created: 5th March 2009
	* Copyright (c) 2009 James Mills

*************************************************************************************************/


/* Import the global reset document
   http://meyerweb.com/eric/tools/css/reset/
-------------------------------------------------------------- */
@import "reset.css";


/* Golbal CSS settings
-------------------------------------------------------------- */
* { font-family:Arial, Verdana, Helvetica, sans-serif; }

body { background:#000;}


/* Clearfix Hack
-------------------------------------------------------------- */
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */




/* Page Wrapper
-------------------------------------------------------------- */
div#page_wrapper {
	width:950px;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
}

/* Columns
-------------------------------------------------------------- */
div#col_one {
	width:250px;
	min-height:568px;
	margin-right:10px;
	float:left;
	display:block;
	
}
div#col_two {
	width:330px;
	min-height:568px;
	margin-right:10px;
	float:left;
	display:block;
}
div#col_three {
	width:330px;
	min-height:568px;
	margin-right:10px;
	float:left;
	display:block;
}

/* Branding
-------------------------------------------------------------- */
h1#branding {
	background:url(../images/logo_bg.gif) no-repeat;
	width:250px;
	height:568px;
}
h1#branding a {
	display:block;
	width:230px;
	height:568px;
	text-indent:-9000px;
	outline:none;
}

/* Page Wrapper
-------------------------------------------------------------- */
div.webcam {
	margin-bottom:10px;
	width:310px;
	height:252px;
	border:10px solid #fff;
	background:#ccc;

}

#webcam_one {
	width:650px;
	height:548px;
	float:left;
}
	


/* Feeds - TWITTER
-------------------------------------------------------------- */
div#twitter {
	margin-top:40px;

}
div#twitter h2 {
	background:url(../images/title_twitter.png) no-repeat;
	height:40px;
	width:166px;
	text-indent:-9000px;
	margin-bottom:30px;
}
div#twitter div.twitter_item {
	display:block;
	margin-bottom:20px;
}
div#twitter div.twitter_item img {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	border:1px solid #87c421;
	padding:1px;
}
div#twitter div.twitter_item p {	
	color:#87c421;
	font-weight:bold;
	font-size:1.1em;
}
div#twitter div.twitter_item p.info {
	color:#ccc;
}
div#twitter div.twitter_item p.info a {
	color:#ccc;
	text-decoration:none;
}
div#twitter div.twitter_item p.info a:hover {
	color:#87c421;
}


/* Feeds - LAST FM
-------------------------------------------------------------- */
div#lastfm {
	margin-top:40px;
}
div#lastfm h2 {
	background:url(../images/title_lastfm.png) no-repeat;
	height:56px;
	width:141px;
	text-indent:-9000px;
	margin-bottom:20px;
}
div#lastfm div.lastfm_item {
	display:block;
	margin-bottom:20px;
}
div#lastfm div.lastfm_item img {
	float:left;
	margin-right:10px;
	margin-bottom:10px;

}
div#lastfm div.lastfm_item p {	
	color:#87c421;
	font-weight:bold;
	font-size:1.1em;
}
div#lastfm div.lastfm_item p.info {
	color:#ccc;
}
div#lastfm div.lastfm_item p.info a {
	color:#ccc;
	text-decoration:none;
}
div#lastfm div.lastfm_item p.info a:hover {
	color:#87c421;
}

/* Feeds - LAST FM
-------------------------------------------------------------- */
div#flickr {
	margin-top:40px;
}
div#flickr h2 {
	background:url(../images/title_flickr.png) no-repeat;
	height:39px;
	width:114px;
	text-indent:-9000px;
	margin-bottom:20px;
}
div#flickr div.flickr_item {
	float:left;
}
div#flickr div.flickr_item a img {
	padding:1px;
	border:1px solid #87c421;
	margin-right:3px;
	margin-bottom:5px;
}

div#flickr div.flickr_item a:hover img {

	border:1px solid #fff;
}