/* General styles */
body {
margin:0;
padding:0;
border:0;			/* This removes the border around the viewport in old versions of IE */
width:100%;
background-color:#fff;
min-width:600px;    /* Minimum width of layout - remove line if not required */
overflow: auto;					/* The min-width property does not work in old versions of Internet Explorer */
font:11px/20px Georgia,"Times New Roman",Times,serif;
color:#666;
text-align: center;
}
a {
color:#369;
font-weight: 700;
}
a:hover {
color:#C00;
background-color:#FFF;
text-decoration:none;
}
.contact {
width: 80%;
}
h1 {
font-size: 16px;
font-weight: 900;
margin-left: 0px;
margin-top: 0px;
}
h2 {
font-size: 14px;
font-weight: 900;
margin-top: 0;
}
h3 {
font-size: 14px;
font-weight: 900;
margin-top: 0;
}
p {
margin:.4em 0 .8em 0;
padding:0;
}
img {
margin:10px 0 5px;
border: 0;
}
/* Header styles */
#header {
clear:both;
width:900px;
height: 200px;
background-image: url(header.jpg);
background-repeat: no-repeat;
margin-left: auto;
margin-right: auto;
text-align: left;
}
#header {

}
#header p,
#header h1,
#header h2 {
padding:.4em 15px 0 15px;
margin:0;
}
#header ul {
clear:left;
width:80%;
list-style:none;
margin-top:110px;
margin-left: 20px;
margin-right: auto;
margin-bottom: 25px;
padding:0;
}
#header ul li {
display:inline;
list-style:none;
margin:0;
padding:0;
}
#header ul li a {
display:block;
float:left;
margin:0 0 0 1px;
padding:3px 10px;
text-align:center;
background-color:#666666;
color:#fff;
text-decoration:none;
position:relative;
left:15px;
line-height:1.3em;
}
#header ul li a:hover {
background-color:#369;
color:#fff;
}
#header ul li a.active,
#header ul li a.active:hover {
color:#e6aa2e;
background-color:#000;
font-weight:bold;
}
#header ul li a span {
display:block;
}
/* */
#footer ul {
clear:left;
float: left;
list-style:none;
margin-top:15px;
margin-left: 20px;
margin-bottom: 25px;
padding:0;
text-align: left;
}
#footer ul li {
display:inline;
list-style:none;
margin:0;
padding:0;
}
#footer ul li a {
display:block;
float:left;
margin:50px 0 0 1px;
padding:3px 10px;
text-align:center;
background-color:#666666;
color:#fff;
text-decoration:none;
position:relative;
left:15px;
line-height:1.3em;
}
#footer ul li a:hover {
background-color:#369;
color:#fff;
}
#footer ul li a.active,
#footer ul li a.active:hover {
color:#fff;
background-color:#000;
font-weight:bold;
}
#footer ul li a span {
display:block;
}

/* 'widths' sub menu */
#layoutdims {
clear:both;
background-color:#fff;
margin:0;
padding:6px 15px !important;
text-align:right;
}
/* column container */
.colmask {
position:relative;		/* This fixes the IE7 overflow hidden bug */
clear:both;
width:950px;				/* width of whole page */
overflow: hidden;		/* This chops off any overhanging divs */
margin:0 auto;
vertical-align: middle;
text-align: left;
}
/* common column settings */
.colright,
.colmid,
.colleft {
float:left;
width:100%;				/* width of page */
margin-left: 10px;
position:relative;
text-align: justify;	
}
.col1,
.col2,
.col3 {
float:left;
position:relative;
padding:0 0 1em 0;		
overflow: auto;
}
/* 3 Column blog style settings */
.blogstyle {
background-color:#fff;		/* right column background colour */
}
.blogstyle .colmid {
right:25%;				/* width of the right column */
background-color:#fff;		/* center column background colour */
}
.blogstyle .colleft {
right:25%;				/* width of the middle column */
background-color:#fff;		/* left column background colour */
}
.blogstyle .col1 {
width:25%;				/* width of center column content (column width minus padding on either side) */
left:52%;
overflow: auto;				
}
.blogstyle .col2 {
width:28%;				/* Width of left column content (column width minus padding on either side) */
left:58%;				/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
overflow: auto;
}
.blogstyle .col3 {
width:30%;				/* Width of right column content (column width minus padding on either side) */
left:60%;			
font-size: 12px;
font-family: Georgia, "Times New Roman", Times, serif;
overflow: auto;
}

.blogstyle .col32 {
width:30%;				/* Width of right column content (column width minus padding on either side) */
left:60%;			
font-size: 12px;
font-family: Georgia, "Times New Roman", Times, serif;
overflow: auto;
}

/* Footer styles */
#footer {
background-image: url(footer.jpg);
background-repeat: no-repeat;
width:900px;
height:150px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
font-family:lucida grande, "Lucida Grande", sans-serif;
color:#607889;
clear: both;
text-align: center;
}
#footer p {
width: 40%;
margin-top: 60px;
text-align: center;
float: right;
}
.boxbody {
background-image: url(box.jpg);
background-repeat: no-repeat;
width: 250px;
height: 250px;
margin-left: 5px;
margin-right: 25px;
margin-top: 5px;
}
.boxbodytext {
margin-top: 10px;
margin-left: 15px;
margin-right: 5px;
font-size: 12px;
font-weight: 500;
color: #FFFFFF;
font-family:lucida grande, "Lucida Grande", sans-serif;
}
ul#webresume {
font-size: 11px;
font-family:lucida grande, "Lucida Grande", sans-serif;
font-weight: 800;
}
.form {
margin-top: 45px;
margin-bottom: 20px;
margin-left: 0;
}
label {
font-family:lucida grande, "Lucida Grande", sans-serif;
font-size: 11px;
font-weight: bold;
width: 150px;
margin-left: 0;
}
.text {
width:150px;
height:22px;
background-color:#1e150d;
border:1px solid;
border-color:#322014;
padding-left:5px;
padding-top:5px;
color:#FFF;
font-weight: bold;
font-size:13px;
}
.mainmessage {
width:150px;
height:100px;
background-color:#1e150d;
border:1px solid;
border-color:#fff;
padding-left:5px;
padding-top:5px;
color:#fff;
font-weight: bold;
font-size:12px;
font-family:lucida grande, "Lucida Grande", sans-serif;
}	
input:focus	{
background: #ccc;
font: #fff;
border: 1px solid #322014;
}
textarea:focus	{
background: #7FFFD4;
font: #fff;
font-weight: 700;
border: 1px solid #666;
}
fieldset {
border:none;
}
#emailSuccess {
padding-bottom:14px;
}
#loadBar {
padding-bottom:14px;
}
.clearfix {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
ul#websites {
list-style: none;
text-align: left;
margin-left: 0;
padding: 0;
}
#title {
margin-left: auto; margin-right:  auto; text-align: center;
}