@charset "UTF-8";
/* Inkwire CSS Document */
/* Authored by Simon Marek */

body {
background-color:#000000;
background-image:url(images/background.gif);
margin:0px 0px 0px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
line-height:1.125em;
color:#FFFFFF;
}

a {
text-decoration:none;
color:#4581BB;
}

a:hover {
color:#0099FF;
}

h1 {
color:#88CB02;
font-weight:normal;
font-size:22px;
}

h2 {
color:#88CB02;
font-weight:bold;
font-size:16px;
margin:0px 0px 1px 0px;
padding:0px 0px 1px 0px;
}

img {
border:none;
}

ul {
   padding-left: 8px;
   margin-left: 8px;
  }
  
.thin-line-break {
	line-height:0.875em;
}

.thinner-line-break {
	line-height:0.625em;
}
  
.green {
	color:#9C0;
}

.blue {
	color:#39C;
}

.orange {
	color:#F60;
}

.container {
	position:relative;
	top:0px;
	left:0px;
	width: 800px;
	margin:0 auto;
}

.button1 {
	position:absolute;
	top:53px;
	left:148px;
}

.button2 {
	position:absolute;
	top:53px;
	left:273px;
}

.button3 {
	position:absolute;
	top:53px;
	left:398px;
}

.button4 {
	position:absolute;
	top:53px;
	left:524px;
}

.button5 {
	position:absolute;
	top:53px;
	left:650px;
}

.logo {
	position:absolute;
	top:6px;
	left:20px;
}

.centrepanel {
	position:absolute;
	top:100px;
	width:751px;
	height:515px;
	padding:12px;
	left: 20px;
}

.whats-the-story {
	position:absolute;
	left: 321px;
	top: 515px;
	width: 450px;
	height: 65px;
	text-align:right;
	font-size: 0.75em;
}

.callus {
	font-size:1.5em;
}

.phonenumber {
	font-size:4.5em;
}

.leftpanel {
	position:absolute;
	top:160px;
	left:20px;
	width:750px;
	height:384px;
}

.leftpanellarge {
position:absolute;
top:100px;
left:20px;
width:499px;
height:518px;
}

.leftpanellargetitle {
	position:absolute;
	top:86px;
	left:51px;
}

.leftpanellargetext {
	position:absolute;
	top:280px;
	left:277px;
	width: 198px;
	height: 236px;
	font-size:0.875em;
	line-height:1em;
}

.rightpanelsmall {
	position:absolute;
	top:100px;
	left:524px;
	width:222px;
	height:515px;
	background-color:#333333;
	padding:12px;
	font-size:0.75em;
}

.rightpanel {
	position:absolute;
	top:100px;
	left:271px;
	width:498px;
	height:537px;
}

.rightpaneltitle {
position:absolute;
top:30px;
left:10px;
}

.largepanel {
	position:absolute;
	top:100px;
	left:20px;
	height:540px;
	width:757px;
}

.largepaneltitle {
	position:absolute;
	top:30px;
	left:10px;
	font-size:0.75em;
}



/* Front Page Fader Items */


.fadermain {
position:absolute;
top: 110px;
left:11px;
z-index:1;
}

.faderleft {
position:absolute;
top:110px;
left:0px;
z-index:3;
}

.faderright {
position:absolute;
top:110px;
left:446px;
z-index:3;
}

.fadeclass1 {
position:absolute;
top:0px;
left:0px;
display:none;
}

.fadeclass2 {
position:absolute;
top:0px;
left:0px;
display:none;
}

.fadeclass3 {
position:absolute;
top:0px;
left:0px;
}

.fader1text {
position:absolute;
top:310px;
left:13px;
width: 450px;
display:none;
font-size:0.75em;
}

.fader2text {
position:absolute;
top:310px;
left:13px;
width: 450px;
display:none;
font-size:0.75em;
}

.fader3text {
position:absolute;
top:310px;
left:13px;
width: 450px;
font-size:0.75em;
}



/* Pricing Items */

.pricingsmall {
	position:absolute;
	top:172px;
	left:10px;
	width:269px;
	height:114px;
	border-top:1px solid #333;
	padding-left:150px;
	padding-top:9px;
	font-size:0.75em;
}

