/* 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;
	outline: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 16px;
	font-family: "Courier New", Courier, monospace;
	color: #CCCCCC;
}

	ol, ul {
		list-style: none;
	}
	
	table {
	border-collapse: separate;
	border-spacing: 0;
	background-repeat: repeat-y;
	background-position: left top;
	}

	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 center top no-repeat;
		padding-top: 0px;
		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 {
	}
	a:hover {
	}

	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-image: url(../../images/black.png);
	font-family: "Times New Roman", Times, serif;
	color: #CCCCCC;
	}
	.clearer {
		clear:both;
	}
	div.header-figure{
		background: url(_ui/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(_ui/images/bg-header.gif) left top repeat-x;
	position:relative;
	overflow:hidden;
}
	h1#logo {		
		position:absolute;
		width:283px;
		height:32px;
		top:11px;
		left:25px;
		text-indent:-9999em;
		background:url(_ui/images/logo-studio7designs.gif) left top no-repeat;
	}
	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(_ui/images/bg-menu_separator.gif) -1px bottom no-repeat;
		}
		#main_menu a {
			float:left;
			background:#ececec url(_ui/images/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(_ui/images/bg-menu_separator-hover.gif) right bottom no-repeat;
		}
		#main_menu a.selected {
			background:url(_ui/images/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(_ui/images/icn-submenu-hover.gif) center bottom no-repeat;
		}
	body.homepage #submenu{
		display: none;
	}		

/* 3.2 PITCH
------------------------------------------------------------------------------------------------ */		
#pitch {
	/*border-top:1px solid #fff;*/
	height:568px;
	position:relative;
	clear:both;
	overflow:hidden;
	width:980px;
	top: 30px;
	background-image: url(/_ui/images/bg-pitch-home.jpg);
	background-repeat: no-repeat;
	background-position: left top;

}
	#pitch h1 {
		position:absolute;
		background:url(_ui/images/title-pitch.png) left top no-repeat;
		height: 64px;
		width: 904px;
		left: 40px;
		top: 55px;
		text-indent:-9999em;
		z-index: 100;
	}
	#pitch h2 {
		background:url(_ui/images/title-services.png) left top no-repeat;
		height: 29px;
		width: 303px;
		text-indent:-9999em;
		z-index: 100;
		margin-bottom: 20px;
	}
	#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{
		position: absolute;
		top: 187px;
		right: 42px;
		width: 115px;
		height: 32px;
		background:url(_ui/images/btn-explore.png) no-repeat left top;
		overflow: hidden;
		display: block;
		text-indent: -1000em;
	}
	#pitch a.explore:hover{
		background-position: left bottom;
	}/* 3.3 PORTOFOLIO
------------------------------------------------------------------------------------------------ */
#portfolio {
	background:url(_ui/images/bg-portfolio.gif) left top repeat-x;
	overflow:hidden;
	padding-bottom:20px;
}
	#portfolio li {
		float:left;
		width:245px;
		text-align:center;
		background:url(_ui/images/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;
	}
	a.btn-web_portfolio {
		background:url(_ui/images/btn-web_portfolio.gif) left top no-repeat;
		text-indent:-9999em;
		display:block;
		height:27px;
		width:130px;
		margin:0 auto;
	}
		a.btn-web_portfolio:hover {
			background:url(_ui/images/btn-web_portfolio.gif) left bottom no-repeat;
		}
	a.btn-print_portfolio {
		background:url(_ui/images/btn-print_portfolio.gif) left top no-repeat;
		text-indent:-9999em;
		display:block;
		height:27px;
		width:139px;
		margin:0 auto;
	}
		a.btn-print_portfolio:hover {
			background:url(_ui/images/btn-print_portfolio.gif) left bottom no-repeat;
		}
	a.btn-view_portfolio {
		background:url(_ui/images/btn-view_portfolio.gif) left top no-repeat;
		text-indent:-9999em;
		display:block;
		height:27px;
		width:139px;
		margin:0 auto;
	}
		a.btn-view_portfolio:hover {
			background:url(_ui/images/btn-view_portfolio.gif) left bottom no-repeat;
		}
	a.btn-logo_portfolio {
		background:url(_ui/images/btn-logo_portfolio.gif) left top no-repeat;
		text-indent:-9999em;
		display:block;
		height:27px;
		width:138px;
		margin:0 auto;
	}
		a.btn-logo_portfolio:hover {
			background:url(_ui/images/btn-logo_portfolio.gif) left bottom no-repeat;
		}
