/*Global (and reset values)*/

body {
line-height: 1.3;
margin:0; padding:0;
font: normal 62.5% 'Trebuchet MS', Helvetica, sans-serif; /*sets font size to 10px equivalent 1.6em is 16px*/
color: #063468;
}

h1,h2,h3,h4,h5,h6 { margin:0; padding:0; }

h1 {
font-size: 1.6em;	
}

h2 {
font-size: 1.4em;		
}

h3 {
font-size: 1.3em;	
}

form, fieldset, input, textarea { margin:0; padding:0; font-family:'Trebuchet MS', Helvetica, sans-serif; font-size:1em; margin-bottom:2px; }

ul, ol, li { margin:0; padding:0; list-style: none; }
img { border:none; }

/*hides dotted outline when a link is in focus, mainly in IE. To define for accessibility and keyboard tab users*/
:focus {
	outline: 0;
	background-color:#ebf2fa; /*set to a discreet background color for all focused on elements and links !*/
}

table {
font-size:1.2em;
}

input:focus, textarea:focus {
	outline: 0;
	background-color:#b8cbe9; /*set to same as page background color*/
}

a {text-decoration:none; color:#063468; }


/*Content and unique to this site*/

body {
background: #b8cbe9 url(../Media/img_structure/background-full.jpg) no-repeat top center;
margin:0;
padding:0;
position:relative;
}

#container {
margin: 52px auto;
width:1008px;
}

#contentarea {
background-color:#ffffff;
margin-left:6px;
min-height:710px;
height:auto !important;
height:710px;
font-size:1.2em; /*12px*/
}

#jumptocontent {
display:none;
}

#header {
width:1001px;
height:172px;
}

#headerleft {
width:409px;
float:left;
}

#headerright {
width:592px;
float:left;
}

/*top links and flags*/

#toplinks {
position:relative;
top:8px;
left:0;
height:1px;
color:#dfe8f6;
margin-left:700px;
}

#toplinks a {
color:#dfe8f6;
}

#toplinks a:visited {
color:#dfe8f6;
}

#toplinks a:hover {
color:#dfe8f6;
}

.flagspace {
margin-left:10px;
}



/*menu*/

#menu {
background: #b8cbe9 url(../Media/img_structure/menubar.jpg) repeat-x top left;
border:1px solid #859ABC;
margin:0 0 0 8px; 
width: 985px;
height:35px;
font-size:1em;
}

#menu ul
{
color: #063468;
float: left;
margin:0 0 0 180px; 
padding:0 0 0 0;
text-align:center;
}

#menu ul li { display: inline; }

#menu ul li a
{
text-transform: uppercase;
padding: 10px 22px;
height:15px;
color: #063468;
text-decoration: none;
float: left;
border-right: 1px solid #dfe8f6;
}

#menu ul li a:hover
{
text-transform: uppercase;
padding: 10px 22px;
height:15px;
color: #4e7518;
text-decoration: none;
float: left;
border-right: 1px solid #dfe8f6;
background: #b8cbe9 url(../Media/img_structure/menubarover.jpg) repeat-x top left;
}

#menu ul li#lastli a
{
border-right: none;
}

#menu ul li#activeli a
{
text-transform: uppercase;
padding: 10px 22px;
height:15px;
color: #4e7518;
text-decoration: none;
float: left;
border-right: 1px solid #dfe8f6;
background: #b8cbe9 url(../Media/img_structure/menubarover.jpg) repeat-x top left;
}

/*sub menu left side*/

#submenu {
margin-top:-4px;
}

#submenu ul {
background-color:#ebf2fa;
width: 200px;
min-height:300px;
height:auto !important;
height:300px;
border-left:8px solid #cbdaef;
}

#submenu li {
height:25px;
margin-left:-8px;
}

#submenu li a {
display:block;
margin:4px 0 0;
padding:4px 0 4px 10px;
width:181px;
color: #063468;
border-left:8px solid #cbdaef;
border-bottom:none;
}

#submenu li a:visited {
color: #063468;
border-left:8px solid #cbdaef;
border-bottom:none;
}

#submenu li a:hover {
color: #4e7518;
border-left:8px solid #94C94E;
border-bottom:none;
}




/*content*/

#content {
margin:8px 8px;
width:985px;
min-height:510px;
height:auto !important;
height:510px;
}

#content  a {text-decoration:none; border-bottom:1px dotted #94C94E; color:#063468; }

