/* Body and Headers */

body {color: #000; background-color: #FFF; margin-left: 0px; text-align: center; background: transparent url(paperback.jpg) repeat scroll center top; }
body {font: 13px Helvetica, Arial;clear:both;}
p {font-size: 14px; font-family: Helvetica, Arial; color: #FFFFFF; clear:both; text-align: justify; margin: 0px 0px 10px 5px; line-height:150%;}

p.skills {font: 11px Helvetica, Arial;clear:both; text-align: justify; margin: 0px 0px 10px 5px;}

li, ul {font-size: 13px; font-family: Helvetica, Arial; color: #FFFFFF; clear:both; text-align: justify; margin: 0px 0px 10px 5px; line-height:16px; list-style: none; list-style-image:none;
list-style-position:outside;
list-style-type:none;}


div#container {margin:auto; width:960px; text-align:center; }

h1{font: 29px Helvetica, Arial; color: #00549F; margin-top: 0px; margin-bottom: 3px; text-transform: lowercase;}
h2{font: 21px Helvetica, Arial; color: #00549F; margin: 3px 0px 5px 3px; clear:both; text-transform: lowercase;}
h3{font: 17px Helvetica, Arial; color: #00549F; margin: 5px 0px 5px 3px; clear:both; text-transform: lowercase;}

h4{font: 11px Helvetica, Arial; font-weight:bold; color:#000; margin: 0px 0px 0px 0px;}
h5{font: 11px Helvetica, Arial; font-weight:bold; color:#000; padding:0px; margin: 0px 5px 2px 5px;}
h6 {font: 11px Helvetica, Arial;  text-align: justify; margin-top: 0px; margin-left: 0px;}

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


/*Top Banners Section */

img.topbanner {width:960px; margin-left: 0px; padding: 0px; position:absolute;}
div#topbanner {height:267px; width: 960px; text-align:left;}

div#topbannercontainer {width: 960px; height:300px;}
div#fronttopbannercontainer {width: 960px; height:300px; }

div#pagelinks {width: 760px; text-align: center; position: relative; margin: auto;}
div#pagelinks a {font: 13px Helvetica, Arial; letter-spacing: -1px; color: #6699cc; margin: 5px 0px 5px 3px; clear:both; text-transform: lowercase;}
div#pagelinks a:hover{font: 13px Helvetica, Arial; letter-spacing: -1px; color: #6699cc; margin: 5px 0px 5px 3px; clear:both; text-transform: lowercase;}
div#pagelinks a:visited:hover{font: 13px Tahoma, Arial; letter-spacing: -1px; color: #6699cc; margin: 5px 0px 5px 3px; clear:both; text-transform: lowercase;}
div#pagelinks a:visited{font: 13px Helvetica, Arial; letter-spacing: -1px; color: #6699cc; margin: 5px 0px 5px 3px; clear:both; text-transform: lowercase;}
div#pagelinks a:active{font: 13px Helvetica, Arial; letter-spacing: -1px; color: #6699cc; margin: 5px 0px 5px 3px; clear:both; text-transform: lowercase;}
div#pagelinks a:visited:active{font: 13px Helvetica, Arial; letter-spacing: -1px; color: #6699cc; margin: 5px 0px 5px 3px; clear:both; text-transform: lowercase;}



img.pagebanner {width:960px; top: 200px; margin-left: 0px; margin-top:10px;padding: 0px; position:absolute;}

div#categorylinks {width: 960px; position: absolute; top: 460px; left: -30px; padding:0px; margin: 0px; text-align:center; }



/*Main Containers */
div#topbannercontainer {margin:auto; width:960px; height: 110px; text-align:left; margin:0px;}

div#pageheader {width: 100px; text-align: right; position: relative; right: 40px; top: 50px; margin:0px; float:right; z-index: 2; }
p.pageheader {font: 26px Tahoma, Arial; color: #003366; margin-top: 0px; margin-bottom: 3px; text-transform: lowercase; text-align:right; }

div#topbannersmallcontainer {margin:auto; width:960px; height: 250px; text-align:left; margin:0px;}


div#maincontainer {margin:auto; width:960px; text-align:left; margin-top: 35px;}

div#mainlefttext {width: 460px; position: absolute; top: 310px; left: 10px; padding:0px; margin: 0px;}


div#toplinks {width: 460px; position: relative; top: 54px; left: 30px; padding:0px; margin: 0px; z-index:2;}
div#toplinks a {font: 20px Helvetica,Helvetica, Arial; color: #FFFFFF; margin: 5px 0px 5px 3px; clear:both; text-transform: lowercase; padding:2px;}
div#toplinks a:hover{font: 20px Helvetica,Helvetica, Arial;  color: #00549F; margin: 5px 0px 5px 3px; clear:both; text-transform: lowercase; padding:2px; }
div#toplinks a:active{font: 20px Helvetica,Helvetica, Arial; color: #FFFFFF; margin: 5px 0px 5px 3px; clear:both; text-transform: lowercase;padding:2px;}

div#toplinks a:visited{font: 20px Helvetica,Helvetica, Arial; color: #FFFFFF; margin: 5px 0px 5px 3px; clear:both; text-transform: lowercase;padding:2px;}

div#toplinks a:visited:hover{font: 20px Helvetica,Helvetica, Arial;  color: #00549F; margin: 5px 0px 5px 3px; clear:both; text-transform: lowercase; padding:2px; }
div#toplinks a:visited:active{font: 20px Helvetica,Helvetica, Arial;  color: #FFFFFF; margin: 5px 0px 5px 3px; clear:both; text-transform: lowercase;padding:2px;}




div#leftcontainerfront {float:left;
left:50px;
top: 30px;
margin:0px 0px 0px 0px;
padding:0;
position:relative;
width:440px;
text-align: justify;}


div#leftcontainerwebfront {float:left;
left:50px;
top: 10px;
margin:0px 0px 0px 0px;
padding:0;
position:relative;
width:440px;
text-align: justify;
height:450px;
}

div#frontleft {float:left;
top: 10px;
margin:0px 30px 0px 37px;
padding:0;
position:relative;
width:440px;
text-align: justify;
height:450px;
}

div#contactleft {float:left;
left:50px;
top: 10px;
margin:0px 0px 0px 0px;
padding:0;
position:relative;
width:440px;
height:450px;
text-align: justify;}

div#contactright {float:left;
height:450px;
left:89px;
margin:0;
padding:0;
position:relative;
text-align:left;
top:40px;
width:300px;}

div#mainnewslefttext {float:left;
left:50px;
margin:0px 0px 250px 0px;
padding:0;
position:relative;
width:540px;
text-align: justify;}


div#portfoliocontainerfront {float:right;
margin:0px 0px 0px 0px;
padding:0;
position:relative;
right:60px;
text-align:justify;
top:30px;
width:370px;
height:350px;}


div#frontright {float:left;
margin:0px 30px 0px 0px;
padding:0;
position:relative;
right:0px;
text-align:justify;
top:15px;
width:195px;
}
ul#twitter_update_list { width: 200px; padding: 0; margin: 0; overflow: hidden; }
ul#twitter_update_list li { width: 195px; padding: 5px 0 5px 0; border-bottom: solid 1px #808080; list-style: none; }

