/* PAGE STRUCTURE */

* { padding: 0; margin: 0; }

body {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 background-image:url(../images/page-bg.gif);
 background-repeat:repeat-x;
}

#wrapper { 
 margin: 0 auto;
 width: 1022px;
 min-height:800px;
 background-image:url(../images/content-bg.png); background-repeat:no-repeat;}

/* USED WITH A 3 COLUMN LAYOUT*/ 

#content { 
 float: left;
 color: #333;
 background: #FFFFFF;
 height: auto;
 width:300px;;
 display: inline;
 margin-left:20px;
 margin-right:20px;
 margin-top:10px;
}

#content-2col { 
 float: left;
 color: #333;
 background: #FFFFFF;
 height: auto;
 width:620px;;
 display: inline;
 margin-left:20px;
 margin-right:20px;
 margin-top:10px;
}


#header {
 color: #333;
 width: 980px;
 float: left;
 height: 150px;
 background-image:url(../images/header-bg-3.jpg);
 background-repeat:no-repeat;
 margin-left:21px;
}

#logo {background-image: url(../images/gecko-logo-150x150.png); background-repeat:no-repeat; width:150px; height:150px; }


#navigation {
 float: left;
 width: 980px;
 height: 42px;
 color: #333;
 background: #669900;
 background-image:url(../images/greenslate_background.gif);
 background-repeat:repeat-x;
 margin-left:21px;
}

#pagetitle {
 float: left;
 width: 800px;
 height: 25px;
 margin-left:32px;
 margin-top:20px;
}

/* ADD THIS PLUGIN */

#addthis {float:right; width:180px; margin-top:20px;}


/* USED WITH A 3 COLUMN LAYOUT*/
#leftcolumn { 
 color: #333;
 background: #fff;
 height: auto;
 width: 320px;
 float: left;
 margin-left:22px;
 margin-top:10px;
 padding-left:10px;
}

/* USED WITH A 2 COLUMN LAYOUT*/
#leftcolumn640 { 
 color: #333;
 background: #fff;
 height: auto;
 width: 640px;
 float: left;
 margin-left:22px;
 margin-top:10px;
 padding-left:10px;
}

/* USED WITH A 2 COLUMN LAYOUT - WHERE NAVIGATION IS NEEDED ON THE LEFT e.g. GALLERIES, RSS, DOWNLOADS*/
#leftcolumn-nav { 
 color: #333;
 background: #fff;
 height: auto;
 width: 300px;
 float: left;
 margin-left:32px;
 margin-top:10px;
 padding-left:10px;
  border:#CCC 1px solid;
 -moz-box-shadow: 2px 3px 5px #333;
 -webkit-box-shadow: 2px 3px 5px #333;
}

/* USED WITH A 3 COLUMN LAYOUT USED FOR HOMEPAGE*/
#rightcolumn { 
 color: #333;
 background: #fff;
 height: auto;
 width: 290px;
 float: left;
 margin-top:10px;
 margin-bottom:20px;
 border:#CCC 1px solid;
 padding-left:5px;
 padding-right:5px;
 padding-bottom:5px;
 text-align:center;
 -moz-box-shadow: 2px 3px 5px #333;
 -webkit-box-shadow: 2px 3px 5px #333;
}

/* USED WITH A 2 COLUMN LAYOUT USED FOR CONTENT PAGES e.g. Homepage, My CV*/
#rightcolumn-top { 
 color: #333;
 background: #fff;
 height: auto;
 width: 290px;
 float: left;
 margin-left:20px;
 margin-top:10px;
 margin-bottom:20px;
 border:#CCC 1px solid;
 padding-left:5px;
 padding-right:5px;
 padding-bottom:5px;
 text-align:left;
 -moz-box-shadow: 2px 3px 5px #333;
 -webkit-box-shadow: 2px 3px 5px #333;
}

#rightcolumn-top-noborder { 
 color: #333;
 background: #fff;
 height: auto;
 width: 290px;
 float: left;
 margin-left:20px;
 padding-left:5px;
 padding-right:5px;
 padding-bottom:5px;
}

/* USED WITH A 2 COLUMN LAYOUT USED FOR CONTENT PAGES e.g. My CV*/
#rightcolumn-bottom { 
 color: #333;
 background: #fff;
 height: auto;
 width: 290px;
 float: left;
 margin-left:20px;
 margin-top:10px;
 margin-bottom:20px;
 border:#CCC 1px solid;
 padding-left:5px;
 padding-right:5px;
 padding-bottom:5px;
 text-align:center;
 -moz-box-shadow: 2px 3px 5px #333;
 -webkit-box-shadow: 2px 3px 5px #333;
}

