/* LWDGrfx CSS */
*{
margin:0;
padding:0;
}
html {
	height: 102%;
}
a:link{
color: #9d2b00;
text-decoration:none;
}
a:visited{
color: #0F311E;
text-decoration:none;
}
a:hover{
color: #004E4F;
text-decoration:none;
}
a:active{
color:#0F311E;
text-decoration:none;
}
body { 
font-family: Arial, Helvetics, sans-serif;
font-size: 17px;
width: 744px;
margin: 28px auto 4px;
background-color: #113355;
color: #0F311E;
}
html{
margin-bottom:1px;
min-height:100.1%;
width:100%}
p{
}
hr {color:#800000; width: 92%; margin:0 auto;}
h1{
font-size: 24px;
font-weight:900;
text-align:center
}
h2{
font-size:20px;
font-weight:600;
text-align:center;
margin: 8px auto 8px;
color: #FFEBCD;
}
h3{
font-size:18px;
text-align:center;
color: #982727;
margin: 0 0 6px 0;
letter-spacing: 1.44px;
}
h4{
font-size:16px;
font-weight:900;
text-align:center
}
h5{
font-size:14px;
font-weight:900;
text-align:center
}
h6{
font-size:12px;
font-weight:900;
text-align:center
}
dl dd {font-size: 1.3em;
	display: inline;
}
table{
margin: 10px auto;
}
td {
	color: red;
}
/* ======== CLASSES =======*/
.alignleft{
text-align:left
}
.aligncenter{
text-align:center;
}
.alignright{
text-align:right
}
.almondmaroon {
	background-color: #FFEBCD;
	border: 1px solid #A52A2A;
}
.black {
	color: #000;
}
.blackbold {
	color: black;
	font-weight: 900;
}
.bluebox {
	width: 444px;
	margin: 8px auto 4px;
	font-size: 18px !important;  border: 2px solid #6495ED;
	color: green !important;
}
.caption{
color: #fff;
text-align:center;
text-indent:0;
font-size:12px;
font-style:italic;
font-weight:100;
}
.centered{
text-align:center
}
.contactTable{
	border: solid 1px #6e6e6e;
	border-collapse: collapse;
	width: 380px;
}
.contactTable td{
border: none;
padding: 3px;
color: #004080;
}
.contactTable th{
	background: #6e6e6e;
	color: #FFFFFF;
}
.largebox {
	width: 544px;
	margin: 0 auto;
	font-size: 24px !important; border: 2px solid red;
}
.left{float: left;}
.right{float: right;}
.purplebold {
	color: Purple !important; font-weight: 900; text-decoration: underline;
}
.redbold {
	color: #D00000; font-weight: 900; 
}

.redparaborder {border: 1px solid maroon; padding: 4px; color:#800000 !important; font-weight:normal;}
.redparaborder2 {border: 1px solid maroon; padding: 4px; color: #800000 !important; font-weight:normal;}
.redparaborder2 a {
	color: blue;
}
.smallprint{
font-size: 10px; 
color: blue;
text-align: center;
}
.smallprint a{
color: #666666;
}
.textalignleft{
text-align:left
}
.textaligncenter{
text-align:center;
}
.textalignright{
text-align:right
}
.white {
	color: white;
}
.whitebold {
	color: white;
	font-weight: 900;
}

/* ======== ID =======*/
#content{
width: 744px; background-color:#72b8b8; color: #0F311E;
}
#footernav{
background-color: #EEEEEE;
width:744px;
margin: 4px auto 4px;
}
#footernav p{
font-size:1.3em;
text-align:center;
}
#footernav a{
font-size:1.3em;
color: #6D6D6D;
text-decoration: none;
}
#footernav a:hover{
color:red;
text-decoration:none
}
#footerinfo{
background-color: #EEEEEE;
width:744px;
background-repeat:no-repeat;
margin: 4px auto 4px;
}
#footerinfo p{
font-size:1.3em;
text-align:center;
}
#footerinfo a{
font-size:1.3em;
color: #6D6D6D;
text-decoration: none;
}
#footerinfo a:hover{
color:red;
text-decoration:none
}
#frontpageimage {
	margin:4px auto;
}
#frontpageimage img {
	margin:14px auto 0;
}
#header{
width: 744px;
background-color:#eee;
height:120px;
background-repeat:no-repeat;
}
#impressum {width: 744px;
	margin: 0 auto;
	color: maroon;
	text-align: center;
}
#katrinaseoinfo {
	border: none;
}
#katrinaseoinfo p {
	padding: 8px;