.pricingmedium {
	position:absolute;
	top:287px;
	left:10px;
	width:269px;
	height:104px;
	border-top:1px solid #333;
	padding-left:150px;
	padding-top:19px;
	font-size:0.75em;
}

.pricingfeast {
	position:absolute;
	top:401px;
	left:10px;
	width:269px;
	height:100px;
	border-top:1px solid #333;
	border-bottom:1px solid #333;
	padding-left:150px;
	padding-top:19px;
	font-size:0.75em;
}

.pricingreadallaboutit {
	position:absolute;
	top:132px;
	left:464px;
	font-size:0.75em;
}

.pricing-leftheading {
	position:absolute;
	top:132px;
	left:15px;
}

.pricing-meals {
	position:absolute;
	top:178px;
	left:14px;
	z-index:2;
}

.pricingdivider {
	position:absolute;
	top:133px;
	left:445px;
	height:430px;
	width:1px;
	border-left:1px solid #999;
}



/* Info Items */


.infodivider {
	position:absolute;
	top:133px;
	left:320px;
	height:430px;
	width:1px;
	border-left:1px solid #999;
}

.info-big-text {
	font-size:1.25em;
	font-weight:bold;
}

.info-leftpanel1 {
	position:absolute;
	top:176px;
	left:15px;
	width: 289px;
	font-size:0.75em;	
}

.info-leftpanel2 {
	position:absolute;
	top:344px;
	left:15px;
	width: 289px;
	font-size:0.75em;
}

.info-history {
	position:absolute;
	top:138px;
	left:15px;
	width: 80px;
	height: 35px;
}

.info-about {
	position:absolute;
	top:306px;
	left:15px;
	width: 80px;
	height: 35px;
}

.info-findout {
	position:absolute;
	top:139px;
	left:340px;
	width: 214px;
	height: 35px;
}

.infopanel3 {
	position:absolute;
	top:406px;
	left:341px;
	width: 416px;
	height: 114px;
}

.infopig {
	position:absolute;
	z-index:2;
	left: 340px;
	top: 180px;
	width: 417px;
	height: 116px;
	cursor:pointer;
}

.infopigtext {
	position:absolute;
	z-index:3;
	left: 154px;
	top: 20px;
	width: 255px;
	font-size:0.75em;
	background-color:#000;
}

.infopig-over {
	position:absolute;
	z-index:3;
	left: 340px;
	top: 180px;
	width: 417px;
	height: 116px;
	cursor:pointer;
	display:none;
}

.infobell {
	position:absolute;
	z-index:2;
	left: 340px;
	top: 295px;
	width: 417px;
	height: 116px;
	cursor:pointer;
}

.infobelltext {
	position:absolute;
	z-index:3;
	left: 154px;
	top: 25px;
	width: 255px;
	font-size:0.75em;
	background:#000;
	cursor:pointer;
}

.infobell-over {
	position:absolute;
	z-index:3;
	left: 340px;
	top: 295px;
	width: 417px;
	height: 116px;
	cursor:pointer;
	display:none;
}

.infohorn {
	position:absolute;
	z-index:2;
	left: 340px;
	top: 410px;
	width: 417px;
	height: 114px;
	cursor:pointer;
}

.infohorn-over {
	position:absolute;
	z-index:3;
	left: 340px;
	top: 403px;
	width: 417px;
	height: 116px;
	cursor:pointer;
	display:none;
}

.infohorntext {
	position:absolute;
	z-index:3;
	left:154px;
	top: 25px;
	width: 260px;
	font-size:0.75em;
	background:#000;
	cursor:pointer;
}



/* Example Page Items */

.portfoliotitle {
	position:absolute;
	top:470px;
	left:9px;
	font-size:0.75em;
}

.examples-featured-heading {
	position:absolute;
	top:30px;
	left:10px;
}

.examplespanel-big1 {
	position:absolute;
	top:70px;
	left:96px;
	width: 443px;
	height: 276px;
}

.examplespanel-big2 {
	position:absolute;
	top:122px;
	left:96px;
	width: 443px;
	height: 276px;
	display:none;
}

.examplespanel-big3 {
	position:absolute;
	top:122px;
	left:96px;
	width: 443px;
	height: 276px;
	display:none;
}