#content  a:visited {text-decoration:none; color:#063468; }

#content  a:hover {text-decoration:none; color: #94C94E; background-color:#ebf2fa; }

#content span.img a { border:none; text-decoration:none; color: #ffffff; background-color:#ffffff; }
#content span.img a:visited { border:none; text-decoration:none; color: #ffffff; background-color:#ffffff; }
#content span.img a:hover { border:none; text-decoration:none; color: #ffffff; background-color:#ffffff; }

h3.blue {
background: transparent url(../Media/img_structure/bluefadebar.jpg) no-repeat top left;
font-weight:normal;
border-bottom:1px solid #92abbf;
width:400px;
height:26px;
padding-top:4px;
}

h3.green {
background: transparent url(../Media/img_structure/greenfadebar.jpg) no-repeat top left;
font-weight:normal;
border-bottom:1px solid #92abbf;
width:400px;
height:26px;
padding-top:4px;
}

/*2 col home*/

#leftcontentsymetrical {
width:485px;
float:left;
}

#rightcontentsymetrical {
width:485px;
float:left;
margin-left:15px;
}

/*2 col about me*/

#leftcontentaboutme {
width:280px;
float:left;
}

#rightcontentaboutme {
width:660px;
float:left;
margin-left:15px;
}

#rightcontentaboutme li {
list-style-image: url(../Media/img_structure/starbullet.gif);
list-style-type: none;
}

#aboutmeside {
background: transparent url(../Media/img_structure/aboutsiderepeat.jpg) repeat-y top left;
height:450px;
width:278px;
}

#aboutmeside a {
background-color: transparent;
border-bottom: none;
}

#aboutmeside a:visited {
background-color: transparent;
border-bottom: none;
}

#aboutmeside a:hover {
background-color: transparent;
border-bottom: none;
}

#aboutmesidetxt {
margin-left:30px;
}

#aboutmecvdownloadtxt {
left:40px;
position:relative;
top:-32px;
}

#aboutmeleft {
float:left;
margin-right:20px;
width:300px;
}

#aboutmeright {
float:left;
margin-left:20px;
width:300px;
}

/*2 col small left menu*/

#leftcontent {
width:210px;
float:left;
}

#rightcontent {
width:760px;
float:left;
margin-left:15px;
}

/*2 col contact*/

#leftcontentcontact {
width:510px;
float:left;
}

#rightcontentcontact {
width:420px;
float:left;
margin-left:15px;
margin-top:120px;
}

#contactaddress {
width:220px;
float:left;
}

#contactaddressleft {
width:140px;
float:left;
}

#contactaddressleft span {
font-weight:bold;
}

#contactaddressright {
width:70px;
float:left;
}

#contactaddressright span {
font-weight:bold;
}

#contactaddressright p {
margin:0;
}

#contactmascot {
width:200px;
float:left;
}

#contactnotice {
background-color:#D9E6F8;
clear:both;
height:172px;
}

#contactnoticeimage {
float:left;
}

#contactnoticetitle {
padding-top:10px;
}

#contactnoticetitle  p{
margin:0;
}

#contactnoticetxt {
clear:both;
padding-left:40px;
}

input, textarea {
border:1px solid #D9E6F8;
font-weight:bold;
background-color: #ffffff;
}

input.button {
border:1px solid #D9E6F8;
font-weight:bold;
background-color: #ffffff;
cursor: pointer;

}

input.button:hover {
border:1px solid #D9E6F8;
font-weight:bold;
background-color: #D9E6F8;
cursor: pointer;

}

/*within right column*/
#leftcolumn {
width:370px;
float:left;
padding-right:20px;
}

#rightcolumn {
width:370px;
float:left;	
}

#leftcolumn  ul, #rightcolumn ul{
margin:4px; padding-left:10px; list-style-type: disc;
}

#leftcolumn  li, #rightcolumn li{
margin:4px; padding-left:10px; list-style-type: disc;
}

/* Portfolio */

.portfolioitem {
padding-bottom:4px;
border-bottom: 1px dotted #cccccc;
margin-bottom:8px;
min-height:300px;
height:auto !important;
height:300px;
}

.portfolioleft {
float:left;
width:300px;
margin-right:20px;
}

.portfolioright {
float:left;
width:430px;
}

.portfolioimg {
border:4px solid #D9E6F8;
padding:4px;
background-color: #ffffff;
}

