/**********************************************************************************************

	Title: CSS
	Author: dragon guard eas accessories factory
	Date: 2010

***********************************************************************************************

	1. Global Reset
	
	2. General Elements
	
	3. Layout
		3.1 Header
		3.2 Pitch
		3.3 portfolio
		3.4 Services
		3.5 We do
		3.6 Footer		
		
***********************************************************************************************/


/* 1. Global Reset
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, images, ins, kbd,q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

	ol, ul {
		list-style: none;
	}
	
	table {
		border-collapse: separate; 
		border-spacing: 0;
	}

	caption, th, td {
		text-align: left; 
		font-weight: normal;
	}
	h1, h2, h3, h4, h5, h6 {
		font-weight:normal;
	}

/* 2. General Elements
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

	body {
		font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
		font-size: 62.5%;
		line-height: 1.5;
		text-align: center;
		color: #4b4b4b;
		background: #000 url(http://www.dragon-guard.com/images/bg-page.jpg) center top no-repeat;
		padding-top: 188px;
		padding-bottom: 15px;
	}

	hr { 
		display: none;
	}
		
	strong {
		font-weight: bold;
	}
		
	em {
		font-style: italic;
	}
	
	address {
		font-style: normal;
	}

	input, textarea, select {
		font: 1em Arial, Helvetica, sans-serif;
	}

	a {
		color: #4C7B9E;
		text-decoration: none;
		outline: none;
	}
	a:hover {
		color: #151515;
		text-decoration: none;
	}

	a:visited {}

	a:active {}
	


/* 3. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

	#accesibility {
		position:absolute;
		left:-999em;
	}
	#container {
		width: 980px;
		margin: 0 auto;
		text-align: left;
		font-size: 1.3em;
		background:#fff;
	}
	.clearer {
		clear:both;
	}
	div.header-figure{
		background: url(http://www.dragon-guard.com/images/figure-header.png) left top no-repeat;
		position:relative;
		overflow:hidden;
		width: 980px;
		margin: 0 auto;
		display: block;
		height: 6px;
	}

/* 3.1 HEADER
------------------------------------------------------------------------------------------------ */
#header {
	background:#f5f5f5 url(http://www.dragon-guard.com/_ui/css/bg-header.gif) left top repeat-x;
	position:relative;
	overflow:hidden;
}
	
		h1#logo a{
		display: block;
		width:283px;
		height:32px;
	}
	/* 3.1.1 MENU
	-----------------------------------------*/
	#main_menu {
		float:right;
		display:inline;
		margin-top:20px;
		width:980px;
		border-bottom:1px solid #c7c7c7;
	}
		#main_menu li {
			float:left;
		}
		#main_menu li.fist_element {				
			padding-left:1px;
			margin-left:342px;
			display:inline;
			background:url(http://www.dragon-guard.com/_ui/css/bg-menu_separator.gif) -1px bottom no-repeat;
		}
		#main_menu a {
			float:left;
			background:#ececec url(http://www.dragon-guard.com/_ui/css/bg-menu_separator.gif) right bottom no-repeat;
			color:#4b4b4b;
			text-transform:uppercase;
			font-family:Arial, Helvetica, sans-serif;
			padding:6px 14px;
			text-decoration:none;
		}
		#main_menu a:hover {
			background:url(http://www.dragon-guard.com/_ui/css/bg-menu_separator-hover.gif) right bottom no-repeat;
		}
		#main_menu a.selected {
			background:url(http://www.dragon-guard.com/_ui/css/bg-menu_separator-active.gif) right bottom no-repeat;
			position:relative;
			top:1px;
			padding-bottom:7px;
			padding-top:5px;
		}
	#submenu {
		clear:both;
		background:#e4edf5;
		border-bottom:1px solid #c7c7c7;
		overflow:hidden;
		text-align:right;
		width:955px;
		padding-right:25px;
	}
		#submenu ul {
			float:right;
		}
		#submenu li {
			float:left;
		}
		#submenu li a {
			text-transform:uppercase;
			font-family:Arial, Helvetica, sans-serif;
			font-size:0.849em;
			color:#757575;
			text-decoration:none;
			float:left;
			padding:4px 10px 2px 5px;
			position:relative;
		}
		#submenu.many li a {
			padding:4px 7px 2px;
		}
		#submenu li a:hover {
			color:#5381a4;
		}
		#submenu li a.selected {
			color:#5381a4;
			background:url(http://www.dragon-guard.com/_ui/css/icn-submenu-hover.gif) center bottom no-repeat;
		}
	body.homepage #submenu{
		display: none;
	}		

/* 3.2 PITCH
------------------------------------------------------------------------------------------------ */		
#pitch {
	/*border-top:1px solid #fff;*/
	


	
	}
	#pitch dl{
		position: absolute;
		bottom: 15px;
		left: 43px;
		overflow: hidden;
	}
	#pitch dl dt{
		position: absolute;
		left: -1000em;
	}
	#pitch dl dd{
		float: left;
		width: 230px;
		padding: 0 10px 5px 0;
	}
	#pitch dl dd.business{
		padding-right: 0px;
		width: 210px;
	}
	#pitch dl dd.pitch-services{
		float: none;
		width: 900px;
		margin-left: -3px;
	}
	#pitch dl dd.envinronment{
		margin-left: -10px;
		display: inline;
		padding-right: 20px;
	}
	#pitch dl dd a{
		color: #778c49;
		font-size: 1.4em;
		font-weight: normal;
	}
	#pitch dl dd a:hover{
		color: #697c41;
	}

	
	
	#pitch a.explore:hover{
		background-position: left bottom;
	}/* 3.3 PORTOFOLIO
------------------------------------------------------------------------------------------------ */
#portfolio {
	background:url(http://www.dragon-guard.com/_ui/css/bg-portfolio.gif) left top repeat-x;
	overflow:hidden;
	padding-bottom:20px;
}
	#portfolio li {
		float:left;
		width:245px;
		text-align:center;
		background:url(http://www.dragon-guard.com/_ui/css/bg-portfolio-separator.gif) right 50% no-repeat;
	}
	#portfolio h3 {
		font-size:1.6em;
		margin-top:20px;
	}
	#portfolio p {
		margin:0 35px;
		line-height:16px;
	}
	#portfolio img {
		margin:5px auto 15px;
		display:block;
	}
	
	
	