.examplespanel-big4 {
	position:absolute;
	top:122px;
	left:96px;
	width: 443px;
	height: 276px;
	display:none;
}

.examplesfeaturetext {
	position:absolute;
	top:244px;
	left:0px;
	width: 740px;
	height: 96px;
	padding:9px 3px 0px 3px;
	z-index:2;
	font-size:0.75em;
	background-color:#000;
}

.examplesfeaturetext2 {
	position:absolute;
	top:244px;
	left:740px;
	width: 740px;
	height: 75px;
	padding:9px 3px 0px 3px;
	z-index:2;
	font-size:0.75em;
	background-color:#000;
}

.examplesfeaturetext3 {
	position:absolute;
	top:244px;
	left:1480px;
	width: 740px;
	height: 75px;
	padding:9px 3px 0px 3px;
	z-index:2;
	font-size:0.75em;
	background-color:#000;
}

.examplespanel2 {
	position:absolute;
	top:506px;
	left:9px;
	width: 750px;
	height: 149px;
	margin-bottom:30px;
}

.examplespanel2 img {
	padding-right:4px;
}

.examplespanel3 {
	position:absolute;
	top:466px;
	left:126px;
	width: 116px;
	height: 116px;
	background-color:#333;
}

.examplespanel4 {
	position:absolute;
	top:466px;
	left:253px;
	width: 116px;
	height: 116px;
	background-color:#333;
}

.examplespanel5 {
	position:absolute;
	top:466px;
	left:380px;
	width: 116px;
	height: 116px;
	background-color:#333;
}

.examplespanel6 {
	position:absolute;
	top:81px;
	left:634px;
	width: 116px;
	height: 116px;
	background-color:#333;
}

.examplespanel7 {
	position:absolute;
	top:337px;
	left:634px;
	width: 116px;
	height: 116px;
	background-color:#333;
}

.examplespanel8 {
	position:absolute;
	top:465px;
	left:634px;
	width: 116px;
	height: 116px;
	background-color:#333;
}

.examplespanel9 {
	position:absolute;
	top:466px;
	left:507px;
	width: 116px;
	height: 116px;
	background-color:#333;
}

.examplespanel11 {
	position:absolute;
	top:722px;
	left:0px;
	width: 116px;
	height: 116px;
	background-color:#333;
}

.examplespanel12 {
	position:absolute;
	top:209px;
	left:634px;
	width: 116px;
	height: 116px;
	background-color:#333;
}

.examplespanel13 {
	position:absolute;
	top:722px;
	left:254px;
	width: 116px;
	height: 116px;
	background-color:#333;
}

.examplespanel14 {
	position:absolute;
	top:722px;
	left:381px;
	width: 116px;
	height: 116px;
	background-color:#333;
}

.examplespanel15 {
	position:absolute;
	top:631px;
	left:313px;
	width: 116px;
	height: 20px;
}



/* Contact Page Items */

.call {
	position:absolute;
	top:65px;
	left:202px;
	width:330px;
	height:38px;
	border-top:1px solid #666;
	border-bottom:1px solid #666;
	padding:20px 25px 20px 25px;
	font-size:0.75em;
}

.email {
	position:absolute;
	top:144px;
	left:202px;
	width:330px;
	height:38px;
	padding:20px 25px 20px 25px;
	font-size:0.75em;
}

.post {
	position:absolute;
	top:223px;
	left:202px;
	width:330px;
	height:38px;
	border-top:1px solid #666;
	border-bottom:1px solid #666;
	padding:20px 25px 20px 25px;
	font-size:0.75em;
}

.contact-big-text {
	font-size:1.5em;
}

.contact-icon {
	position:relative;
	top:-5px;
	margin-right:5px;
	float:left;
}

.contact-text-box {
	position:absolute;
	top:346px;
	left:241px;
	width: 311px;
	font-size:0.75em;
}

/* Footer Items */


.bottommenu {
position:absolute;
top:666px;
left:20px;
font-size:0.75em;
}

.bottomcontact {
	position:absolute;
	top:666px;
	left:468px;
	width: 321px;
	font-size:0.75em;
}

.footerline {
	position:absolute;
	top:604px;
	left:-1px;
	width: 752px;
	height: 5px;
	border-top:1px solid #333;
}