/* Begin Typography & Colors */
body {
        font-size: 80.5%; /* Resets 1em to 10px */
	margin: 0 auto; 
        padding: 0;
        background: #25211c url('../images/N_background.jpg') no-repeat top center;
        font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
        color: #000000;
        text-align: center;
        }

h1 {
	display:block;
	float:left;
	font-size: 14px;
	color: #ffffff;
	font-style: italic;
	}
        
#container {
        font-size: 80.5%; /* Resets 1em to 10px */
	width: 1000px;
	margin: 0 auto; 
	margin-top: 110px;
        padding: 0px 0 0px 0;
        font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
        color: #ffffff;
        text-align: center;
        border: solid 0px #fa8730;
        }

#menu {
        font-size: 12px;
        width: 1000px;
        margin: 0 auto;
        padding: 0px 0 0px 0;
        font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
        color: #ffffff;
        text-align: left;
        border: solid 0px #fa8730;
        }

#main_body {
        margin: 0px auto;
	margin-top: 14px;
        border: solid 0px red;
        width: 1000px;
        padding: 0 0 0 0;
	color: #000000;
        }

html>body #main_body {
        margin: 0px auto;
	margin-top: 14px;
        border: solid 0px blue;
        width: 1000px;
        padding: 0 0 0 0;
	color: #000000;
	overflow: auto;
        }

#custom_design {
	float: left;
        margin: 0px auto;
        border: solid 0px #282828;
        background: transparent url('../images/N_custom_designs_back.jpg') no-repeat top center;
        width: 330px;
        height: 202px;
        }
#custom_design p {
	margin: 65px 15px 10px 15px;
	text-align: left;
	font-family: arial;
        color: #b7b6b6;
        font-weight: normal; font-size:12px; letter-spacing: 0px;
	}

#about {
        float: right;
        margin: 0px auto;
        border: solid 0px #282828;        
	background: transparent url('../images/N_about_back.jpg') no-repeat top center;
        width: 643px;
        height: 188px;
        }
#about p {
        margin: 35px 20px 0px 160px;
        text-align: left;
        font-family: arial;
        color: #333333;
        font-weight: normal; font-size:12px; letter-spacing: 0px;
        }
.about_title {
	font-size: 16px;
	font-weight: bold;
	font-variant: small-caps;
	color: #000;
}

html>body #menu_container {
	width: 930px;
}

#menu_space {
	height: 2px;
	}

* html #menu_space {
        height: 0px;
        }
#contact_container {
        width: 800px;
        margin: 0 auto;
        border: solid 1px #7d7d7d;
        }
#contact_box {
        margin: 10px;
        padding: 20px;
        border: solid 0px #ffffff;
        background: #000000;
        color: #ffffff;
	min-height: 500px;
        }
#contact_box h3 {
        color: #998B6E;
        font-size: 16px;
	font-variant: small-caps;
	}
#contact_box p.first {
	text-align: left;
        font-size:11px;
        color:#dbdbdb;
        margin: 0px 40px 0px 40px;
}
#contact_box p.second {
        text-align: left;
        padding: 0 0 0 0;
        font-family: 'Lucida Grande', Verdana, Arial;
        color: #998B6E;
        font-size: 1.2em;
        border-bottom:solid 1px #5f5542;
}


#left_side {
	float: left;
	width: 214px;
	height: 400px;
	border: 0px solid blue;
	}
#left_menu {
	width: 214px;
        background: transparent url('../images/side_back.png') repeat-y top center;
	padding-bottom: 20px;	
	}
#left_menu p {
	margin: 0 0 0 10px;
	text-align: left;
	line-height: 30px;
	letter-spacing: -1px;
	}
html>body #left_menu p {
	margin: 0 0 0 30px;
	letter-spacing: 0px;
	}

#right_side {
        float: right;
        width: 747px;
	border: 0px solid blue;
	overflow: display;
        }

#left_menu h3 { font-family: 'Lucida Grande', Verdana, Arial; font-size:16px; font-weight: normal; color: #c6c6c6; text-decoration: none; text-transform: uppercase; padding-top: 10px;}