.portfolioimg:hover {
border:4px solid #D9E6F8;
padding:4px;
background-color: #b8cbe9;
}

/*News*/

.newsitem {
margin-bottom:6px;
border-bottom:1px dotted #D9E6F8;
}

.newstitle {
font-weight:bold;
}

.newstitle span {
color: #94C94E;
}

.newstext {
text-align: justify;
}

/* Links */

.linkitem {
border-bottom:1px dotted #cccccc;
margin-bottom:8px;
padding-bottom:4px;
}

.linkitem p {
margin:0;
}

.linktitle {
font-weight:bold;
}

.linkdesc {
font-style:italic;
margin-left:6px;
font-size: 0.8em;
}

.linkrating {
color:#cccccc;
font-size: 0.8em;
}

/* FAQ */

.faqitem {
border-bottom:1px dotted #cccccc;
margin-bottom:8px;
padding-bottom:4px;
}

.faqitem p {
margin:0;
}

.faqquestion {
font-weight:bold;
}

.faqanswer {

}


/*Site map*/

#sitemaproot {
background: transparent url(../Media/img_structure/sitemaproot.jpg) no-repeat top left;
width:781px;
height:96px;
}

#sitemaproot div {
padding-left:400px;
top:-6px;
position:relative;
}

.sitemaprow1 {
background: transparent url(../Media/img_structure/sitemaprow1.jpg) no-repeat top left;
height:125px;
width:781px;
}

.sitemaprow1 div.one {
padding-left:100px;
top:65px;
position:relative;
float:left;
}

.sitemaprow1 div.one div {
margin-left:30px;
position:relative;
top:-70px;
width:170px;
}

.sitemaprow1 div.two {
padding-left:90px;
top:65px;
position:relative;
float:left;
}

.sitemaprow1 div.two div {
margin-left:60px;
position:relative;
top:-70px;
width:160px;
}

.sitemaprow1 div.three {
padding-left:65px;
top:65px;
position:relative;
float:left;
}

.sitemaprow1 div.three div {
margin-left:30px;
position:relative;
top:-70px;
}

.sitemaprow2 {
background: transparent url(../Media/img_structure/sitemaprow2.jpg) no-repeat top left;
height:124px;
width:781px;
}

.sitemaprow2 div.one {
padding-left:100px;
top:65px;
position:relative;
float:left;
}

.sitemaprow2 div.one div {
margin-left:30px;
position:relative;
top:-70px;
width:170px;
}

.sitemaprow2 div.two {
padding-left:90px;
top:65px;
position:relative;
float:left;
}

.sitemaprow2 div.two div {
margin-left:60px;
position:relative;
top:-70px;
width:160px;
}

.sitemaprow2 div.three {
padding-left:65px;
top:65px;
position:relative;
float:left;
}

.sitemaprow2 div.three div {
margin-left:30px;
position:relative;
top:-70px;
}

.sitemaplastrow {
background: transparent url(../Media/img_structure/sitemaprowlast.jpg) no-repeat top left;
height:124px;
width:781px;
}

.sitemaplastrow div.one {
padding-left:100px;
top:65px;
position:relative;
float:left;
}

.sitemaplastrow div.one div {
margin-left:30px;
position:relative;
top:-70px;
width:170px;
}

.sitemaplastrow div.two {
padding-left:90px;
top:65px;
position:relative;
float:left;
}

.sitemaplastrow div.two div {
margin-left:60px;
position:relative;
top:-70px;
width:160px;
}

.sitemaplastrow div.three {
padding-left:65px;
top:65px;
position:relative;
float:left;
}

.sitemaplastrow div.three div {
margin-left:30px;
position:relative;
top:-70px;
}

/*footer*/
#footer {
clear:both;
background-color: #b8cbe9;
font-size:0.8em; /*8px*/
border-top:2px solid #7591b8;
color: #063468;
text-align:right;
}

/* Client Login */

#clientloginformmessage {
margin-bottom:4px;
font-weight:bold;
color: red;
}

/* phplist forms*/

.required {
font-weight:bold;
color:red;
}

/*blog*/

.blogitem {
margin-bottom:20px;
}

.blogtitle {
font-weight:bold;
padding-top:6px;
padding-bottom:6px;
}

.blogdatetags {
font-size:0.9em;
font-style:italic;
padding-bottom:6px;
}

.blogtext {

}