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

/* eric meyer's css reset code */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
}

body {
font-family: Helvetica, Arial, Helvetica, sans-serif;
background-color: #CCCCCC;
padding: 0;
margin: 0;
text-align:left;
}

p { 
font-weight: normal;
font-size:12px;
line-height:18px;
letter-spacing: 0.2px;
color:#333333;
}

ul {
padding:12px 0px 5px 0px;
}

.list li {
font-weight: normal;
font-size: 14px;
color:#333333;
list-style:url(bluedot.gif);
line-height:150%;
}

#bullets {
padding-left: 20px;
}

.photocredit {
font-size:10px;
line-height:1.5;
color:#333333;
text-align:right;
margin: 3px 0px 3px 0px;
padding-right:15px;
}

a {
font-size:12px;
text-decoration: none;
color:#0082C7;
}

a:link, a:visited {
color:#0082C7;
}

a:hover, a:focus {
color:#eb5a05;
}

h1 { font-family: 'Oswald', arial, serif; }

h1.h1yellow {
color:#fed701;
font-size: 24px;
font-weight:normal;
padding: 15px 0px 5px 0px;
}

h1.h1yellow2 {
color:#fed701;
font-size: 24px;
font-weight:normal;
padding: 15px 0px 5px 10px;
}

h1.h1orange {
color:#ff6633;
font-size: 24px;
font-weight:normal;
padding: 15px 0px 5px 0px;
}

h1.h1pink {
color:#FF0066;
font-size: 24px;
font-weight:normal;
padding: 15px 0px 5px 0px;
}

h1.h1pink2 {
color:#FF0066;
font-size: 24px;
font-weight:normal;
padding: 15px 0px 5px 10px;
}

h1.h1blue {
color:#0099cc;
font-size: 24px;
font-weight:normal;
padding: 15px 0px 5px 0px;
}

h1.h1blue2 {
color:#0099cc;
font-size: 24px;
font-weight:normal;
padding: 15px 0px 5px 10px;
}

#head1 {
color:#E854A1;
font-size: 18px;
font-weight:bold;
padding: 0px;
}

.recent {
	margin-bottom: 10px;
}

#links {
width: 820px;
margin: 0 auto;
padding: 0px 0px 0px 20px;
}

#links li {
display:inline;
list-style: none;
margin:0;
float: left;
padding: 10px 0px 0px 14px;
}

#links a {
font-size: 10px;
text-decoration: none;
}

#links a:link, #links a:visited {
color:#333333;
}

#links a:hover, #links a:focus {
color:#FF0066;
}

#links a#current {
color:#FF0066;
}

li {
font-weight: normal;
font-size:12px;
line-height:1.5;
color:#333333;
list-style:none;
}

#container {
width: 820px;
margin:0 auto;
background-image:url(bg.gif);
background-repeat:repeat-y;
}

#flashcontent {
width: 820px;
margin:0px;
}

#noflash {
width: 780px;
margin: 25px;
}

#noflash h1 {
color:#FF0066;
font-size: 24px;
font-weight:normal;
padding: 15px 0px 5px 0px;
}

#photogallery {
width: 780px;
margin: 0 auto;
padding: 0px 0px 20px 20px;
}

#content {
width: 800px;
margin: 0 auto;
padding: 0px 10px 0px 10px;
float: left;
}

.top {
width: 800px;

margin: 0 auto;
}

.topleft {
float: left;
width: 246px;
background-color:#FFFFFF;
padding: 10px 10px 10px 10px;
}

.topcenter {
float: left;
width: 246px;
background-color:#FFFFFF;
padding: 10px 10px 10px 10px;
}

.topright {
float: left;
width: 246px;
background-color:#FFFFFF;
padding: 10px 10px 10px 10px;
}

.bottom {
width: 800px;
float:left;
margin: 0 auto;
}

.bottomleft {
float: left;
width: 246px;
background-color:#FFFFFF;
padding: 10px 10px 10px 10px;
}

.bottomcenter {
float: left;
width: 246px;
background-color:#FFFFFF;
padding: 10px 10px 10px 10px;
}

.bottomright {
float: left;
width: 246px;
background-color:#FFFFFF;
padding: 10px 10px 10px 10px;
}





#footer {
width: 820px;
height: 40px;
clear: both;
background-color:#CCCCCC;
background-image:url(foot.png);
background-repeat:no-repeat;
}

#left2 {
float: left;
width: 490px;
background-color:#FFFFFF;
padding: 10px 0px 10px 20px;
}

#left3 {
float: left;
width: 690px;
background-color:#FFFFFF;
padding: 10px 0px 10px 20px;
}

#right3 {
float: left;
width:260px;
background-color:#FFFFFF;
padding: 68px 0px 10px 20px;
}

#bubbleleft {
float: left;
width: 760px;
background-color:#FFFFFF;
padding: 10px 20px 10px 20px;
}

#right2 {
float: left;
width:260px;
background-color:#FFFFFF;
padding: 68px 0px 10px 20px;
}

strong {
font-weight:500;
}

.list li strong {
font-weight:600;
}

li.address strong {
font-weight:600;
}

.slideshow { 
float: left;
height: 343px; 
width: 800px; 
margin: 0px 0px 0px 10px;
background-color:#CCCCCC;
}


#header {
width: 820px;
height: 170px;
float: left;
background-color: #cccccc;
background-image:url(fader/header/kent-web-design-beamtwenty3.jpg);
background-repeat:no-repeat;
}

#logo {
	width: 345px;
	float: left;
}



#header li {
display:inline;
list-style: none;
}

#header a {
float:left;
display:block;
text-indent: -5000px;
height: 150px;
text-decoration:none;
margin-top:10px;
margin-right: 5px;
}

#navigation {
	margin: 0px 0px 0px 390px;
	padding: 0px;
}



a.contact {
width: 95px;
background:url(fader/header/contact.jpg);
}

a:hover.contact {
background-position: 0px 150px;
}

a.recentwork {
width: 95px;
background:url(fader/header/recent.jpg);
}

a:hover.recentwork {
background-position: 0px 150px;
}

a.photography {
width: 95px;
background:url(fader/header/photography.jpg);
}

a:hover.photography {
background-position: 0px 150px;
}

a.webdesign {
width: 95px;
background:url(fader/header/web-design-kent.jpg);
}

a:hover.webdesign {
background-position: 0px 150px;
}

/* red bubble */


div#rb-redbubble-art
  {
    width: 100%;
    float: left; 
    clear: both;
  }


#logo a {
	text-indent: 0px !important;
	margin: 0px;
}