html { background: url(images/background.jpg) top left repeat; }
body { margin: 0; padding: 0; font-family: arial; }
div#header { position: relative; width: 100%; height: 164px; 
             background: url(images/panes/header.png) top left repeat-x; z-index: 10; }
div#statusbar { width: 100%; height: 55px; }
div#statusbar_sizer { width: 1024px; margin: 0 auto; }	 
div#navbar { width: 100%; height: 110px; line-height: 110px; }		  
div#navbar_sizer { width: 1024px; margin: 0 auto; }
div#navbar .logo { }
div#nav { position: relative; float: right; top: -1px; width: 520px; height: 108px; }
div#nav ul li { position: relative; top: -4px; float: right; list-style-type: none; display: inline; }
div#nav ul li a { width: 104px;	height: 118px; display: block; text-decoration: none; }
div#nav li.home a { background: url(images/buttons/home.png) -104px 0px no-repeat; }
div#nav li.home a:hover { background-position: -208px 0px; }
div#nav li.home a.active {	background-position: 0px 0px; }
div#nav li.packages a { background: url(images/buttons/packages.png) -104px 0px no-repeat; }
div#nav li.packages a:hover { background-position: -208px 0px; }
div#nav li.packages a.active {	background-position: 0px 0px; }
div#nav li.addons a { background: url(images/buttons/addons.png) -104px 0px no-repeat; }
div#nav li.addons a:hover {	background-position: -208px 0px; }
div#nav li.addons a.active { background-position: 0px 0px; }
div#nav li.portfolio a { background: url(images/buttons/portfolio.png) -104px 0px no-repeat; }
div#nav li.portfolio a:hover {	background-position: -208px 0px; }
div#nav li.portfolio a.active {	background-position: 0px 0px; }
div#nav li.questions a { background: url(images/buttons/faq.png) -104px 0px no-repeat; }
div#nav li.questions a:hover { background-position: -208px 0px; }
div#nav li.questions a.active {	background-position: 0px 0px; }
div#nav li.contact a { background: url(images/buttons/contact.png) -104px 0px no-repeat; }
div#nav li.contact a:hover { background-position: -208px 0px; }
div#nav li.contact a.active { background-position: 0px 0px; }
div#nav li.admin a { background: url(images/buttons/admin.png) -104px 0px no-repeat; }
div#nav li.admin a:hover {	background-position: -208px 0px; }
div#nav li.admin a.active {	background-position: 0px 0px; }
div#headershadow { position: absolute; top: 164px; left: 0px; width: 100%; height: 8px;
	               background: url(images/panes/header_shadow.png) top left repeat-x; z-index: 10; }
div#bigtitle { width: 100%; height: 310px; background: url(images/panes/big_title.jpg) top left repeat-x; }
div#bigtitle_sizer { position: relative; width: 1024px; margin: 0 auto; }
div#intro { position: absolute; top: 130px; left: 150px; width: 500px; }
div#bigtitlewatermark {	width: 283px; height: 283px; background: url(images/ndmwatermark.png) top left no-repeat; }
div#whoweare { width: 1020px; height: 310px; background: url(images/whoweare.png) top left no-repeat; }	
div#flashbox { position: absolute; top: 25px; right: 25px; width: 268px; height: 268px;
               background: url(images/flashborder.jpg) top left no-repeat; }
div#bigtitleshadow { position: absolute; top: 474px; left: 0px; width: 100%; height: 8px;
	                 background: url(images/panes/header_shadow.png) top left repeat-x; z-index: 10; }	
div#littletitle { position: relative; width: 100%; height: 80px; background: #e3e3e3; }	
div#littletitle_sizer { margin: 0 auto; width: 1024px; height: 80px; 
					 background: url(images/panes/little_title.jpg) top left no-repeat; }
div#littletitleshadow { position: absolute; top: 244px; left: 0px; width: 100%; height: 8px;
	                 background: url(images/panes/header_shadow.png) top left repeat-x; z-index: 10; }