font-size: 12px;
color: 009999;
}
#katrinawrapper {background-image:url(../Images/BiloxiDestroyedHousej32.jpg); background-repeat: repeat; background-color: #070206;}
#katrinaphotos {
	width: 744px;
	margin: 18px auto;
	background-color: #EDC2AF;
	color: black;
}
#katrinaphotos a:link{
color:#000;
text-decoration:none;
}
#katrinaphotos a:visited{
color:#000;
text-decoration:none;
}
#katrinaphotos a:hover{
color:red;
text-decoration:none;
}
#katrinaphotos a:active{
color:#000;
text-decoration:none;
}
#katrinaphotos h3 {
	font-size: 1.3em;
}
#katrinaphotos p {
	text-align: left;
	border: 1px solid red;
}
#katrinaphotos li {
	margin: 0px 0 4px 64px;
	list-style-type: square;
/*	text-indent: -14px;*/
	text-align: left;
	list-style-position: outside;
	font-size: 1.2em;
}
#leftcoltop{
float:left;
width:324px;
text-align: left;
margin: 4px 0 4px 18px;
padding: 8px;
}
#leftcolbottom{
float:left;
width:364px;
text-align: left;
margin: 4px 0 4px;
border: 1px solid green;
}
#middleboxestwosides {
float:left;
width: 744px;
}
#middlecentercol{
margin: 4px auto 4px;
}
#middlecentercol p {
	text-align: center;
	color: #33ccff;
	margin: 0 auto;
}
#navbar1 {width: 744px;
margin: 0 auto;
text-align: center;
}
#navbar1 p{
text-align:center;
}
#outerwrapper {margin: 0 auto;}

#rightcoltop{
float:right;
width:344px;
text-align: left;
margin: 4px 0 4px;
padding: 8px;
}
#rightcoltop p{
	padding: 4px; 
	margin: 1px 44px 0 0;
}
#rightcolbottom{
float:right;
width:364px;
text-align: left;
margin: 4px 0 4px;
border: 1px solid purple;
}
#seoinfo{width: 744px;
	margin: 0 auto;
	color: #565656;
	border: 1px solid purple;
}
#slideshow {
	float: left;
/*	border: 1px solid #800000;*/
	width: 306px;
	margin: 7px 0 0 7px;
}
#wrapperbio {
width: 744px;
margin: 0 auto;
}
#wrapperbio p {
text-align:center;
color:white;
}

#wrapperbio img {
	margin: 16px auto 8px;
	border: 1px solid blue;
}
#wrappercontact {
width:744px;
margin: 0 auto;
}
#wrappercontact p {text-align:center; font-size: 1.1em; color: #fff;}

#wrapperdesign {
width: 744px;
margin: 0 auto;
}
#wrapperindex {
width:744px;
margin: 0 auto;
}
#wrapperindex p {width: 244px;font-size: 14px; color: #FF3333; text-align: center; margin: 6px 0 0 4px;}
#wrapperlinks {
width: 744px;
margin: 0 auto;
}
#wrapperlinks p {text-align:center;}
#wrapperlinks a {
	font-size: 1.1em; color: #fff;
}
#wrapperphotos {
width: 744px;
margin: 0 auto;
}
#wrapperportfolio {
width:744px;
margin: 0 auto;
height: 644px;
}
#wrapperportfolio p {width: 644px;font-size: 14px; color: #fff !important; text-align: center; margin: 6px 0 0 4px;}
#wrapperportfolio p a:link {width: 644px;font-size: 14px; color: #fff !important; text-align: center; margin: 6px 0 0 4px;}
#wrapperportfolio p a:visited {width: 644px;font-size: 14px; color: #fff !important; text-align: center; margin: 6px 0 0 4px;}
#wrapperportfolio p a:hover {width: 644px;font-size: 14px; color: blue !important; text-align: center; margin: 6px 0 0 4px;}
#wrapperportfolio p a:active {width: 644px;font-size: 14px; color: #fff !important; text-align: center; margin: 6px 0 0 4px;}