/* IE min-width
-----------------------------------------*/
* html #container { width: 777px; }

/* General
-----------------------------------------*/
*			{ margin: 0; padding: 0;}
body 		{ background: #131313 url("../images/body-tile.gif"); padding: 20px; font: normal 14px Helvetica, Arial, Verdana, "Sans-Serif"; color: #fff; text-align: center }
form		{ margin:0; padding: 0;}
img			{ border: 0; margin: 0; }
p, td, div, a {font-size: 14px; color: #dfdfdf}
a			{ white-space: normal }
a:link, a:active, a:visited { color: #AEEFFF }
a:hover { text-decoration: none; }


/* Layout
-----------------------------------------*/
#container { width:777px; margin: 0 auto; text-align: left; margin-top:15px;}
#container p { text-align: left; line-height: 1.8em; margin: 0 0 1.2em; }
#header	{ width:100%; height:105px; background: #000; }
#logo	{ float:left; display:block; padding:30px 0px 0px 35px; }
#content { text-align:left; width:100% }


/* Footer
-----------------------------------------*/
#footer	{ width: 100%; height:55px; font-size: 12px; color: #fff;}
#footer .copyright { float:right; font-size:12px; margin: 15px 20px 0 0; display: inline; }
#footer .links { float: left; font-size:12px; margin: 15px 0 0 25px; display: inline;}
#footer a:link { color: #fff; }
#footer a:visited { color: #fff; }
#footer a:hover { text-decoration: none; }


/* Headers
-----------------------------------------*/
h1	{ font-size: 16px; color: #fff}
h2	{ font-size: 16px; margin-bottom: 2px; color: #b2e7ff }
h3	{ font: bold 1.1em Arial;margin-top: 15px; margin-bottom:5px; }
.h-underlined { width: 85%; border-bottom: 1px solid silver; margin-bottom: 10px; margin-top: 15px; }



/* Main Menu
-----------------------------------------*/
#menu { float: left; height: 35px; margin: 48px 0 0 40px; padding: 0; list-style: none; border: 0px solid red; color: #fff; }
#menu li { float: left; margin: 0; padding: 0; background-image: none; line-height: normal; text-indent: 0; }
#menu li a, #menu li strong { display: block; height: 25px; float: left; background-repeat: no-repeat; background-position: 0 0; border-width: 0; text-indent: -10000px; text-decoration: none }
#menu li strong { background-position:0 -30px; }
#menu li a:hover { background-position:0 -30px; }
#menu li a:focus    { outline: 0; background-position:0 -30px; }

#menu ul { padding:0 45px; }
#m0 a, #m0 strong { width:80px; margin-left: 0px; background:url("../images/menu/home.gif"); }
#m1 a, #m1 strong { width:80px; margin-left: 15px; background:url("../images/menu/about.gif"); }
#m2 a, #m2 strong { width:80px;margin-left: 20px; background:url("../images/menu/portfolio.gif"); }
#m3 a, #m3 strong { width:80px; margin-left: 20px; background:url("../images/menu/contact.gif"); }

/* Page 
-----------------------------------------*/
#homecontent		{ width: auto; background-color: #0e0e0e; padding: 20px 25px 5px 35px; }
#maincontent		{ width: auto; min-height: 350px; height:auto !important; height:350px; background-color: #0e0e0e; padding: 20px 25px 20px 35px; }


/* Misc
-----------------------------------------*/
hr			{ border:0; height: 1px; width: 90%; background-color: silver; margin: 10px 0; }
.required   { font-weight: bold; border: 1px solid red; padding:10px; background-color: #F8F8F8; width:80%;}