@charset "UTF-8";

/* NBRANDT.COM */

body  {
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	font-size: 100%; /* it is good practice to set font size at 100% in the start and then define it using em. */
	margin: 0;
	padding: 0;
	text-align: center; /* center body for IE 5.5 */
	color: #4A5E4E;
	background-attachment: scroll;
	background-image: url(graphics/bg1.jpg);
	background-repeat: repeat;
	background-position: center top;
}
.twoColFixRtHdr #container { 
	width: 953px;
	margin: 0 auto; /* center body for the rest of the browsers */
	text-align: left;
	font-size: 0.8em; /* 0.75em equals 12px, I have gone above this size standard to create a "roomy" design */
	line-height:1.5; /* "Roomy" design syndrome again, standard line height is 1. */
} 
.twoColFixRtHdr #header {
	background-image: url(graphics/bg-top.png);
	margin: 25px 0 12px 0;
	height: 43px;
	width: 953px;
}
.twoColFixRtHdr #logo {
	padding-top: 10px;
	padding-left: 48px;
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
}
.twoColFixRtHdr #sidebar1 {
	float: right; /* since this element is floated, a width must be given */
	width: 180px;
	padding: 0;
	margin: 0;
}
#nickBrandt {
	margin: 0px 0 0 9px;
}
#mainContentTop ul {
	margin: 0;
	padding: 0 0 0 52px;
	display: inline;
	} 

#mainContentTop ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
	text-decoration: none;
	}
.sel {
	border-bottom: 1px dotted;
	list-style: none;
	display: inline;
	}
#mainContentTop a {
	font-family: Verdana, Geneva, "sans-serif";
	font-size: 16px;
	text-decoration: none;
}
#navHome {
	margin: 0 0 0 23px;
}
#navServices {
	margin: 0 0 0 136px;
}
#navPortfolio {
	margin: 0 0 0 117px;
}
#navContact {
	margin: 0 0 0 116px;
}
.twoColFixRtHdr #mainContent { 
	margin: 0; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. This margin can be removed if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0;
}
.twoColFixRtHdr #mainContentTop {
	background-image: url(graphics/body-top.png);
	height: 31px;
	width: 773px;
	margin: 0px;
	padding: 21px 0 0 0;
}
.twoColFixRtHdr #mainContentMiddle {
	background-image: url(graphics/body-middle.png);
	background-position: left top;
	background-repeat: repeat-y;
	width: 736px;
	padding: 0 20px 0 22px;
	/* padding: 0; */
	margin: 0;
}
.twoColFixRtHdr #mainContentBottom {
	background-image: url(graphics/body-bottom.png);
	width: 773px;
	height: 15px;
	padding: 0px;
	margin: 0px;
}
.twoColFixRtHdr #navTable {
    margin: 0;
    padding-top: 22px;
}
.twoColFixRtHdr #footer { 
	padding: 0;
} 
.twoColFixRtHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 1px 0 0 270px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
    text-align: left;
    /* color: #005E94; */
    font-size: 0.7em;
}
a { 
    color: #4A5E4E;
}
a:visited { 
    color: #4A5E4E;
}
a:active {
    color: #28342C;
}
a:hover {
    color: #28342C;
}
.headerLink {
    font-weight: bold;
}
h1 {
	padding: 24px 0 3px 0px;
	margin: 0;
	font-weight: bold;
	font-size: 22px;
	line-height:1;
}
h2 {
    margin: 20px 0 0px 0px;
    padding: 0;
	font-weight: bold;
	font-size: 16px;
}
h3 {
    margin: 20px 0 0px 0px;
    line-height:1;
    padding: 0;
	font-weight: bold;
	font-size: 14px;
}
textarea {
    font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
    font-size: 12px;
}
.icons {
	border: 1px solid #6F839E;    
}
.button {
	padding: 10px;
	text-align: right;
}
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#bodyStart { /* Just testing stuff */
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#bodyEnd { /* Just testing stuff */
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.w3cLogo {
	margin: 0px;
	padding-top: 4px;
	padding-left: 60px;
}
.errorText {
	font-weight: bold;
	color: #F00;
}