body{ 
	background-color:#42587d;
	margin:0px 0px 0px 0px;  
	background-image: url(images/background_gradient.gif);
	background-repeat:repeat-x;
}

#wrapper {
	width: 991px;
	margin: 0px auto;
}

#wrapper_top {
	width: 991px;
	height: 299px;	
	margin: 0px 0px 0px 0px;
}

#wrapper_bottom {
	width: 883px;
	margin: 0px 0px 0px 76px;
	background-color:#ffffff;
	float:left;
}

/*LEFT COLUMN*/

#left_column_container {
	width: 231px;
	margin: 0px 0px 0px 0px;
	background-color:#ffffff;
	float:left;
}

#left_menu{
	width: 231px;
	margin: 0px 0px 0px 0px;
	background-image:url(images/background_menu.gif);
	background-repeat:no-repeat;
	float:left;
}

#view_portfolio_container {
	background-color:#000000;
	float:left;
	background-image:url(images/background_portfolio.jpg);
	background-repeat:no-repeat;
	width:231px;
	height:278px;
}

#view_portfolio_button {
	margin: 0px 0px 0px 0px;
	padding: 205px 0px 0px 75px;
	float:left;
}

#twitter_container {
	background-color:#000000;
	float:left;
	background-image:url(images/background_twitter.jpg);
	background-repeat:no-repeat;
	width:231px;
	height:278px;
}

	#twitter {
		width:120px;
		height:130px;
		float:left; 
		margin:55px 0px 0px 43px;
		font-family: arial, verdana, helvetica, times;
		font-size: 11px;
		color: #ffffff;
		line-height:13px;
	}
	
	#twitter_cup {
		float:left;
		margin:187px 0px 0px -63px;
		
	}
	
/*JUITTER PLUGIN CSS*/

	#juitterContainer{} /*Juitter container*/
	#juitterContainer .twittList{
		margin:0;
		padding:0;
	} /* UL that will contain the list of tweets */

	/* Bellow the list of tweets "<li>" */
	#juitterContainer .twittLI{
		list-style:none;
		margin:0;
		padding:0px 0px 15px 0px;
	} 
	#juitterContainer .twittList A{color:#aacc85;} /*Links inside the tweets list */
	#juitterContainer .twittList A:hover{color:#d6ecbf;} /*Links inside the tweets list */	

	/* Bellow the CSS for the avatar image  */
	#juitterContainer .juitterAvatar{
		float:left;
		border:solid 1px #D3EECA;
		background:#FFF;
		margin-right:5px;
		padding:2px;
		width:48px;
		height:48px;
	}
	#juitterContainer .jRM{
		float:left;
		clear:both
	} /*read it on twitter link*/
	#juitterContainer .extLink{} /*CSS for the external links*/
	#juitterContainer .hashLink{} /*CSS for the hash links*/
	
/*end of Juitter CSS*/

	#newsletter_signup {
		width:200px;
		float:left; 
		margin:20px 0px 20px 20px;
		font-family: arial, verdana, helvetica, times;
		font-size: 12px;
		color: #000000;
		line-height:13px;
		font-weight:bold;
	}


/*CENTRE COLUMN*/

#centre_column_container {
	width: 398px;
	margin: 0px 0px 0px 0px;
	background-color:#ffffff;
	float:left;
}

#page_title {
	width:398px;
	height:118px;
	background-image:url(images/centre_top.jpg);
	background-repeat:no-repeat;
	float:left;
}

#page_title_text {
	width:150px;
	paddding: 0px 0px 0px 0px;
	margin:35px 0px 0px 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:20px; 
	color:#00571f;
	text-align:center;
}

#content_container {
	margin: 0px 0px 0px 0px;
	padding:0px 17px 0px 5px;
	width:375px;
	float:left;
	background-color: #ffffff;
	border-right: solid 1px #adb7c7;
}

/*RIGHT COLUMN*/

#right_column_container {
	width: 254px;
	margin: 0px 0px 0px 0px;
	background-color: #ffffff;
	float:left;
}

.blog_header {
	padding: 0px 0px 0px 0px;
	float:left;
}


#right_top {
	padding: 0px 0px 10px 0px;
	float:left;
}

#blog_feed {
	width:230px;
	background-color: #ffffff;
	float:left;
	margin: 0px 0px 0px 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#000000;
	line-height:12px;
	letter-spacing:0px;
}

/*FOOTER COLUMN*/

#footer_container {
	width: 883px;
	height:136px;
	margin: 15px 0px 0px 0px;
	background-image:url(images/background_footer.gif);
	background-repeat:no-repeat;
	float:left;
}

#footer_text {
	margin: 0px 0px 0px 0px;
	padding:65px 0px 0px 67px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#314665;
	line-height:16px;
	letter-spacing:0px;
}


/*Copyright portion of site*/

#copyright_container {
	width: 883px;
	margin: 0px auto;
	padding:20px 0 20px 0;
}

	#copyright_menu {
		text-align: center;
		width:961px;
		padding:0px 0px 0px 0px;
	}
	
	#copyright {
		text-align: center;
		width:961px;
		margin: 0px auto;
		padding:0px 0px 0px 0px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:10px; 
		color:#ffffff;
	}


/*Misc*/
a img {border: none; }

.divider_blog {
	width: 222px;
	height:3px;
	background-image:url(images/blog_divider.gif);
	background-repeat:no-repeat;
	margin: 10px 0px 10px 0px;  /*top right bottom left*/
	padding: 0px 0px 0px 0px;  /*top right bottom left*/
}

