/*CSS design for North By Design*/

/*Main*/

html	      { height: 100%;
		overflow: hidden; }
body          { font-family: Verdana, Helvetica, Arial, Fantasy; 
		font-size: 12px;
		color: #fff;
		margin-top: 0px;
		margin-left: 0px;
		margin-right: 0px;
		padding-top: 0px;
		padding-left: 0px;
		padding-right: 0px;
		background-color: #000;
		vertical-align: middle;
		height: 100%;
		scrollbar-face-color: #222;
		scrollbar-highlight-color: #666;
		scrollbar-shadow-color: #111;
		scrollbar-3dlight-color: #aaa;
		scrollbar-arrow-color:  #aaa;
		scrollbar-track-color: #444;
		scrollbar-darkshadow-color: #000; }
a:link        { text-decoration: none;
		color: #ffe9a8; }
a:visited     { text-decoration: none;
		color: #ffe9a8; }
a:hover       { text-decoration: none;
		color: #74ACC5; }
text          { font-family: Arial, Verdana, Helvetica, Fantasy;
		font-size: 11px; }
img           { border: none; }
a img         { border: none; }

/*DIVs*/

#main	      { width: 722px;
		height: 512px;
		margin-left: auto;
		margin-right: auto;
		text-align: left;
		position: relative;
		top: 0px;
		left: 0px;
		margin-top: 3%;
		_top: 4%;
		vertical-align: middle; }

#top	      { border-top: 1px;
		border-left: 1px;
		border-right: 1px;
		border-bottom: 0px;
		border-color: #74ACC5;
		border-style: solid;
		position: relative;
		top: 0px;
		left: 0px;
		width: 718px;
		height: 19px; }

#space-top    { border-top: 1px;
		border-left: 1px;
		border-right: 1px;
		border-bottom: 0px;
		border-color: #74ACC5;
		border-style: solid;
		position: relative;
		top: 0px;
		left: 0px;
		width: 718px;
		height: 82px;
		background: url(../images/nbd_background_top.png) repeat-x bottom left; }

#space-top-below
	      { border-top: 1px;
		border-left: 1px;
		border-right: 1px;
		border-bottom: 0px;
		border-color: #74ACC5;
		border-style: solid;
		padding-top: 2px;
		padding-left: 20px;
		height: 19px;
		width: 698px; }

#center	      { border-top: 1px;
		border-left: 1px;
		border-right: 1px;
		border-bottom: 0px;
		border-color: #74ACC5;
		border-style: solid;
		position: relative;
		top: 0px;
		left: 0px;
		width: 718px;
		height: 245px; }

#center-2	      { border-top: 1px;
		border-left: 1px;
		border-right: 1px;
		border-bottom: 0px;
		border-color: #74ACC5;
		border-style: solid;
		position: relative;
		top: 0px;
		left: 0px;
		width: 718px;
		height: 100px; }		

#center-3	      { border-top: 1px;
		border-left: 1px;
		border-right: 1px;
		border-bottom: 0px;
		border-color: #74ACC5;
		border-style: solid;
		position: relative;
		background-color:#FFFFFF;
		top: 0px;
		left: 0px;
		width: 718px;
		height: 302px; }

#space-bottom { border-top: 1px;
		border-left: 1px;
		border-right: 1px;
		border-bottom: 1px;
		border-color: #74ACC5;
		border-style: solid;
		position: relative;
		left: 0px;
		width: 718px;
		height: 132px;
		background: url(../images/nbd_background_bottom.png) repeat-x top left;
		z-index: 5; }
		
#space-bottom-2 { border-top: 1px;
		border-left: 1px;
		border-right: 1px;
		border-bottom: 1px;
		border-color: #74ACC5;
		border-style: solid;
		position: relative;
		left: 0px;
		width: 718px;
		height: 75px;
		background: url(../images/nbd_background_bottom.png) repeat-x top left;
		z-index: 5; }		

#bottom-text  { font-size: 12px;
		position: absolute;
		top: 11px;
		left: 17px;
		width: 670px;
		/*height: 75px;
		overflow: auto;*/
		padding-right: 15px; }

#menucontainer{ float: right;
		height: 19px; }

.bold	      { font-size: 12px;
		font-weight: bold;
		color: #74ACC5; }

.bold2	      { font-size: 14px;
		font-weight: bold;
		color: #74ACC5; }

.menu	      { float: left;
		font-size: 9px;
		margin-top: 3px;
		padding-left: 10px;
		padding-right: 10px;
		letter-spacing: -0.1em;
		height: 16px; }

.element      { border-top: 0px;
		border-left: 0px;
		border-right: 1px;
		border-bottom: 1px;
		border-color: #74ACC5;
		border-style: solid;
		position: relative;
		float: left; }

#content-left { float: left;
		padding-left: 33px;
		padding-right: 45px; }

.pattern-thumb-left
	      { height: 32px;
		width: 48px;
		margin-left: 12px;
		margin-top: 12px; }

.pattern-thumb-right
	      { height: 32px;
		width: 48px;
		margin-left: 12px;
		margin-top: 12px; }

#content-right
	      { padding-left: 5px;
		position: relative;
		top: 40px; }

.view	      { font-size: 11px;
		color: #A9932E; }

.display      { position: absolute;
		border: 0px;
		top: -40px;
		right: 0px;
		_right: 202px;
		_margin-top: 0px;
		float: right;
		margin-right: 0px;
		z-index: 5; }

#textpage_left{ width: 324px;
		height: 225px;
		padding: 10px;
		float: left;
		position: relative;
		left: 0px;
		top: 0px; }

#textpage_right
	      { width: 350px;
		height: 221px;
		overflow: auto;
		padding: 12px;
		background: #DAD8D9;
		position: relative;
		float: left;
		color: #000;
		font-size: 12px;
		left: 0px;
		top: 0px; }

/*Drop-down menus*/

#dropmenudiv  { position: absolute;
		border: none;
		background-color: #5D6F79;
		font-size: 9px;
		line-height: 18px;
		z-index: 100;
		text-align: center; }

#dropmenudiv a{ width: 100%;
		display: block;
		text-indent: 3px;
		border: none;
		padding: 1px 0;
		text-decoration: none;
		font-weight: normal;
		color: #fff; }

#dropmenudiv a:hover
	      { /*hover background color*/
		color: #5D6F79; 
		background-color: #fff; }

#centercart	      { border-top: 1px;
		border-left: 1px;
		border-right: 1px;
		border-bottom: 1px;
		border-color: #74ACC5;
		border-style: solid;
		position: relative;
		top: 0px;
		left: 0px;
		width: 718px;
		height: auto; }

#centerminicart	      { border-top: 1px;
		border-left: 1px;
		border-right: 1px;
		border-bottom: 1px;
		border-color: #74ACC5;
		border-style: solid;
		position: relative;
		top: 0px;
		left: 0px;
		width: 580px;
		height: auto; }		

#space-top-mini    { border-top: 1px;
		border-left: 1px;
		border-right: 1px;
		border-bottom: 0px;
		border-color: #74ACC5;
		border-style: solid;
		position: relative;
		top: 0px;
		left: 0px;
		width: 580px;
		height: 82px;
		background: url(../images/nbd_background_top.png) repeat-x bottom left; }

#mainsm { 
		margin-top: 10px;
		margin-left: 10px;
 }



/*EOF*/