@charset "utf-8";
/* CSS Document */

b						{ font-weight: bolder; color: #818181;}
body 					{ background: #3f4041; margin-top: 30px; font-family: Arial, Helvetica, sans-serif;}
#wrapper				{ background: #fff; padding: 15px; width: 811px; margin: auto;}
h2						{ font-family: Georgia, "Times New Roman", Times, serif; }
h1						{ }
img						{ border: 1px solid #ddd;}
/* H6 - Custom style for Left hand portfolio menus because divs dont work */

/* HEADER  */
#header					{ background: #3fd0d5 url(images/header.png) no-repeat; height: 100px; width: 100%;}
#header img				{ border: 0; float: right; padding: 0 9px 0 0;} 

/* BRADCRUMBS  */
#breadcrumbs			{ font-size: 12px; color: #818181;}

/* FOOTER    */
#footer					{ height: 20px; text-align:center; color:#CCCCCC; background:#fff; width: 841px; margin:auto; clear: both; border-top: 4px solid #63f1f5; padding-top: 0px;}
#footerlinks ul			{ float: left; width: 24%; margin-left: 0; padding-left: 0; line-height: 20px;}
#footerlinks li			{ list-style: none; margin-left: 0; padding-left: 20px; text-align: left;}
#footerlinks 			{ background-color: #2c3033; height: 140px; border: 14px solid #fff; }
#footerlinks a			{ color: #555; text-decoration: none; font-size: 12px; }
#footerlinks a:hover	{ text-decoration: underline; color: #818181;}


/* TEMP   */
.grid_temp				{ width: 100%;}
#grid1					{ border: 1px solid red; width: 152px; float:left;}
#grid2					{ margin-left: 10px; border: 1px solid red; width: 152px; float:left;}
#grid3					{ margin-left: 10px; border: 1px solid red; width: 152px; float:left; }
#grid4					{ margin-left: 10px; border: 1px solid red; width: 152px; float:left;}
#grid5					{ margin-left: 10px; border: 1px solid red; width: 152px; float:left;}


/* ~ADVERT   */
ul.advert				{ width: 100%; height: 325px; background: #63f1f5; padding-left: 0px; margin-left: 0px;}
.advert li				{ list-style: none; }

/*  CONTENT   */
.columns				{ 	width: 100%; min-height: 400px;  }
#lhcolumn				{	width: 318px; float: left; display: inline; text-align: right;}
#rhcolumn				{	width: 49%; float: left; display: inline; padding-left: 10px;}

/*   MENU    */
#home {
	display: block;
	
}
#home-button {
	opacity: 0.3;
	display:inline-block; list-style:none; width: 19%; padding-top: 5px;
	cursor: pointer;
	text-decoration: none; text-transform: capitalize; font-family: Arial, Helvetica, sans-serif; color: #686868; font-size: 13px; letter-spacing: 1px;
}


#portfolio {
	display: none;
}
#portfolio-button {
	opacity: 1;
	display:inline-block; list-style:none; width: 19%; padding-top: 5px;
	cursor: pointer;
	text-decoration: none; text-transform: capitalize; font-family: Arial, Helvetica, sans-serif; color: #686868; font-size: 13px; letter-spacing: 1px;
	

}
#downloadcv {
	display: none;
}
#downloadcv-button {
	opacity: 0.3;
	display:inline-block; list-style:none; width: 19%; padding-top: 5px;
		cursor: pointer;
		text-decoration: none; text-transform: capitalize; font-family: Arial, Helvetica, sans-serif; color: #686868; font-size: 13px; letter-spacing: 1px;

}

#contact {
	display: none;
}
#contact-button {
	opacity: 0.3;
	display:inline-block; list-style:none; width: 19%; padding-top: 5px;
		cursor: pointer;
		text-decoration: none; text-transform: capitalize; font-family: Arial, Helvetica, sans-serif; color: #686868; font-size: 13px; letter-spacing: 1px;

}

#code {
	display: none;
}
#code-button {
	opacity: 0.3;
	display:inline-block; list-style:none; width: 19%; padding-top: 5px;
		cursor: pointer;
		text-decoration: none; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; color: #828282; font-size: 12px; letter-spacing: 1px;


}


#menu			{ width: 100%; height:25px; padding-left: 0; margin: 0; text-align: center; background: #eee; margin-bottom: 10px;}
/*END*/

/* PORTFOLIO */

#portfolio				{ display: inline-block;}
#portfolio img			{ margin-bottom: 10px;}
#portfolio ul			{ width: 483px; float: left; padding-left: 0; margin-left: 0; margin-top: 0px;}
#portfolio li			{ list-style: none; }
#featured				{ width: 318px; float: left; padding-right: 10px;}
#portfolio h1			{ padding-bottom: 0px; margin-bottom: -16px;}
h6						{ width: 317px; display: inline-block; float:left; text-align: right; padding-right: 10px;}


/* END  */


/*  CONTENT    */
#rhcontent				{ width: 483px; float: left; min-height: 400px;}
#rhcontent ul			{ padding-left: 0; margin-left: 0; margin-top: 0;}
#rhcontent ul.pagination	{ margin-left: 0; padding-left: 0;}
#rhcontent .pagination li	{ float: left; width: 70px; padding: 30px 10px 30px 10px;}
#rhcontent li			{ list-style: none;}
#lhcontent				{ width: 317px; float: left; text-align: right; padding: 10px 10px 0 0px; font-size: 12px; color: #999999; line-height: 21px;}
#rhcontent h1			{ margin-bottom: -10px;}

#page1				{ width: 483px; float: left;}
#page1 ul			{ padding-left: 0; margin-left: 0; margin-top: 0;}
#page1 li			{ list-style: none;}

/*  CONTENT IMAGES    */
.contentimages			{min-height: 319px; padding-top: 20px}
.contentimages img		{margin-bottom: 10px;}

/*DL, DT, DD TAGS LIST DATA*/
dl {
	margin-bottom:50px; margin-left: 110px; margin-top: 50px;
}

dl dt {
	color:#999;
	float:left;
	margin-right:10px;
	padding:5px;
	width:200px;
	text-align: right;
}

dl dd {
	margin:2px 0;
	padding:5px 0;
}

/* END CONTACT */

.visited 			{ border: 1px solid red;}

/*  FACEBOOK LIKE BTN   */
.connect_widget			{ float: right;}
#connect_widget_4be3e710debe56a06cb41	{ float: right;}


/*   FRONT PAGE SLIDESHOW    */
#slideshow {
    position:relative;
    height:350px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

/*  PEBBLE LAB    */
#lab				{ width: 483px; float: left; min-height: 400px;}
#lab img			{ border: 0; float: left; margin-top: -11px;}
#lab ul				{ padding-left: 0; margin-left: 0; margin-top: 0;}
#lab li				{ list-style: none; }
#lab h1				{ }
#lab a				{ margin-left: 5px; margin-top: 10px;}