#wrapper { position: relative; width: 1013px; margin: 0 auto; z-index: 0; }
div#vertparas {	width: 900px; min-height: 300px; text-align: center; color: #fff; margin: 0 auto; }
.vertpara {	float: left; width: 290px; text-align: left; margin: 5px; }
.vertpara ul li { list-style-image: url(images/bullet.png); }

#packparas {
	width: 678px;
	min-height: 300px;
	text-align: center;
	color: #fff;
	margin: 0 auto;
}

.packpara {
	float: left;
	width: 196px;
	text-align: left;
	margin: 15px;
}

.packpara ul li {
	list-style-image: url(images/bullet.png);
}

.packpara ul li.hidden {
	list-style-image: none;
}

.loginlogout {
	float: right;
	line-height: 55px;
	margin-right: 5px;
	font-size: medium;
	color: #fff;
}

.loginlogout a {
	text-decoration: none;
	color: #fff;
}

.loginlogout a:hover {
	color: #000;
}

#sidepane {
	position: relative;
	width: 350px;
	height: 1014px;
	top: -5px;
	background: url(images/panes/sidepane.png) top left no-repeat;
	float: right;	
}

#content-small {
	width: 633px;
	margin-left: 40px;
}

#content-small-top {
	width: 633px;
	height: 30px;
	background: url(images/panes/small_white/small_white_top.png) top left no-repeat;		
}

#content-small-middle {
	width: 633px;
	background: url(images/panes/small_white/small_white_middle.png) top left repeat-y;
	color: #817e6d;
	padding-left: 15px;
	padding-right: 15px;
}

#content-small-bottom {
	width: 633px;
	height: 30px;
	background: url(images/panes/small_white/small_white_bottom.png) top left no-repeat;		
}

#content-small-plain{
	width: 633px;
	padding-left: 15px;
	padding-right: 15px;
}

#recent {
	position: relative;
	width: 136px;
	height: 136px;
	background: URL(images/panes/recentpane.png) top left no-repeat;
	margin: 0 auto;
}

#recent img {
	position: absolute;
	top: 8px;
	left: 8px;
}

#recent-logo {
	width: 212px;
	height: 23px;
	background: URL(images/recentwork.png) top left no-repeat;
	margin: 0 auto;
}

#psdhtml {
	width: 500px;
	height: 106px;
	margin: 0px 0px 20px 100px;
	/* background: URL(images/PSDHTMLmedium.png) top left no-repeat; */
}

#portfolio {
	margin: 0 auto;
	width: 908px;
}

#p-top {
	width: 908px;
	height: 32px;
	background: URL(images/panes/big_white/top.png) top left no-repeat;
}

#p-middle {
	width: 908px;
	background: URL(images/panes/big_white/middle.png) top left repeat-y;
}

#p-middle-project {
	width: 880px;
	height: 250px;
	margin: 0 auto;
}

#p-middle-project img {
	margin-right: 10px;
}

#p-bottom {
	width: 908px;
	height: 32px;
	background: URL(images/panes/big_white/bottom.png) top left no-repeat;
}

.alert { color: #f00; font-weight: bold; text-align: center; }
div#login_form { width: 310px; margin: 0 auto; padding: 15px; background: #e3e3e3; border: 1px solid; 
				 -moz-border-radius: 10px; -webkit-border-radius: 10px; }
div#login_form input[type=text] { padding: 2px; border: 1px solid black; -moz-border-radius: 5px; -webkit-border-radius: 5px; }				 
div#login_form input[type=password] { padding: 2px; border: 1px solid black; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

div#footer { clear: both; width: 100%; height: 82px; line-height: 82px; text-align: center; color: #000; 
	         background: URL(images/panes/footer.jpg) top left repeat-x; }

.white { color: #fff; }
.black { color: #000; }

.offcolor {	color: #545e51; } 
.definition { text-align: center; font-size: small; color: #fff; }