.clearer {
	clear: both;
}

/*Headers*/

/*H1 | Main site Headers  */
h1 {
	font-size: 11px;
	font-weight: normal;
	text-align:left;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	color: #2b386f;
	text-decoration:none;
	letter-spacing:1px;
	font-weight:bold;
	margin: 0px 0px 10px 0px;  /*top right bottom left*/ 
	padding: 0px 0px 0px 0px;  /*top right bottom left*/ 
}

/*H2 | Main Blog Headers  */
h2 {
	font-size: 10px;
	font-weight: normal;
	text-align:left;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	color: #669900;
	text-decoration:none;
	letter-spacing:3px;
	font-weight:bold;
	margin: 0px 0px 0px 0px;  /*top right bottom left*/ 
	padding: 0px 0px 0px 0px;  /*top right bottom left*/ 
}

/*H3 | Secondary Blog Headers  */
h3 {
	font-size: 10px;
	text-align:left;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	color: #80300a;
	text-decoration:none;
	letter-spacing:1px;
	font-weight:bold;
	margin: 0px 0px 0px 0px;  /*top right bottom left*/ 
	padding: 0px 0px 0px 0px;  /*top right bottom left*/ 
}

/*H4 | Secondary Portfolio headers */
h4 {
	font-weight: normal;
	text-align:left;	
	color: #000000;
	text-decoration:none;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	line-height:19px;
	letter-spacing:0px;
	margin: -3px 0px 0px 0px;  /*top right bottom left*/ 
	padding: 0px 0px 5px 0px;  /*top right bottom left*/ 
}

/* Text */

.text {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	line-height:19px;
	letter-spacing:0px;
}

/* Rollovers */

.edgeflow {FONT-SIZE: 10px;FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; text-decoration:underline; color:#b2cce3;}
.edgeflow:hover {color: #cfc35f;}

.link {FONT-SIZE: 11px; font-family:  Verdana, Arial, Helvetica, sans-serif; text-decoration:underline; font-weight: normal; color:#669900; text-align:right;}
.link:hover {color:#80300a;}

.footer_link {FONT-SIZE: 11px; font-family:  Verdana, Arial, Helvetica, sans-serif; text-decoration:underline; font-weight: bold; color:#314665;}
.footer_link:hover {color:#80300a;}

.blog_link {FONT-SIZE: 11px; font-family:  Verdana, Arial, Helvetica, sans-serif; text-decoration:underline; font-weight: normal; color:#669900; text-align:right;}
.blog_link:hover {color:#80300a;}

/*Left Menu Rollovers*/

#main_nav {
	width: 163px;
	float:left;
	margin:0px 0px 30px 33px;
} 

#main_nav ul{	
	list-style:none;
	padding:0 0 0px 0px;
	margin: 0 0 0 0;
} 

	#main_nav li{
		padding: 6px 0px 4px 10px;
		background-image:url(images/leftmenu_divider.gif);
		background-repeat:no-repeat;
	}

	#main_nav li a{
		font-size: 12px;
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		text-decoration:none; 
		font-weight: normal; 
		color:#102136;
		padding: 0px 0px 0px 40px;
	}
	
	#main_nav li a:hover{
		color: #102136;
		text-decoration: none;
		background-image: url(images/w_rollover.png);
		background-repeat:no-repeat;
		padding: 0px 0px 0px 40px;
	} 

	#main_nav a:link, #main_nav a:visited{
		text-decoration: none;
		color: #102136;
	} 
	
a.rollover_portfolio {
    display: block;
    width: 77px;
    height: 17px;
    background: url("images/portfolio_click_here.gif") no-repeat;
    text-decoration: none;
	float:left;
}
a:hover.rollover_portfolio {
	background-position: -77px 0;
    }

/* Contact form styling **********************************************/

#contact_form {
	float:left;
	padding:20px 0px 0px 0px; /*top right bottom left*/
}

.name_top {
	border: 1px solid #006835;
	color:#0b1c30;
	width: 200px;
	height:14px;
	background:#aacc85;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding: 1px 5px 1px 5px;  /*top right bottom left*/
	margin: 0px 0px 0px 0px;  /*top right bottom left*/
	text-align:right;
	font-weight:normal;
}

.name {
	border: 1px solid #006835;
	color:#0b1c30;
	width: 200px;
	height:14px;
	background:#aacc85;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding: 1px 5px 1px 5px;  /*top right bottom left*/
	margin: 5px 0px 0px 0px;  /*top right bottom left*/
	text-align:right;
	font-weight:normal;
}

.phone {
	border: 1px solid #006835;
	color:#0b1c30;
	width: 150px;
	height:14px;
	background:#aacc85;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding: 1px 5px 1px 5px;  /*top right bottom left*/
	margin: 5px 0px 0px 0px;  /*top right bottom left*/
	text-align:right;
	font-weight:normal;
}

.comments {
	border: 1px solid #006835;
	color:#0b1c30;
	width: 350px;
	height:80px;
	background:#aacc85;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding: 1px 5px 1px 5px;  /*top right bottom left*/
	margin: 1px 0px 0px 0px;  /*top right bottom left*/
	text-align:right;
	font-weight:normal;
}

.newsletter_signup {
	border: 1px solid #006835;
	color:#0b1c30;
	width: 200px;
	height:14px;
	background:#aacc85;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding: 1px 5px 1px 5px;  /*top right bottom left*/
	margin: 0px 0px 10px 0px;  /*top right bottom left*/
	text-align:right;
	font-weight:normal;
}