/* -------------------------------------

TOC

1 - Global Reset and default settings
2 - Structural elements
3-  Navigation
4 - Heading, Typography, Links
5 - General Styles

----------------------------------------*/

/* 1 - Global Reset and default settings
---------------------------------------------------------------------------------------------------------------*/
	
	body * {margin:0; padding:0} 
	img, object {border:0;}
	body {text-align:center; font-size:62.5%; font-family:Verdana, Arial, Helvetica, sans-serif; color:#fff; background-color:#000; padding:0; margin:0}

/* 2 - Structural elements
---------------------------------------------------------------------------------------------------------------*/
	
	#wrapper {margin:10px auto 0 auto; text-align:left; width:715px}
		#content {width:686px; font-size:1.0em;  position:relative; float:left}
			#top {background:url(../img/top.gif) transparent 0 0 no-repeat; width:686px; height:20px; overflow:hidden}
			
			#middle {background:url(../img/middle.gif) transparent 0 0 repeat-y; width:686px}
				#grid {background:url(../img/grid.gif) transparent 10px 20px repeat; width:623px; margin-left:27px}
				#designservice #grid {background:url(../img/designbg.png) transparent bottom right no-repeat; width:623px; margin-left:27px}
				#designservice2 #grid {background:url(../img/designbg2.png) transparent bottom right no-repeat; width:623px; margin-left:27px}
				#inner-top {background:url(../img/top-inner.gif) transparent 0 0 no-repeat; width:623px; height:15px; overflow:hidden}
				#inner-middle {background:url(../img/middle-inner.gif) transparent 0 0 repeat-y; width:623px}
				
				#info {/*padding:0 20px 0 20px; */min-height:385px; width:583px; margin:0 0 0 15px}
				* html #info {height:385px}
				#inner-bottom {background:url(../img/bottom-inner.gif) transparent 0 0 no-repeat; width:623px; height:15px; overflow:hidden}
			#bottom {width:686px; height:50px; overflow:hidden}
	
/* 3 - Navigation
---------------------------------------------------------------------------------------------------------------*/
	
	#nav-primary {float:left; width:29px; margin:40px 0 0 0; display:inline}
		#nav-primary ul {list-style-type:none}
		#nav-primary li {width:29px; margin:0 0 24px 0}
	
	#nav-secondary {margin-top:0}
		#nav-secondary ul {list-style-type:none; margin:0 0 0 50px}
		#nav-secondary li {float:left; margin:0 20px 0 0}
	
/* 4 - Heading, Typography, Links
---------------------------------------------------------------------------------------------------------------*/
	
	#logo {margin:-10px 0 20px 0}
	
	h1 {position:absolute; bottom:60px; left:50px}
	#home h1 {bottom:85px}
	
	p {margin-bottom:10px; font-size:0.9em; line-height:1.2; text-transform:uppercase}

/* 4 - Gallery
---------------------------------------------------------------------------------------------------------------*/

	#gallery {width:605px; overflow:visible; margin:5px 0 0 0}
	* html #gallery {}
		#gallery ul {list-style-type:none; overflow:auto; width:257px; float:left; margin:0 0 0 2px}
		#gallery li {float:left; margin:0 0 20px 0; width:64px; text-align:right}
		#gallery .imgNo {width:16px; float:left; font-size:8px; position:relative; margin-top:5px}
		#gallery .imgNo span {display:block}
		#gallery img {float:left; border:solid 1px #fff; margin:0 0 0 2px}
		#gallery .last {margin-right:0;}
		#gallery .botrow {margin-bottom:0;}
		#gallery #mainphoto {float:left; width:324px; border:solid 1px #fff; margin:0 0 0 -2px}
		#gallery #desc {float:left; width:10px }
	#desc {float:left; height:240px; position:relative; margin:0 0 0 2px}
	#desc .imgNo {font-size:10pt; font-weight:bold; position:absolute; bottom:0}
	#imagenav {margin-top:10px; text-align:right}
	#imagenav ul {list-style-type:none}
	#imagenav li {display:inline}
	#galleryintro {font-size:0.8em; margin:0}
	
	#gallerydesc {width:581px; text-transform:uppercase}
	#galleryintro {width:257px; float:left; text-align:right; margin-top:7px}
	#gallerytitle {width:324px; float:left; text-align:right; font-size:1.2em; letter-spacing:0.4em}
	
	#designservice2 #templates {list-style-type:none}
	#designservice2 p {width:300px; margin:0 0 20px 0}
	#designservice2 #templates li {float:left; width:130px;text-align:center; text-transform:uppercase; margin-right:10px}
	#designservice2 #templates li img {margin-bottom:15px}
	#designservice2 #templates li strong {display:block}
	#designservice2 h2 {text-transform:uppercase; margin-bottom:10px; font-size:1.3em}
	#designservice h1 {font-size:1.0em; float:left; text-transform:uppercase; font-weight:normal}
	#designservice h1 img {float:left}
	#designservice h1 span {float:left; padding:30px 0 0 10px}
	#designservice h1 span a {color:#fff; text-decoration:none; font-weight:bold}
	#designservice h1 span a:hover {text-decoration:underline}
	
/* 5 - General Styles
---------------------------------------------------------------------------------------------------------------*/
	#lr {overflow:auto}
	.l {float:left; width:337px}
	.r {float:left; width:238px}
	
	
	
	/* Clearing Styles */
		.clearleft{clear:left}
		.clearright{clear:right}
		.clearboth{clear:both}
		
	/* CSS clearing */	
		.clearing:after {content: "."; display:block; height: 0; clear: both; visibility: hidden}
		.clearing {display: inline-table; height:1%}
		/* Hides from IE-mac \*/
		* html .clearing {height: 1%}
		.clearing {display: block}
		/* End hide from IE-mac */