/* GENERAL SETTINGS */


* { 
	margin: 0;
	padding: 0;
	text-decoration: none;
}



a {
	color: #666;
	text-decoration: underline;
}


a:hover{
	color: #333;
}


img {
	border: none;
}


body {
	font-family: Arial, sans-serif;
	font-size: 62.5%;
	line-height: 180%;
	background: #032a49 url(../images/background.png) no-repeat scroll center top;
}

.header{
	margin: 60px 0 0 0;
	width: 980px;
	height: 133px;
	background: url(../images/header.png) no-repeat scroll center top;
	position: relative;
}

.wrap{
	width: 980px;
	margin: 0 auto;
}



/* TYPOGRAPHY */

h1.title_home{
	background-image: url(../images/title_home.png);
	width: 980px;
	height: 63px;
	font-size: 1px;
	text-indent: -999em;
}

h1.title_brand_control{
	background-image: url(../images/title_brand_control.png);
	width: 980px;
	height: 63px;
	font-size: 1px;
	text-indent: -999em;
}

h1.title_features{
	background-image: url(../images/title_features.png);
	width: 980px;
	height: 63px;
	font-size: 1px;
	text-indent: -999em;
}

h1.title_latest_news{
	background-image: url(../images/title_latest_news.png);
	width: 980px;
	height: 63px;
	font-size: 1px;
	text-indent: -999em;
}

h1.title_contact_us{
	background-image: url(../images/title_contact_us.png);
	width: 980px;
	height: 63px;
	font-size: 1px;
	text-indent: -999em;
}


h2{
	font-family: Arial, Verdana, sans-serif;
	font-weight: normal;
	font-style: normal;
	color: #eb008b;
	font-size: 1.8em;
	width: 523px;
	padding: 30px 40px 20px 30px;
	line-height: 130%;
}

p.copyright{
	font-size: 1.1em;
	font-weight: normal;
	color: #024f8e;
	text-align: center;
	margin-bottom: 20px;
}

.copyright a{
	color: #024f8e;
}

.copyright a:hover{
	color: #016fcb;
}

p{
	font-size: 1.2em;
	color: #666;
}


/* TOP NAV */

.nav_wrap{
	width: 553px;
	height: 41px;
	position: absolute;
	top:71px;
	right: 0px;
}


ul.nav{
	float: left;
	width: 100%;
	list-style: none;
}


ul.nav li{
	float: left;
}

ul.nav a#homepage{
	background: url(../images/nav_home.png) no-repeat 0 0;
	display: block;
	width: 109px;
	height: 41px;
}

ul.nav a:hover#homepage{
	background: url(../images/nav_home.png) no-repeat 0 -41px;
	display: block;
	width: 109px;
	height: 41px;
}

ul.nav a#brand_control{
	background: url(../images/nav_brand_control.png) no-repeat 0 0;
	display: block;
	width: 124px;
	height: 41px;
}

ul.nav a:hover#brand_control{
	background: url(../images/nav_brand_control.png) no-repeat 0 -41px;
	display: block;
	width: 124px;
	height: 41px;
}

ul.nav a#features{
	background: url(../images/nav_features.png) no-repeat 0 0;
	display: block;
	width: 96px;
	height: 41px;
}

ul.nav a:hover#features{
	background: url(../images/nav_features.png) no-repeat 0 -41px;
	display: block;
	width: 96px;
	height: 41px;
}

ul.nav a#latest_news{
	background: url(../images/nav_latest_news.png) no-repeat 0 0;
	display: block;
	width: 115px;
	height: 41px;
}

ul.nav a:hover#latest_news{
	background: url(../images/nav_latest_news.png) no-repeat 0 -41px;
	display: block;
	width: 115px;
	height: 41px;
}

ul.nav a#contact_us{
	background: url(../images/nav_contact_us.png) no-repeat 0 0;
	display: block;
	width: 109px;
	height: 41px;
}

ul.nav a:hover#contact_us{
	background: url(../images/nav_contact_us.png) no-repeat 0 -41px;
	display: block;
	width: 109px;
	height: 41px;
}



/* INTRO */

.intro{
	background: url(../images/heading_back.png) no-repeat top left;
	width: 980px;
	height: 93px;
}



/* MAIN COLUMN */

.content_wrap{
	float: left;
	background: url(../images/content_back.png) repeat-y scroll top center;
	width: 980px;
}


.content{
	width: 523px;
	padding: 0 40px 0 30px;
	float: left;
}

.content h3{
	font-size: 1.2em;
	font-weight: bold;
	color: #222;
}

.content p{
	padding-bottom: 15px;
}

.content a{
	color: #0086b8;
}

.content a:hover{
	color: #00739e;
}




p.contact{
	color: #eb008b;
	background-color: #fee9f5;
	border: solid 1px #ffd7ef;
	padding: 10px 25px 10px 15px;
}

.contact a{
	color: #eb008b;
}

.contact a:hover{
	color: #bc0f76;
}


h4{
	background: url(../images/bullet.gif) no-repeat 0 4px;
	padding: 0 0 0 13px;
	color: #0095cd;
	font-weight: normal;
	font-size: 1.2em;
}

p.answer{
	font-style: italic;
	padding: 0 0 8px 13px;
}

