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

body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.8em;
  background-color:#f3f1e7;
  color:#FFFFFF;
  text-align: center;
  background-image:url('images/03.jpg');
  margin:0px;
  
}

#topbackground {
position:absolute;
height:340px;
width:100%;
top:0px;
left:0px;
right:0px;
background-color:#f3f1e7;
/* background-image:url('images/04.jpg'); */
}

#bottombackground {
height:2em;
width:100%;
bottom:0px;
left:0px;
right:0px;
background-color:#f3f1e7;
margin:0px;
}

#container {
 width: 960px;
 text-align: left;
 margin:0 auto;
}

h1 {
margin:0px;
padding:0px;
font-size:1.8em;
}

h2 {
font-size:1.2em;
margin:0px;
padding:0px;
}

h3 {
color:#FFFFFF;
font-size:1.0em;
margin-left:10px;
margin-right:10px;
margin-top:5px;
margin-bottom:5px;
padding:0px;
}

/* SKIP LINK */

#skip a
{
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}
 
#skip a:focus
{
position:static;
width:auto;
height:auto;
} 

/* IMAGES AND LINKS */

a img {
border: 0;
}

a:link {
text-decoration:none;
font-weight:700;
color:#FFFFFF;
}

a:visited {
text-decoration:none;
font-weight:700;
color:#FFFFFF;
}

a:hover {
text-decoration:none;
font-weight:700;
color:#FFFFFF;
}

a:active {
text-decoration:none;
font-weight:700;
color:#FFFFFF;
}

p {
padding:10px;
margin:0px;
}

.name {
margin-top:80px;
margin-left:290px;
}

.caption {
margin-left:300px;
margin-top:5px;
}

#latestworkcontent p {
padding:0px;
margin-top:5px;
}

p.mainpagetext {
padding-right:250px;
}

/* TOP DIVS */

#hometicktable {
padding-left:7px;
width:200px;
}

#topbanner {
background-image:url('images/head2.png');
background-position:left;
background-repeat:no-repeat;
width:960px;
height:340px;
position:relative;
}

#navigation {
width:500px;
height:25px;
position:absolute;
left:430px;
bottom:0px;
background-color:#f3f1e7;
text-align:right;
}

#maincontainer {
width:960px;
height:68.7em; /* 900px */
}

/* WELCOME DIVS */

#welcomebox {
width:600px;
height:35em; /* 440px */
float:left;
}

#welcomeheader {
margin-left:25px;
margin-top:20px;
}

#welcomebackground {
margin-left:25px;
width:571px;
height:29.56em; /* 377px */
background-image:url('images/lightwhite.png');
border:0px;
border-top:2px;
border-style:solid;
border-color:#fcb040;
}

#welcomebox h1 {
color:#fcb040;
}

#imageofme {
height:367px;
width:130px;
float:left;
padding-top:10px;
padding-left:10px;
}

#welcometext {
height:29.4em;
width:431px;
float:right;
position:relative;
overflow:auto;
}

#latestworkbox {
height:220px;
width:222px;
position:absolute;
bottom:5px;
right:10px;
}

#latestworkcontent {
background-image:url('images/darkwhite.png');
border:0px;
border-top:1px;
border-style:solid;
border-color:#FFFFFF;
width:207px;
height:187px;
padding-left:15px;
padding-top:10px;
}


/* CONTACT DIVS */

#contactbox {
width:360px;
height:18.75em; /* 240px */
float:right;
}

#contactbox h1 {
color:#f5ee30;
}

#header {
margin-left:25px;
margin-top:20px;
}

#header img {
display:block;
position:relative;
z-index:2;
}

#headerone {
margin-left:25px;
margin-top:20px;
}

#contactbackground {
margin-left:25px;
width:306px;
height:12.71em; /* 165px */
background-image:url('images/lightwhite.png');
padding-top:20px;
border:0px;
border-top:2px;
border-style:solid;
border-color:#f5ee30;
}