a:link{ font-family: 'Lucida Grande', Verdana, Arial; font-size:14px; font-weight: normal; color: #a3a3a3; text-decoration: none; font-variant: small-caps;}
a:visited{ font-family: 'Lucida Grande', Verdana, Arial; font-size:14px; font-weight: normal; color: #a3a3a3; text-decoration: none; font-variant: small-caps;}
a:hover{ font-family: 'Lucida Grande', Verdana, Arial; font-size:14px; font-weight: normal; color: #ffffff; text-decoration: none; font-variant: small-caps;}
a:active{ font-family: 'Lucida Grande', Verdana, Arial; font-size:14px; font-weight: normal; color: #ffffff; text-decoration: none; font-variant: small-caps;}

#menu_container a:link{ font-family: 'Lucida Grande', Verdana, Arial; font-size:11px; font-weight: normal; color: #ffffff; text-decoration: none; font-variant: normal;}
#menu_container a:visited{ font-family: 'Lucida Grande', Verdana, Arial; font-size:11px; font-weight: normal; color: #ffffff; text-decoration: none; font-variant: normal;}
#menu_container a:hover{ font-family: 'Lucida Grande', Verdana, Arial; font-size:11px; font-weight: normal; color: #ffffff; text-decoration: none; font-variant: normal;}

#project {
        width: 747px;
        background: transparent url('../images/side_back.png') repeat top center;
        min-height: 60px;
        padding: 10px;
        border: 0px solid #000;
        }

html>body #project {
        width: 727px;
        background: transparent url('../images/side_back.png') repeat top center;
        min-height: 60px;
	overflow: auto;
	padding: 10px;
        border: 0px solid #000;
        }
#project p {
        margin: 0 0 0 10px;
        text-align: left;
        line-height: 30px;
        letter-spacing: -1px;
        }
#project_image {
	width: 180px;
	float: left;
        margin: 0 0 0 0px;
	text-align: center;
        }
#project_image a { font-size: 10px; }
html>body #project_image a { font-size: 14px; }

#project_content {
        margin: 0 0 0 0px;
	width:  490px;
        min-height: 60px;
	float: right;
        text-align: left;
        line-height: 12px;
        letter-spacing: 0px;
	color: #e7e6e3;
	padding: 6px;
        border: 1px solid #333333;
        }
#project_testimonial {
	background: #000; 
	padding: 5px; 
	color:#dad7d2; 
	font-style: italic;
	font-size: 12px;
}


#body_content {
        background: #ffffff url('images/body_back.jpg') repeat-x bottom center;
        width: 936px;
        min-height: 407px;
        margin: 30px auto;
        padding: 0px;
        text-align: center;
}




#footer {
	background: transparent;
        padding: 0 0 10px 0;
        margin: 10px auto;
        width: 1000px;
        left: 0%;
	font-family: arial; color: #ffffff; font-size: 10px;
        border: solid 0px #fa8730;
	color: #8a8989;
	text-align: left;
}

#footer a {font-family: arial; color: #ffffff; font-size: 10px; text-decoration: underline; }



/*
*	Menu Items	
*/
ul.cssmenu {
	list-style: none;
	padding: 0px;
	}

.displace {
	position: absolute;
	left: -5000px;
	}

ul.cssmenu li {
	float: left;
	}

ul.cssmenu li a {
	display: block;
	height: 15px;
	background: url('../images/N_menu.png');
	}

/*
*	Normal Links
*/
ul.cssmenu li.home a {
	width: 70px;
	background-position: 0 0;
	}

ul.cssmenu li.about a {
	width: 75px;
	background-position: -70px 0;
	}

ul.cssmenu li.portfolio a {
	width: 105px;
	background-position: -145px 0;
	}

ul.cssmenu li.contact a {
	width: 90px;
	background-position: -250px 0;
	}

/*
*	Hover Links
*/
ul.cssmenu li.home a:hover {
	width: 70px;
        background-position: 0 -15;
        }

ul.cssmenu li.about a:hover {
	width: 75px;
        background-position: -70px -15;
        }

ul.cssmenu li.portfolio a:hover {
	width: 105px;
        background-position: -145px -15;
        }

ul.cssmenu li.contact a:hover {
	width: 90px;
        background-position: -250px -15;
        }

/*
*	Clicked Links
*/
ul.cssmenu li.home a:active {
	width: 70px;
        background-position: 0 0;
        }

ul.cssmenu li.about a:active {
	width: 75px;
        background-position: -70px 0;
        }

ul.cssmenu li.portfolio a:active {
	width: 105px;
        background-position: -145px 0;
        }

ul.cssmenu li.contact a:active {
	width: 90px;
        background-position: -250px 0;
        }

/*
*	Selected/Active Links
*/
ul.cssmenu li.home a.selected {
	width: 70px;	
        background-position: 0 -15;
        }

ul.cssmenu li.about a.selected { 
	width: 75px;
        background-position: -70px -15;
        }

ul.cssmenu li.portfolio a.selected {
	width: 105px;
        background-position: -145px -15;
        }

ul.cssmenu li.contact a.selected {
	width: 90px;
        background-position: -250px -15;
        }