/* A few IE bug fixes */
* {margin:0; padding:0; color:#ddd; font-family:Arial, Helvetica, sans-serif; letter-spacing:.2px;}
* html ul ul li a { height: 100%; }
* html ul li a { height: 100%; }
* html ul ul li { margin-bottom: -1px; }
a img {border:none;}
.hide {display:none;}

h2 {margin:0 0 10px; padding:0; line-height:1em; font-weight:normal; letter-spacing:1px; font-size:18px;}
		
a {text-decoration:none; color:#ddd; outline:none;}
a:hover, #currentpage {color:#CACA66}

p, p a {font-size:13px; line-height:1.7em; margin-bottom:10px;}
		
.clear {clear:both;}

body {background:#252525 url(images/tile.jpg) repeat-y; width:100%; height:100%;}

#headerContainer {width:100%; background:#caca66;}
#logo {background:url(images/html-tile.jpg); width:918px; height:140px; border-right:1px solid #A6A6A6;}
#logo img {margin:60px 0 0 50px; width:339px; height:22px;}

#bodyContainer {background:#252525 url(images/body-tile.jpg) repeat-y; width:100%;border-top:1px solid #A6A6A6; border-bottom:1px solid #A6A6A6;}

#mainContent {width:557px; margin-left:220px; padding:70px;}
#mainContent ul {list-style:inside; font-size:12px;}
#mainContent ul li {margin:0 0 7px;}

#navigation {width:120px; float:left; text-align:right; padding:73px 50px;}
#navigation ul {list-style:none; letter-spacing:1px;}
#navigation ul li {margin-bottom:35px; font-size:12px;}
#navigation ul li ul li {margin:10px 0; font-size:10px;}

#footerContainer {width:697px; margin-left:221px; text-align:center; padding:50px 0;}
#footerContainer p, #footerContainer p a {font-size:11px; letter-spacing:1px;}

		/* Some list and link styling */
		ul li { }
		ul ul li {padding: 0;margin-bottom: 0; }
		ul ul li a { display:block;}
		ul ul li a:hover { display:block;}
		/* For the xtra menu */
		ul ul ul li {padding: 0; margin-bottom: 0; }
		ul ul ul li a { display:block;}
		ul ul ul li a:hover { display:block;}

		/* Header links styling */
		a.head {display:block;}
		a:hover.head {color:#CACA66}
		a.selected {color:#CACA66}
		a:hover.selected {color:#CACA66}

		
/* -----HOME PORTFOLIO STUFF----- */
.portfolio_container {width: 555px; position: relative; border:1px solid #000; margin-bottom:20px; background:#000 url(images/ajax-loader.gif) center no-repeat}
.portfolio ul, 
.portfolio li{margin:0;padding:0;list-style:none;}
.portfolio, 
.portfolio li{ width:555px;height:350px;overflow:hidden;}
span#prevBtn a,
span#prevBtn a:link,
span#prevBtn a:visited,
span#nextBtn a,
span#nextBtn a:link,
span#nextBtn a:visited {margin: 0; cursor: pointer; position: absolute; z-index: 2000; height: 46px; width: 46px; border: none;}
span#prevBtn a {top:150px; left: -25px; background: url(images/navbuttons-trans.png) top right no-repeat;}
span#nextBtn a {top:150px; right:-25px; background: url(images/navbuttons-trans.png) top left no-repeat;}
span#prevBtn a:hover {background: url(images/navbuttons-trans.png) -46px -46px no-repeat;}
span#nextBtn a:hover {background: url(images/navbuttons-trans.png) 0px -46px no-repeat;}
span#prevBtn a:active {background: url(images/navbuttons-trans.png) bottom right no-repeat;}
span#nextBtn a:active {background: url(images/navbuttons-trans.png) bottom left no-repeat;}

/* ----FORM STUFF---- */
#contact {margin-top:20px;}
input, textarea {background:#444; margin-bottom:20px; padding:10px; font-size:20px; color:#eee;  border:1px solid #555;}
input.input {width:300px}
textarea {width:500px; height:150px;}
#submit_btn {cursor:pointer; border:1px solid #e1e18c; text-decoration:none; background:#CACA66; font-size:12px; font-weight:bold; color:#787822; padding:8px 20px; letter-spacing:1px;}
#submit_btn:hover {color:#333;}