div#newscontainerfront {float:right;
margin:0px 0px 250px 0px;
padding:0;
position:relative;
right:18px;
text-align:justify;
top:30px;
width:460px;}


div#webcontainerfront {float:right;
margin:0px 0px 0px 0px;
padding:0;
position:relative;
right:85px;
text-align:justify;
top:30px;
width:260px;
height:450px;}

/*News Section */

img.newspic {margin: 5px 0px 0px 0px; padding:0px 0px 0px 0px; width:370px; }
div#newsdate {clear:both; float: left; margin: 10px 10px 5px 5px; width: 60px;}
div#newscontent {width: 370px; float: left; } 
p.newspicdescription {font: 11px Tahoma, Arial; text-align: center; margin: 7px 0px 0px 0px;}




/*Gallery Section */

div#gallerythumbnail {float:left;
left:112px;
margin:0px 0px 250px 0px;
padding:0;
position:relative;
width:290px;
text-align: justify;}


div#gallerymainpicture {float:right;
margin:0px 0px 250px 0px;
padding:0;
position:relative;
right:18px;
text-align:center;
top:10px;
width:500px;}



img.gallerymainpicture {margin: -1px; padding: 0px; width: 400px;}
img.gallerythumbnail {width:50px; height: 50px; margin: 3px; padding: 1px; }
p.gallerypicdescription {font: 11px Tahoma, Arial; text-align: center; margin: 7px 0px 0px 0px;}



/*Footers */

div#webportfoliothumbs
{clear:both;
right:50px;
position: relative;
text-align: right;
margin:100px 0px 20px 0px; top:20px;} 

div#webportfoliocontact
{width: 300px; position: relative; top: -30px; left: 80px; padding:0px; margin: 0px; z-index:2;}


div#kellystudiofooter{margin: 20px 0px 0px 0px; width:960px; height: 110px; }




/* Blog */


div#blogfrontcontainer {float:left;
left:50px;
margin:0px 0px 250px 0px;
padding:0;
position:relative;
width:940px;
text-align: justify;
}
div#blogleft {
background:none;
display:block;
float:left;
left:0;
margin:0 0 0 0;
padding:0px;
position:relative;
text-align:justify;
top:0px;
width:635px;
z-index:1; 

}

div#blogright {
background:transparent none repeat scroll 0 0;
display:block;
float:left;
left:32px;
margin:0;
padding:0px 0px 0px 10px;
position:relative;
text-align:right;
top:10px;
width:190px;
z-index:1;
}
div#blogright ul {text-align:right; margin-bottom:40px;} 
div#blogright li {text-align:right; margin-bottom:5px;} 

/* Testimonials */

p.portfoliotestimonial {background-color:#003399;
clear:both;
color:#FFFFFF;
display:inline;
font-family:Helvetica,Arial;
font-size:15px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:5px 0 5px 50px;
padding:5px;
text-transform:lowercase;}

p.portfoliotestimonialauthor {font: 11px Helvetica, Arial; color: #000000; margin: 8px 0 5px 200px; clear:both; text-transform: lowercase;}

div#testimonialleft {width:300px; position:relative; float:left;} 
div#testimonialright {width:200px; position:relative; float:left; margin: 10px 0px 0px 20px} 

img.testimonialpicture {width:250px;}



/* Admin */

div#adminnavigation
{border:1px solid #999999;
display:block;
padding:10px;
position:relative;
text-align:left;
top:20px;
margin-left:30px;} 


div#adminright
{text-align:left; top:20px; margin-right:10px; margin-bottom:300px; margin-left: 30px; margin-top:20px; } 


img.gallerypicture {width:400px; text-align:center; margin: 0px 0px 20px 5px; } 

p.adminnav {font-size:11px;}

/*Footer */ 
div#footer {height:80px;
margin:140px 0 73px 48px;
position:relative;
text-align:center;
width:868px;}

p.footertext {font: 9px arial; color: grey; clear:both; text-align: right; margin: 0px 0px 10px 5px;}