/* ##########################################
Stylesheet for Kemp Photography
by Dreamsoft Internet Solutions
Amended Jan 2008
########################################### */

/* basic styles */
body {
	margin:0px;
	padding:0px;
	font-family:verdana, arial, helvetica, sans-serif;
	color:#666666;
	background-color:#e6e6e6;
	background-image:url(../images/bg_page.gif);
	background-repeat: repeat-x;
	background-position: top;
	text-align:center;
}

h1 {
margin:0px 0px 15px 0px;
padding:0px;
font-family: 'Verdana', Arial, sans-serif;
font-size:medium;
line-height:28px;
font-weight:bold;
color: #e8008a;
}

h2 {
margin:0px 0px 5px 0px;
padding:0px;
font-family: 'Verdana', Arial, sans-serif;
font-size:small;
font-weight:bold;
color: #666666;
}

h3 {
margin:5px 0px 5px 0px;
padding:0px;
font-family: 'Verdana', Arial, sans-serif;
font-size:small;
line-height:28px;
font-weight:900;
color: #e8008a;
}

p {
font:11px verdana, arial, helvetica, sans-serif;
font-weight: normal;
margin:10px 0px 15px 0px;
padding:0px;
color: #333333
}

li {
font:12px/24px verdana, arial, helvetica, sans-serif;
margin:0px 0px 16px 0px;
padding:0px;

}


a {
color:#333399;
font-size:small;
text-decoration:none;
font-family:verdana, arial, helvetica, sans-serif;
}
a:link {color:#666666;text-decoration:none;}
a:visited {color:#666666;text-decoration:none;}
a:hover {color:#ff0090;text-decoration:none;}


/* main page elements */
#container{width:948px;
margin:0px auto;}




#Banner {
text-align: right;  padding:0px; margin:0px;
}

/*
#Content>p {margin:0px;}
#Content>p+p {text-indent:30px;}
*/



#Content {
	padding:10px;
	border:0px;
	width:735px;
	float:left;
	font:11px verdana, arial, helvetica, sans-serif;
font-weight: normal;
color: #333333;
	background-image: url(../images/bg_content.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-align:left;
}

/* Menu styles */
#Menu {
float:left;
left:20px;
width:190px;
font-family: Verdana, Helvetica, sans-serif;
font-size: xx-small;
font-weight: bold;
color:#666666;
margin-bottom:20px;
text-align:left;
}
#Menu1 {
float:left;
left:100px;
width:600px;
font-family: Verdana, Helvetica, sans-serif;
font-size: xx-small;
font-weight: bold;
color:#666666;
margin-bottom:20px;
margin-top:0px;
text-align:left;
}
.submenu {
padding:0px 0px 0px 20px;

}

.navdiv {
margin-bottom: 6px;
}

.navimg {
padding-top: 4px
}

.navsubdiv {
margin-bottom: 6px;
margin-left: 6px;
}

.navlink {
padding-left: 4px;
}

.nav {
padding:4px 2px 4px 4px;
}
.nav1 {
padding:2px 2px 0px 0px;
}
.navsub {
padding:4px 4px 0px 20px;

}

.arrow {
padding:10px 4px 0px 2px;
font-size: xx-small;
color: red;
font-weight: bold
}

#footer {border-top:#cdcdcd 6px solid;
margin:0px 0px 10px 0px;
padding:0px;
font:xx-small verdana, arial, helvetica, sans-serif;
color:#666666;
font-weight: bold; text-align:center;
}

.footerlink {

font:xx-small verdana, arial, helvetica, sans-serif;
color:#666666;
font-weight: bold
}

.footerlink a:link, .footerlink a:visited{color:#666666; font-size: xx-small; background: #666666; text-decoration:none; }
.footerlink a:hover{color:#ff0090;text-decoration:none;}

.boxes {
padding:1px 6px 0px 0px;
}


/* table styles */

.kemptable {
width: 600px;
border-style: solid;
border-color: #CCCCCC;
border-width:1px; /* top and bottom borders: 1px; left and right borders: 0px */
background-color:white;
font-family: Arial, Helvetica, sans-serif;
font-size: x-small;
color: #333333;
}

.tablehead {
height: 24px;
background-color: #CCCCCC;
font-family: Arial, Helvetica, sans-serif;
font-size: large;
font-weight: bolder;
letter-spacing: 2px;
color: #333333;
text-align: left;
padding: 0px 0px 0px 60px;
}

.tablelabel {
height: 24px;
font-family: Verdana, Helvetica, sans-serif;
font-size: x-small;
text-align: right;
color: black;
vertical-align: top;
padding: 3px 3px 3px 3px
}

/* form styles */

.kempdata {
background-color:white;
font-family: Arial, Helvetica, sans-serif;
font-size: x-small;
width: 350px;
color: black;
border-style: solid;
border-color: #333333;
border-width: 1px;
text-align: left;
}

.textblock {
background-color:white;
font-family: Arial, Helvetica, sans-serif;
font-size: x-small;
width: 300px;
height: 180px;
color: black;
border-style: solid;
border-color: black;
border-width: 1px;
text-align: left;
}

.button {
background-color: white;
font-family: Arial, Helvetica, sans-serif;
font-size: x-small;
font-weight: bold;
color: #333333;
border-color: black;
border-width: 1px;
text-align: left;
padding: 3px 3px 3px 3px;
}

.featurebox{
	float:left;
	padding:8px;
	margin-right:10px;
	width:219px;
	
	height:180px;
	background-image: url(../images/bg_featurebox.gif);
	background-repeat: repeat-x;
	background-position: top;
	border-bottom:#ccc 1px solid;


}
.longfeaturebox{
	float:left;
	padding:8px;
	margin-right:10px;
	width:464px;
	
	height:180px;
	background-image: url(../images/bg_featurebox.gif);
	background-repeat: repeat-x;
	background-position: top;
	border-bottom:#ccc 1px solid;
	


}
.featuretitle{	font-family: 'Verdana', Arial, sans-serif;
font-size:small;
font-weight:600;
color: #ffffff;line-height:18px;}