.content ul li{
	background: url(../images/bullet.gif) no-repeat 0 4px;
	padding: 0 0 2px 13px;
	color: #0095cd;
	font-weight: normal;
	font-size: 1.2em;
	list-style: none;
	list-style-image: none;
}

.content ul{
	margin: 0 0 8px 0;
}

p.list_header{
	font-style: italic;
	padding: 0 0 4px 0;
}


/* CONTACT FORM */

.form{
	width: 400px;
	margin: 5px 103px 0 30px;
	float: left;
	background-color: #eef6f9;
	padding: 15px 30px 30px 30px;
}

* html .form{
 display: inline;
}

.form_label{
	float: left;
	clear: left;
	color: #333;
	font-weight: bold;
	font-size: 1.2em;
	padding: 15px 0 3px 0;
}


input.form_name, input.form_email{
	border: 1px solid #d3dde0;
	height: 22px;
	width: 350px;
	float: left;
	clear: left;
	font-size: 1.4em;
	font-weight: normal;
	color: #666;
	font-family: Arial, sans-serif;
	padding: 8px 0 0 8px;
}

input:focus.form_name, input:focus.form_email{
	border: 1px solid #bcc7ca;
	color: #333;
}

textarea:focus.form_message{
	border: 1px solid #bcc7ca;
	color: #333;
}


textarea.form_message{
	border: 1px solid #d3dde0;
	height: 95px;
	width: 350px;
	float: left;
	clear: left;
	font-size: 1.4em;
	font-weight: normal;
	color: #666;
	font-family: Arial, sans-serif;
	padding: 8px 0 0 8px;
}


input.submit_button{
	float: left;
	clear: left;
	margin: 10px 0 0 0;
}


/* RIGHT COLUMN */

.callout_home{
	float: left;
	width: 387px;
	background: url(../images/callout_home.jpg) no-repeat top center;
	height: 360px;
	position: relative;
}

.callout_web_to_print{
	float: left;
	width: 387px;
	background: url(../images/callout_web_to_print.jpg) no-repeat top center;
	height: 360px;
	position: relative;
}

.callout_news{
	float: left;
	width: 387px;
	background: url(../images/callout_news.jpg) no-repeat top center;
	height: 360px;
	position: relative;
}


.callout_demo_site{
	float: left;
	width: 387px;
	background: url(../images/callout_demo_site.jpg) no-repeat top center;
	height: 195px;
	position: relative;
}

.callout_prinkk_in_action{
	float: left;
	width: 387px;
	background: url(../images/callout_prinkk_in_action.jpg) no-repeat top center;
	height: 195px;
	position: relative;
}

.callout_contact_us{
	float: left;
	width: 387px;
	background: url(../images/callout_contact_us.jpg) no-repeat top center;
	height: 360px;
	position: relative;
}

.callout_quote{
	float: left;
	width: 300px;
	margin: 0 0 0 30px;
}

.quote_orange p{
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 1.6em;
	color: #eb9500;
	font-weight: normal;
	font-style: normal;
	line-height: 140%;
	padding: 0 0 15px 0;
}

.quote_green p{
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 1.6em;
	color: #97b615;
	font-weight: normal;
	font-style: normal;
	line-height: 140%;
	padding: 0 0 15px 0;
}

.callout_quote cite{
	font-size: 1.1em;
	color: #999;
	font-style: normal;
}

.crossline{
	width: 327px;
	height: 5px;
	float: left;
	margin: 25px 0 25px;
	background: url(../images/crossline.gif) no-repeat 0 0;
}


p.callout_top{
	position: absolute;
	top: 64px;
	left: 122px;
	width: 200px;
	padding-bottom: 10px;
}

p.callout_email{
	position: absolute;
	top: 147px;
	left: 122px;
	width: 200px;
	padding-bottom: 10px;
}


p.callout_address{
	position: absolute;
	top: 236px;
	left: 122px;
	width: 200px;
	padding-bottom: 10px;
	line-height: 140%;
}

.top_button{
	position: absolute;
	top: 129px;
	left: 122px;
}


p.callout_bottom{
	position: absolute;
	top: 231px;
	left: 122px;
	width: 200px;
	padding-bottom: 10px;
}


p.callout_brand_control{
	position: absolute;
	top: 184px;
	left: 122px;
	width: 200px;
	padding-bottom: 10px;
}


.bottom_button{
	position: absolute;
	top: 295px;
	left: 122px;
}

.top_video{
	position: absolute;
	top: 68px;
	left: 64px;
}



.bottom_video{
	position: absolute;
	top: 234px;
	left: 64px;
}



/* NEWS PAGE */


.more_news{
	height: 20px;
	width: 102px;
	background-position: left top;
	margin: 0 0 20px 0;
	background: url(../images/button_news2.png) no-repeat;
	cursor: pointer;
}

.more_news.active{
	background-position: left bottom;
	cursor: pointer;
}

.expandable a{
	color: #0086b8;
}

.expandable a:hover{
	color: #00739e;
}


/* FOOTER */

.footer{
	clear: both;
	margin: 0 0 10px;
	width: 980px;
	height: 31px;
	float: left;
	background: url(../images/footer.png) no-repeat left bottom;
}