/*-----------------------------------------------------------------------------
Web Site:			Ace Acoustics

CteatedDate:		04.05.2009
Autor:				AnnaG

LastChangedDate:	19.05.2009
LastChangedBy:		AnnaG
-----------------------------------------------------------------------------*/

/* Importing sIFR styles */
@import url(sifr/sifr.css);

/* Importing generic styles */
@import url(generic/helper.css);

/* Importing navigation styles */
@import url(navigation/top.css);
@import url(navigation/primary.css);
@import url(navigation/secondary.css);
@import url(navigation/footer.css);

/* Importing Modules styles */
@import url(modules/blocks.css);
@import url(modules/forms.css);



/* =Typography
---------------------------------------- */
html, body{
	height: auto !important;
	height: 100%;
	min-height: 100%;
}

body {
	color: #3d3d3d;
	background: #474747;
	font-family: Arial, Verdana, sans-serif; 
	font-size: 62.5%;
	line-height: 18px;
	text-align: center;
}

p {
	margin: 0;
	padding: 1px 0 18px;
}

a			{color: #2093ca; text-decoration: underline; outline: none; }
a:visited	{color: #2093ca; text-decoration: underline; }
a:hover		{color: #bb2840; text-decoration: none; }
a:active	{color: #bb2840; }

.red		{color: #bb2840;}
.blue		{color: #2093ca;}
.dark-blue	{color: #175999;}

#nojs .page.hide	{display: block;}

/* =Headings
---------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	line-height: normal;
	padding:  0;
	padding:  1px 0 6px;
}
h1, .h1{
	color: #175999;
	font-size: 2em;
	font-weight: normal;
	padding:  1px 0 5px;
}
h1 a:link, h1 a:visited,
h1 a:hover, h1 a:active	{color: #175999; text-decoration: none;}

h2, .h2{
	color: #175999;
	font-size: 1.7em;
	font-weight: normal;
}
h2 a:link, h2 a:visited,
h2 a:hover, h2 a:active	{color: #175999; text-decoration: none;}

h3, .h3{
	color: #175999;
	font-size: 1.3em;
}
h3 a:link, h3 a:visited,
h3 a:hover, h3 a:active	{color: #175999; text-decoration: none;}

h4, .h4{
	color: #175999;
	font-size: 1.2em;
}
h4 a:link, h4 a:visited,
h4 a:hover, h4 a:active	{color: #175999; text-decoration: none;}

h5, .h5{
	color: #175999;
	font-size: 1em;
}
h5 a:link, h3 a:visited,
h5 a:hover, h5 a:active	{color: #175999;}

h6{
	color: #175999;
	font-size: 1em;
}
h6 a:link, h6 a:visited,
h6 a:hover, h6 a:active	{color: #175999; text-decoration: none;}



/* =Main container boxes
---------------------------------------- */
.container{
	position: relative;
	text-align: left;
}
.container.white {
	background: #fff url(/images/branding/general/white-content-bg.gif) repeat-x left top;
	border-bottom: 6px solid #2093ca;
}

.header {
	width: 952px;
	padding: 0;
	margin: 0 auto;
	font-size: 1.1em;
	position: relative;
	text-align: left;
	background:#FFFFFF url(/images/branding/general/white-content-bg.gif) repeat-x scroll left top;
	}
	#homepage .header {
		background:#E2E2E2 url(/images/branding/homepage/gray-content-home-bg.gif) repeat-x left top;
		}
.content-outer {
	background:#FFFFFF url(/images/branding/general/white-content-bg.gif) repeat-x scroll left -167px;
	width: 952px;
	margin: 0 auto;
	}
.content{
	background: url(/images/branding/general/content-bg.gif) no-repeat left top;
	width: 100%;
	position: relative;
	text-align: left;
	padding: 0 0 20px 0;
}
.secondary-content{
	font-size: 1.2em;
	width: 257px;
	padding: 22px 0 0;
	position: relative;
    float: left;
	text-align: left;
}
.primary-content{
	font-size: 1.2em;
	width: 668px;
	padding: 0 0 0 27px;
	position: relative;
    float: left;
	text-align: left;
}
.primary-content-inner{
	padding: 22px 36px 0 18px;
	position: relative;
}
.footer{
	color: #aaa;
	width: 916px;
	padding: 15px 18px;
	margin: -6px auto 0;
	text-align: left;
	border-top: 6px solid #2093CA;
}

/* =Content
---------------------------------------- */

/* =Lists ------------------------*/
.content ul, .content ol{	
	margin-left: 0px;
	margin: 0 0 18px 18px;
}
.content ul ul, .content ol ol{
	margin-bottom: 0;
	padding: 5px 0 0 0;
}
.content ul li, .content ol li{
	margin-left: 0px;
	padding: 0 0 5px 1px;
}
.content ul ul li, .content ol ol li{
	padding: 0 0 5px 1px;
	list-style-type:disc;
}

/* =Header
---------------------------------------- */
a.logo, a:visited.logo,
h1.logo {
	background: url(/images/branding/general/logo.gif) no-repeat right bottom;
	width: 274px;
	height: 51px;
	padding: 0 0 0 18px;
	margin: 31px 0 0;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
	display: block;
	float: left;
	}	
a.logo, a:visited.logo {
	cursor: pointer;
	}	
.contact {
	color: #2093ca;
	width: 530px;
	padding: 40px 18px 0 0;
	float: right;
	text-align: right;
	font-size: 1.2em;
	font-weight: bold;
	line-height: normal;
	}	
.contact strong{
	color: #434343;
	font-size: 2.2em;
	}	
.request-quote {
	height: 39px;
	padding: 10px 18px 0 0;
	}	
.request-quote a, .request-quote a:visited {
	background: url(/images/branding/general/request-quote-bg.gif) no-repeat right bottom;
	width: 190px;
	height: 39px;
	padding: 0;
	margin: 0;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
	display: block;
	float: right;
	cursor: pointer;
	}	

/* =Footer
---------------------------------------- */
.footer .fuse8-link {
	padding: 0 5px 0 0;
}
.footer a.createdBy,
.footer a.createdBy:hover,
.footer a.createdBy:visited {
	display: block;
	width: 88px; 
	height: 16px;
	overflow: hidden;
	text-decoration:none;
	text-indent:-999em;
	background: url(/images/branding/general/fuse8.gif) no-repeat left top;
	}
.footer a,
.footer a:visited {
    color: #fff;
    text-decoration: none;
}
.footer a:hover {
    color: #fff;
    text-decoration: underline;
}
.footer .iab-logo,
.footer .iso-logo {
    color: #fff;
	background: url(/images/branding/general/fuse8.gif) no-repeat right top;
	display: block;
	width: 160px; 
	padding: 5px 0 5px 60px;
    font-size: 1.1em;
	float: right;
}
.footer .iab-logo {
	background: url(/images/branding/general/footer-iab-logo.gif) no-repeat left top;
}
.footer .iso-logo {
	background: url(/images/branding/general/footer-iso-logo.gif) no-repeat left top;
}