/* 3.4 SERVICES
------------------------------------------------------------------------------------------------ */
#services {
	background:#f5f5f5 url(_ui/images/bg-services.gif) left top repeat-x;
	overflow:hidden;
}
	#our_style {
		float:left;
		display:inline;
		background:#ebecec url(_ui/images/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 {
		background:url(_ui/images/btn-view_portfolio-large.gif) left top no-repeat;
		text-indent:-9999em;
		display:block;
		height:33px;
		width:165px;
		margin-bottom:20px;
		margin-left:181px;
	}
		#our_style a:hover {
			background:url(_ui/images/btn-view_portfolio-large.gif) left bottom no-repeat;
		}
	#services h3 {
		font-size:2em;
		margin-top:34px;
	}
	#services ul {
		margin-right:30px;
	}
	#services li {
		background:url(_ui/images/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;
	}
	#services li a.view_services {
		background:url(_ui/images/btn-view_services.gif) left top no-repeat;
		height:24px;
		width:114px;
		display:block;
		margin-top:17px;
		margin-left:186px;
		text-indent:-9999em;
	}
		#services li a.view_services:hover {
			background:url(_ui/images/btn-view_services.gif) left bottom no-repeat;
		}
/* 3.5 WE DO
------------------------------------------------------------------------------------------------ */
#we_do {
	background:#f5f5f5 url(_ui/images/bg-services.gif) left top repeat-x;
	overflow:hidden;
	padding-top:34px;
}
	#we_do li {
		float:left;
		width:245px;
		background:url(_ui/images/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(_ui/images/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(_media/images/portfolio_image.jpg) top left no-repeat;
	}
		#footer .quick_portfolio a:hover {
		height:117px;
		width:137px;
		display:block;
		text-indent:-9999px;;
		background:url(_media/images/portfolio_image.jpg) top left no-repeat;
	}
	#footer .quick_menu {
		width:337px;
		float:left;
		background:url(_ui/images/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 h3 {
		background:url(_ui/images/titl-phone_no.gif) left top no-repeat;
		width:405px;
		height:42px;
		text-align:left;
		margin-left:15px;
		margin-bottom:5px;
		text-indent:-9999em;
	}
	#footer .quick_action a {
		background:url(_ui/images/btn-request_a_quote.gif) left top no-repeat;
		height:35px;
		width:197px;
		text-indent:-9999em;		
		text-align:left;
		margin:20px 0 20px 225px;
		display:block;
	}
		#footer .quick_action a:hover {
			background:url(_ui/images/btn-request_a_quote.gif) left bottom no-repeat;
		}
	#footer .quick_action p.titl-we_provide_free {
		background:url(_ui/images/titl-we_provide_free.gif) right top no-repeat;
		text-indent:-9999px;
		height:17px;
		width:359px;
		text-align:left;
		margin-left:59px;
		margin-top:6px;
	}
	#footer .quick_action .copyright {
		text-transform:uppercase;
		color:#515151;
		font-size:85%;
	}
	span.figure-footer{
	position:relative;
	overflow:hidden;
	width: 980px;
	margin: 0 auto;
	display: block;
	height: 81px;
	background-image: url(/_ui/images/footer-earth.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}
/* =validation errors ----------------- */
div#errorDiv {
    color:#a33;
    background-color:#ffffe1;
    border:1px solid #a33;
    padding:6px 4px;
    margin:5em 0 2em 0;
	    }
div#errorDiv h3 {
    color:#a33;
    margin: 0 0 .4em 0;
    border:none;
    }
div#errorDiv p {
    margin:0 0 .4em 0;
    }

div.error span {
    color:#a33;
    font-weight:bold;
    }
form div span.error, table.display span.error {
    font-weight:bold;
    color:#a33;
    padding:0 4px;
    }
form input.error {
    border:2px solid #a33;
    }
/* =order form table ----------------- */

table.display {
	margin:1em 0;
	border: 1px solid #000000;
    }
table.display td  {
	text-align:left;
	vertical-align:middle;
	padding:6px 6px;
	border: 1px solid #034A12;
    }
table.display th	{
	text-align:center;
	font-size: 14px;
	padding:6px 8px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
  }
table.display th.first { 
    text-align:left;
    }
table.display td.qty,
table.display td.cur { 
    text-align:center;
	vertical-align:middle;
    }
table.display td.label { 
    text-align:right;
	    }
table.display td.total { 
    text-align:right; 
    font-weight:bold;
    padding-bottom:18px;
    }
table.display td.subtot { 
    text-align:right; 
    padding-bottom:18px;
    }
table.display input.cur { 
    text-align:right;
	
    }
#products_t {
	background-image: url(../../images/black_product.png);
	background-position: left;
	width: 890px;
	margin-left: 180px;
	text-indent: 15px;
}