.contacttable {
font-size:0.9em;
margin-left:40px;
}

/* SOCIAL BOX */

#socialbox {
width:360px;
height:200px;
float:right;
}

#socialbox h1 {
color:#39b54a;
}

#socialbackground {
margin-left:25px;
padding-left:15px;
padding-top:20px;
width:291px;
height:9.2em;
background-image:url('images/lightwhite.png');
border:0px;
border-top:2px;
border-style:solid;
border-color:#39b54a;
}

#twitterbackground {
width:278px;
height:59px;
background-image:url(images/twitterbackground.png);
background-repeat:no-repeat;
}

#twittertext {
color:#000000;
padding-top:7px;
margin-left:70px;
margin-right:10px;
font-size:0.8em;
}

#twittertext a:link {
text-decoration:none;
color:#000000;
}

#twittertext a:visited {
text-decoration:none;
color:#000000;
}

#sociallinks {
margin-top:20px;
margin-left:62px;
}

/* WHAT CAN BOX */

.whatcanbox {
width:933px;
height:18.38em; /* 230px */
float:left;
}

.whatcanbox h1 {
color:#fbddea;
}

.whatcanbackground {
margin-left:25px;
padding-left:15px;
width:893px;
height:13.5em; /* 170px */
background-image:url('images/lightwhite.png');
border:0px;
border-top:2px;
border-style:solid;
border-color:#fbddea;
}

.whatcanboxbottom {
width:933px;
height:13.38em; /* 230px */
float:left;
margin-top:-10px;
}

.whatcanboxbottom h1 {
color:#88d1ea;
}

.whatcanbackgroundbottom {
margin-left:25px;
padding-left:15px;
width:893px;
height:13.5em; /* 170px */
background-image:url('images/lightwhite.png');
border:0px;
border-top:2px;
border-style:solid;
border-color:#88d1ea;
}

.whatcantext {
margin-top:5px;
width:190px;
height:150px;
float:left;
}

.bottomheader {
margin-left:25px;
margin-top:0px;
}

/* NAVIGATION */

.currentpage a:link {
background-image:url(images/03.jpg);
background-repeat:repeat;
color:#FFFFFF;
-moz-border-radius-topleft: 10px;
-webkit-border-top-left-radius: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-top-right-radius: 10px;
}

.currentpage a:visited {
background-image:url(images/03.jpg);
background-repeat:repeat;
color:#FFFFFF;
-moz-border-radius-topleft: 10px;
-webkit-border-top-left-radius: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-top-right-radius: 10px;
}

.rest a:link {
color:#000000;
}

.rest a:visited {
color:#000000;
}

#navigation ul {
margin: 0px;
padding: 0px;
display: inline;
list-style:none;
font-size:1.2em;
}

#navigation ul li {
display: inline;
}

#navigation ul a {
border: none;
padding: 8px 10px 15px 15px;
text-decoration:none;
overflow:hidden;
}

/* JAVASCRIPT BOXES */
				
.boxgrid{ 
width: 210px; 
height: 150px; 
margin:10px; 
float:left; 
background:#161613; 
border: none; 
overflow: hidden; 
position: relative; 
}

.boxgridpink {
color:#fbddea;
}

.boxgrid2{ 
color:#88d1ea;
}

.boxgrid img{ 
position: absolute; 
top: 0; 
left: 0; 
border: 0; 
}

.boxgrid p{ 
padding: 0 10px; 
}
				
.boxcaption{ 
float: left; 
position: absolute; 
background: #000; 
height: 150px; 
width: 100%; 
opacity: .8; 
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 }
 				
.captionfull .boxcaption {
 top: 110px;
 left: 0;
 }
 				
.caption .boxcaption {
 top: 110px;
 left: 0;
 }

#footer {
color:#000000;
margin-top:5px;
font-size:0.8em;
}

#footer a:link {
color:#000000;
}

#footer a:visited {
color:#000000;
}