/* 3.4 SERVICES
------------------------------------------------------------------------------------------------ */
#services {
	background:#f5f5f5 url(http://www.dragon-guard.com/_ui/css/bg-services.gif) left top repeat-x;
	overflow:hidden;
}
	#our_style {
		float:left;
		display:inline;
		background:#ebecec url(http://www.dragon-guard.com/_ui/css/bg-our_style.gif) left top repeat-x;
		border:1px solid #fff;
		width:365px;
		margin:34px 24px;
	}
	#our_style img {
		display:block;
		margin:17px auto;
	}
	#our_style h4 {
		font-size:1.44em;
		margin:0 17px 6px;
		font-weight:bold;
	}
	#our_style p {
		margin:0 17px 17px;
	}
	#our_style a {
	
	#services h3 {
		font-size:2em;
		margin-top:34px;
	}
	#services ul {
		margin-right:30px;
	}
	#services li {
		background:url(http://www.dragon-guard.com/_ui/css/bg-service_separator.gif) center bottom no-repeat;
		padding:20px 0 23px;
		overflow:hidden;
	}
		#services li.last_element {
			background:none;
		}
	#services li h4 {
		font-size:1.30em;
		margin-bottom:4px;
	}
	#services li img {
		float:left;
		margin-right:30px;
	}

	
/* 3.5 WE DO
------------------------------------------------------------------------------------------------ */
#we_do {
	background:#f5f5f5 url(http://www.dragon-guard.com/_ui/css/bg-services.gif) left top repeat-x;
	overflow:hidden;
	padding-top:34px;
}
	#we_do li {
		float:left;
		width:245px;
		background:url(http://www.dragon-guard.com/_ui/css/bg-we_can-separator.gif) right 50% no-repeat;
	}
	#we_do li h4 {
		font-size:1.30em;
		font-weight:bold;
		margin:0 23px 12px;
	}
	#we_do li p {
		margin:0 23px 17px;
	}
/* 3.6 FOOTER
------------------------------------------------------------------------------------------------ */	
#footer {
	background:#151515;
	border:1px solid #2b2b2b;
	padding:20px 0 17px;
	color:#bababa;
	overflow:hidden;
}
	#footer .quick_portfolio {
		float:left;
		width:190px;
		background:url(http://www.dragon-guard.com/_ui/css/bg-footer_separator.gif) right 50% no-repeat;
	}
	#footer h3 {
		text-transform:uppercase;
		font-weight:bold;
		font-size:1.3em;
		margin-bottom:13px;
	}
	#footer .quick_portfolio h3,
	#footer .quick_portfolio a {
		margin-left:25px;
	}
	#footer .quick_portfolio a {
		height:117px;
		width:137px;
		display:block;
		text-indent:-9999px;;
		background:url(http://eas.cc/images/companysecurity.jpg) top left no-repeat;
	}
		#footer .quick_portfolio a:hover {
		height:117px;
		width:137px;
		display:block;
		text-indent:-9999px;;
		background:url(http://eas.cc/images/companysecurity.jpg) top left no-repeat;
	}
	#footer .quick_menu {
		width:337px;
		float:left;
		background:url(http://www.dragon-guard.com/_ui/css/bg-footer_separator.gif) right 50% no-repeat;
	}
	#footer .quick_menu ul,
	#footer .quick_menu h3 {
		margin-left:25px;
	}
	#footer .quick_menu li {
		float:left;
		width:150px;
	}
	#footer .quick_menu a {
		color:#9c9c9c;
		text-transform:uppercase;
		text-decoration:none;
		font-size:85%;
	}
	#footer .quick_menu a:hover {
		color:#fff;
	}
	#footer .quick_action {
		float:right;
		width:422px;
		margin-right:25px;
		text-align:right;
	}




	#footer .quick_action .copyright {
		text-transform:uppercase;
		color:#515151;
		font-size:85%;
	}
	span.figure-footer{
		background: url(http://www.dragon-guard.com/_ui/css/footer-earth.jpg) left top no-repeat;
		position:relative;
		overflow:hidden;
		width: 980px;
		margin: 0 auto;
		display: block;
		height: 81px;
	}

/* 3.2 PITCH
------------------------------------------------------------------------------------------------ */		
#pitch {
	/*border-top:1px solid #fff;*/
	


	}
	#media .other_links li h3 {
		padding-left:110px;
		font-size:1.3em;
		font-weight:bold;
		margin-bottom:5px;
		margin-top:20px;
	}
	#media .other_links li h3 span {
		font-size:.9em;
	}
	#media .other_links li p {
		padding-left:110px;
		font-size:.95em;
		padding-right:20px;
	}
	#media .other_links li span.download {
		display:block;
		background:url(http://www.dragon-guard.com/_ui/css/bg-legal-bottom.gif) left bottom no-repeat;
		padding-right:25px;
		padding-bottom:10px;
		text-align:right;
	}
	#media .other_links li span.download a {
		color:#6c6c6c;
		text-decoration:underline;
		font-weight:bold;
		font-size:1.1em;
	}
	#media .other_links li span.download a:hover {
		color:#000;
	}