/*-----------------------------------------------------------------------------
Web Site:			Adit North

CteatedDate:		17.06.2009
Autor:				AnnaG

LastChangedDate:	29.06.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/forms.css);
@import url(modules/blocks.css);


/* =Typography
---------------------------------------- */
html, body{
	height: auto !important;
	height: 100%;
	min-height: 100%;
}

body {
	color: #fff;
    background: #1e2835 url(/images/branding/general/content-bg.gif) repeat-x left top; 
	font-family: Arial, sans-serif; 
	font-size: 62.5%;
	line-height: 18px;
	text-align: center;
}

p, blockquote {
	margin: 0;
	padding: 1px 0 18px;
}

a			{color: #92cddc; text-decoration: none; outline: none; }
a:visited	{color: #92cddc; text-decoration: none; }
a:hover		{color: #eb33a1; text-decoration: underline; }
a:active	{color: #eb33a1; text-decoration: underline; }

.pink		{color: #eb33a1;}
.blue		{color: #92cddc;}

#js   .js {display: block;}
#nojs .js {display: none;}

#nojs .nojs {display: block;}
#js   .nojs {display: none;}

/* =Headings
---------------------------------------- */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	color: #fff;
	font-family: Arial, sans-serif; 
	line-height: normal;
	padding: 0;
	padding: 1px 0 6px;
}
h1, .h1{
	font-size: 2em;
	font-weight: normal;
	padding: 1px 0 12px;
}
h1 a:link, h1 a:visited {color: #fff; text-decoration: none; cursor: pointer;}
h1 a:hover, h1 a:active	{color: #eb33a1; text-decoration: none; cursor: pointer;}

h2, .h2{
	font-size: 1.7em;
	font-weight: normal;
}
h2 a:link, h2 a:visited {color: #fff; text-decoration: none; cursor: pointer;}
h2 a:hover, h2 a:active	{color: #eb33a1; text-decoration: none; cursor: pointer;}

h3, .h3{
    color: #92cddc;
	font-size: 1.4em;
	font-weight: normal;
}
h3 a:link, h3 a:visited {color: #92cddc; text-decoration: none; cursor: pointer;}
h3 a:hover, h3 a:active	{color: #eb33a1; text-decoration: none; cursor: pointer;}

h4, .h4{
	font-size: 1.3em;
	font-weight: normal;
}
h4 a:link, h4 a:visited {color: #fff; text-decoration: none; cursor: pointer;}
h4 a:hover, h4 a:active	{color: #eb33a1; text-decoration: none; cursor: pointer;}

h5, .h5{
	font-size: 1em;
}
h5 a:link, h5 a:visited {color: #fff; text-decoration: none; cursor: pointer;}
h5 a:hover, h5 a:active	{color: #eb33a1; text-decoration: none; cursor: pointer;}

h6{
	font-size: 1em;
}
h6 a:link, h6 a:visited {color: #fff; text-decoration: none; cursor: pointer;}
h6 a:hover, h6 a:active	{color: #eb33a1; text-decoration: none; cursor: pointer;}



/* =Main container boxes
---------------------------------------- */
.container{
	position: relative;
	text-align: left;
	min-width: 1002px;
}
.container.top {
    background: #e8e9e9 url(/images/branding/general/content-top-bg.gif) repeat-x left top; 
	border-bottom: 1px solid #fff;
}
.container-inner {
    background: url(/images/branding/general/content-shadow.png) no-repeat center top; 
}
.header{
    color: #9f9e9f;
	width: 970px;
	padding: 0px;
	margin: 0 auto;
	font-size: 1.1em;
	position: relative;
	text-align: left;
    z-index: 4;
}
.content{
    background: url(/images/branding/general/content-shadow-side.png) no-repeat center top; 
	text-align: left;
	font-size: 1.2em;
	width: 960px;
	min-height: 363px;
	padding: 0 21px 50px;
	margin: 0 auto;
	position: relative;
    z-index: 3;
}
.secondary-content{
	width: 220px;
	padding: 20px 0 0 10px;
	position: relative;
    float: left;
}
.primary-content{
	width: 692px;
	padding: 15px 10px 0 28px;
	position: relative;
    float: left;
}
.primary-content-top{
	width: 692px;
	height: 265px;
	padding: 0;
	position: relative;
}
.primary-content-left{
	width: 452px;
	padding: 20px 20px 0 0;
	position: relative;
    float: left;
}
.primary-content-right{
	width: 220px;
	padding: 20px 0 0;
	position: relative;
    float: left;
}
.footer-outer {
    background: url(/images/branding/general/content-bottom-bg.png) no-repeat center top; 
}
.footer{
    color: #9d9d9d;
    font-size: 1.1em;
	width: 960px;
	padding: 110px 0 50px;
	margin: 0 auto;
	text-align: left;
}

/* =Body classes
---------------------------------------- */
body.signup-body  {
	color: #fff;
	background: #314657;
	text-align: left;
}
.sign-up-outer {
	background: url(/images/branding/blocks/subscriber-bg.gif) repeat-x top left;
	font-size: 1.2em;
	width: 208px;
	height: 112px;
	padding: 10px 0 0 12px;
}
.sign-up-outer .h2{
	padding: 0;
}
.sign-up-outer p {
	padding: 0 0 7px;
}
.sign-up-outer div.text {
	background: url(/images/branding/blocks/sign-up-bg.gif) no-repeat 0 bottom;
	float: left;
	width: 100%;
}
.sign-up-outer div.text input.subscribe-text {
	background: none !important;
	border: none;
	float: left;
	width: 154px;
	height: 19px;
	padding: 0;
	margin: 2px 0 0 10px;
}
.sign-up-outer input.subscribe-button {
	background: url(/images/branding/blocks/button-sign-up.gif) no-repeat 0 bottom;
	border: none;
	cursor: pointer;
	float: left;
	width: 24px;
	height: 22px;
	padding: 0 4px;
	overflow: visible;
	vertical-align: middle;
}

/* =Content
---------------------------------------- */

/* =Lists ------------------------*/
.content ul, .content ol{	
	margin-left: 0px;
	margin: 0 0 18px 25px;
}
.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;
}

/* =Breadcrumbs
---------------------------------------- */
.breadcrumbs {
	padding: 0 0 20px;
    font-size: 0.9em;
}
.breadcrumbs span {
	background: url(/images/branding/markers/circle-white.gif) no-repeat center 6px;
	padding: 0 5px;
}

/* =Header
---------------------------------------- */
a.logo, a:visited.logo,
strong.logo {
	padding: 0;
	margin: 15px 0 0 32px;
	display: block;
	float: left;
}	
a.logo, a:visited.logo {
	cursor: pointer;
}	
.header .phone {
    font-size: 1.8em;
    width: 746px;
    padding: 55px 14px 0 0;
    text-align: right;
    line-height: normal;
	float: right;
}	
.header .phone strong{
    color: #2e3640;
    font-weight: bold;
}	
.header .slogan {
    font-size: 2.2em;
    width: 746px;
    padding: 0 14px 0 0;
    text-align: right;
    line-height: normal;
	float: right;
}	
.header .slogan strong{
    color: #eb33a1;
    font-weight: bold;
}	
	

/* =Footer
---------------------------------------- */
.footer .fuse8-link {
	padding: 0;
	float: right;
}
.footer a.createdBy{
	display: block;
	width: 100px; 
	height: 16px;
	overflow: hidden;
	background: url(/images/branding/general/fuse8.png) no-repeat right top;
	text-indent: -9999em;
}
.footer a,
.footer a:visited {
    color: #9d9d9d;
    text-decoration: none;
}
.footer a:hover {
    color: #9d9d9d;
    text-decoration: underline;
}