/*	-------------------------------------------------------------
	Project Name   Pixel Development
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	.version        1.0
	.updated       22-01-2009
	-------------------------------------------------------------	
	-------------------------------------------------------------
	+ Page structure +
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	+ Resets
	+ Main layout
	+ Forms
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

/*	-------------------------------------------------------------
	1. Rests
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, table, th, td { margin:0; padding:0; }
.clear { clear:both; }
html { height:100%; }
h1 { font-size:2.6em; }
h2 { font-size:2.2em; }
h1 { font-size:1.6em; }
h1 { font-size:1.2em; }
p { text-align:justify;}

body { background:#2d2c28 url(images/bg.gif) repeat-x top; font-family:Arial, Helvetica, sans-serif; font-size:65%; color:#fefefe; }
#wrapper { margin:0 auto; width:945px; display:block; padding-top:25px; }

/*  Header */
#Header { width:945px; display:block; padding-bottom:10px; }
#Header .Logo { width:260px; display:block; }
#Header .Logo a { display:block; height:47px; width:43px; background:#a39e7e url(images/logo.gif) no-repeat; text-indent:-9999px; margin:0 auto; }
#Header .Logo h1 { color:#e7e5db; margin:0 auto; font-size:2.6em; }
#Header .Logo h1 span, #Header .Logo acronym { color:#99958a; }
#Header .Logo acronym { font-size:1.2em; text-align:right; padding-left:80px; }

/*  Nav Bar */
#Nav { float:right; }
#Nav ul { list-style:none; }
#Nav ul li { float:left; display:inline; }
#Nav ul li a { text-decoration:none; display:block; font-size:1.6em; color:#fefefe; font-weight:700; padding:8px 10px 8px 10px; }
#Nav ul li a:hover { background:#22211d; }

/*  Banner SLider */
#Banner { border:8px solid #e3e3e3; background:#FFF url(images/load.gif) no-repeat center center; width:920px; padding:5px; height:225px; }
#Banner img { margin:0 auto; display:block; }
#Body { display:block; margin:0 auto; }
#Body .Contents { width:580px; float:left; }
#Body h2 { padding-bottom:15px;}
#Body .Contents .Tex-Block { padding:15px 0 30px 0; }
#Body .SideBar { width:340px; float:left; margin-left:25px; padding-top:15px; }

/*  Rounded Corners */
.rounded { background: #22211d; padding: 20px; }
.rounded1 { background: #22211d url(images/top_right.gif) no-repeat top right; width:100%; }
.rounded3 { background:url(images/top_left.gif) no-repeat top left; }
.rounded2 { background:url(images/bottom_right.gif) no-repeat bottom right; }
.rounded4 { background:url(images/bottom_left.gif) no-repeat bottom left; padding: 10px; }

/* Banner Slider*/
#slider { width: 920px;  height: 224px; position: relative;  overflow: hidden; }
#slider1 { width: 920px;  height: 300px; position: relative; overflow: hidden;  }
#sliderContent, #slider1Content { width: 920px;  position: absolute; top: 0; margin-left: 0; }
.sliderImage, .slider1Image { float: left; position: relative; display: none; }
.sliderImage span { position: absolute;padding: 10px 13px; width: 920px; background-color: #000; filter:alpha(opacity=70);
-moz-opacity: 0.7;-khtml-opacity: 0.7;opacity: 0.7;color: #fff; display:none; }
.slider1Image span { position: absolute;padding: 10px 13px; width:694px; background-color: #000; filter: alpha(opacity=50); -moz-opacity: 0.5;
-khtml-opacity: 0.7; opacity: 0.5; color: #fff; display: none; }
.sliderImage span strong, .slider1Image span strong { font-size: 14px; }
.top { top: 0; left: 0;}
.bottom { bottom: 0; left: 0; }
.left { top: 0; left: 0; width: 110px !important; height: 280px; }
.right { right: 0; bottom: 0; width: 90px !important; height: 290px; }

/* Latest Works*/
#Body .SideBar .Works {  float:left; width:135px; margin:8px; display:inline;}
#Body .SideBar .Works img { border:5px solid #78756c;}
#Body .SideBar .Works h3 { font-size:1.2em; padding:5px 0 3px 0;}
#Body .SideBar .Works a { color:#78756c; display:block; }

#Body .Contents ul.Features{ list-style:none;}
#Body .Contents ul.Features li{ background:url(images/arrow.gif) no-repeat left center; padding-left:15px; display:block; margin:7px 0 5px 7px; font-size:1.4em;}


/* Footer*/
#Footer { background:#22211d; height:130px; display:block; margin:50px auto; }
#Footer p{ margin:0 auto; width:310px; text-align:center; padding-top:40px; font-size:1.2em;  }
#Footer p a{  color:#fefefe; text-decoration:none; }
#Footer p a:hover{  color:#f0f0f0; text-decoration:underline; }