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

TOC

1 - Global Reset and default settings
2 - Structural elements
3-  Navigation
4 - Heading, Typography, Links
5 - Buttons
6 - 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
---------------------------------------------------------------------------------------------------------------*/

  /******************* Main Structure *******************/
	 #head {width:994px; margin:0 auto; background-color:#000; padding-top:10px}
	 #wrapper {width:994px; margin:0 auto; text-align:left; background-color:#000}
	 #content {width:994px; padding:10px 0 0 0}
	 #primary-content {float:right; width:775px; height:490px; font-size:1.0em}
	 	#home #primary-content, #contact #primary-content, #clients #primary-content {width:560px; margin-right:3px}
	 #secondary-content {float:left; width:160px; height:490px; position:relative; font-size:1.0em}
	 	#home #secondary-content, #contact #secondary-content, #clients #secondary-content {width:390px}
	 #extra {width:994px; margin:0 auto; text-align:right; background-color:#000; font-size:0.8em;}
	 
/* 3-  Navigation
---------------------------------------------------------------------------------------------------------------*/
	
	/* Primary Nav */
	#nav-primary {width:994px; background:url(../new/images/border-dotted.gif) #000 6px 3px repeat-x; padding:0 0 0 0} /* height required for Opera bug (margins collape on rollover) */
		#nav-primary ul {list-style-type:none; float:left; margin-top:10px; margin-left:433px}
		#nav-primary li {padding:0 10px; float:left; margin-right:1px; border-right:solid 1px #999; color: #75003b; font-size:1.2em;}
		#nav-primary li#last {padding-right:10px; border-right:none}
		#nav-primary a { color: #999; }
		#nav-primary a:hover {color:#fff;}


/* 4 - Heading, Typography, Links
---------------------------------------------------------------------------------------------------------------*/

	p {color: #fff; font-size:1.2em; margin-bottom:20px;}
	a {color: #999; text-decoration:none}
	a:hover {color:#fff;}
	h3 {font-size:1.1em; font-weight:normal}
    h4 {color: #fff; font-size:1.2em; margin-bottom:20px; text-align: justify; font-weight:normal;}	
/* 7 - General Styles
---------------------------------------------------------------------------------------------------------------*/
	
	.clientlist {list-style-type:none; margin-bottom:20px}
	.clientlist li, .clientlist a {margin-bottom:3px; color:#fff}
	.clientlist a:hover {text-decoration:underline}
	
	.contactlist {font-size:1.1em; margin-bottom:20px}
	.contactlist dt {float:left; clear:left; width:50px}
	.contactlist dd {float:left}
	.contactlist a {color:#fff}
	.contactlist a:hover {text-decoration:underline}
	
	#logo {float:left; margin-right:125px}	
	#head h1 {float:left; color:#333; font-style:italic; font-weight:normal; padding-top:10px}
	#head h1 strong {color:#666; font-weight:normal}
	#head h2 {float:right; color:#75003b; font-style:italic; padding-top:10px}
	
	
	.intro {padding-top:20px; border-top:solid 1px #75003b}
	
	#copyright {color:#696768}
		
	/* CSS clearing */	
		.clearing:after {content: "."; display:block; height: 0; clear: both; visibility: hidden}
		.clearing {display: inline-block}
		/* Hides from IE-mac \*/
		* html .clearing {height: 1%}
		.clearing {display: block}
		/* End hide from IE-mac */
		
	.clearleft {clear:left}
			
	/* Hide stuff */
		.skiplink {position:absolute; left:-9999px; top:-9999px; height:1px; font-size:1; line-height:0; overflow:hidden}