/* USED WITH A 2 COLUMN LAYOUT WHERE ADVERTISING IS AT THE BOTTOM OF THE CONTENT BUT BEFORE THE FOOTER INCLUDE */

#bottomrow {
	color: #333;
	width: 960px;
	float: left;
	height: 180px;
	padding-top:40px;
	padding-left:20px;
	padding-bottom:20px;
	background-image:url(../images/advertising-rotated.gif);
	background-position:left;
	background-repeat:no-repeat;
	margin-left:21px;
}

#bottomrow2 {
	color: #333;
	width: 980px;
	float: left;
	height: 100px;
	background-position:left;
	background-repeat:no-repeat;
	margin-left:21px;
}

#footer {height:20px; width:980px; background-image: url(../images/footer-bg.png); background-repeat:repeat-x; float: left; margin-left:21px; padding-top:4px; color:#fff; text-align:center; font-size:10px;}


/* FONT STRUCTURE */

h1 {color:#666; font-size:18px; font-weight:400;}
.h1small {color:#666; font-size:12px; font-weight:bold;}
.h1green {color:#669900; font-size:18px; font-weight:500;}
h2 {color:#669900; font-size:14px; font-weight:bold;}
.h2small {color:#666; font-size:12px; font-weight:bold;}
.h2border {border-bottom:#CCC 1px solid;}
h3 {color:#669900; font-size:12px; font-weight:bold;}
.h3small {color:#666; font-size:11px; font-weight:bold;}
.h3border {border-bottom:#CCC 1px solid;}
h4 {color:#669900; font-size:11px; font-weight:bold;}
p {color:#666; font-size:11px; line-height:15px;}
.pfaded {
	color:#CCC;
	font-size:11px
}

/* NAVIGATION */

/* ---------------------- Greenslate nav ---------------------- */
#tabs26{position:relative;display:block;height:42px;font-size:14px;font-weight:bold;background:transparent url(../images/greenslate_background.gif) repeat-x top left;font-family:Arial, Verdana,Helvitica,sans-serif;text-transform:uppercase;}
#tabs26 ul{margin:0px;padding:0;list-style-type:none;width:auto;}
#tabs26 ul li{display:block;float:left;margin:0 1px 0 0;}
#tabs26 ul li a{display:block;float:left;color:#EEFFDF;text-decoration:none;padding:14px 18px 0 18px;height:28px;}
#tabs26 ul li a:hover,#tabs26 ul li a.current{color:#fff;background:transparent url(../images/greenslate_backgroundOVER.gif) no-repeat top center;}
/* ---------------------- END Greenslate nav ---------------------- */

/* LINKS TREATMENT */

a:link {color:#669900; text-decoration:underline;}
a:hover {color:#669900; text-decoration:none;}
a:visited {color:#333; text-decoration:underline;}
a:active {color:#669900; text-decoration:none;}

#navlist a:link {color:#333; text-decoration:underline;}
#navlist a:hover {color:#669900; text-decoration:none;}
#navlist a:visited {color:#333; text-decoration:underline;}
#navlist a:active {color:#669900; text-decoration:none;}

#ad a:link {color:#669900; text-decoration:none;}
#ad a:hover {color:#669900; text-decoration:none;}
#ad a:visited {color:#669900; text-decoration:none;}
#ad a:active {color:#669900; text-decoration:none;}


/* BULLET LISTS WITHIN CONTENT PAGES*/

#bodylist ul {margin-left:20px; padding-top:10px; padding-bottom:10px; list-style-type:none; color:#666;}
#bodylist li {
padding-left:2px;
	background-repeat: no-repeat;
	list-style-image: url(../images/bullet.png);
	line-height:20px;
}

#navlist ul {margin-left:20px; padding-top:10px; padding-bottom:10px; list-style-type:none; color:#666;}
#navlist li {
padding-left:2px;
	background-repeat: no-repeat;
	list-style-image: url(../images/bullet.png);
	line-height:20px;
color:#666}

#numlist ol {margin-left:20px; padding-top:10px; padding-bottom:10px; color:#666;}
#numlist li {
padding-left:2px;
	line-height:20px;
color:#666}


/* REFLECTIONS TO IMAGES*/
#reflection {-webkit-box-reflect: below 2px -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(.5, transparent), to(white)); border:none; padding-right:10px;}

/* IMAGES NO BORDER */

img {border:none;}

tbody {font-size:11px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#333;}

acronym {color:#333; cursor:help;}