/****************************************************************************************/
/*                                                                                      */
/* Version:         2010-02-08 22:00                                                    */
/* Last changed by: Michal Pelech                                                       */
/*                                                                                      */
/****************************************************************************************/

@import url(fancybox.css);
@import url(print.css) print;

/*======================================================================================*/
/* GLOBAL SETTINGS                                                                      */
/*======================================================================================*/

html
{
	font-size: 62.5%;
}

body
{
	background: #d0d0d0 url(images/body-background.png) repeat left top;
	color: #000000;
	font-size: 1.2em;
	font-family: Arial, Sans-Serif;
}

body, form, ul, li, ol, h1, h2, h3, h4, h5, h6, object, p, form, dl, dd, dt, fieldset
{
	margin: 0;
	padding: 0;
	border: none;
}

input, select, textarea, sub, sup
{
	font-family: Arial, Sans-Serif;
}

h1, h2, h3, h4, h5, h6
{
	font-size: 1.4em;
	color: #353535;
}

img
{
	border: none;
}

a
{
	cursor: pointer;
	color: #858585;
}

abbr
{
	cursor: help;
}

a:hover
{
	text-decoration: none;
}

label
{
	cursor: pointer;
}

/* CLEAR */
/* slightly enhanced, universal clearfix hack */
.clearfix:after
{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.clearfix { display: inline-block; }

/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* stop commented backslash hack */

.clear 
{
	width: 100%;
	height: 1px;
	display: block;
	overflow: hidden;
	clear: both;
}

.clear hr
{
	display: none;
}

.noscreen
{
	width: 1px;
	height: 1px;
	position: absolute;
	left: -4999px;
	overflow: hidden;
	visibility: hidden;
}

.alR { text-align: right; }
.alR { text-align: right; }
.flL { float: left; }
.flR { float: right; }

.posRelative { position: relative; }

/*======================================================================================*/
/* CONCRETE STYLES                                                                      */
/*======================================================================================*/

#page
{
	width: 960px;
	margin: 0 auto;
	position: relative;
}

#topPanelHolder
{
	width: 960px;
	height: 220px;
}

/*======================================================================================*/
/* MIDDLE PANEL	                                                                        */
/*======================================================================================*/

#middlePanel
{
	margin: 0 0 20px 0;
}

#middlePanel .content
{
	width: 620px;
	height: 321px;
	padding: 25px 30px 35px 30px;
	float: left;
	background: #353535 url(images/content-background.png) no-repeat left top;
	color: #ffffff;
	overflow: hidden;
}

#middlePanel .content h1
{
	margin: 0 0 20px 0;
	color: #ffffff;
	font-size: 1.8em;
}

#middlePanel .content p
{
	margin: 0 0 15px 0;
	font-size: 1.1em;
	line-height: 1.4em;
}

#middlePanel .content a
{
	color: #ffffff;
}

#middlePanel .cites
{
	padding: 0 0 5px 0;
}

#middlePanel .cite
{
	width: 580px;
	margin: 0 0 20px 0;
	padding: 20px;
	background: #353535 url(images/content-background.png) no-repeat left top;
	color: #ffffff;
}

#middlePanel .citeCenter
{
	margin: 0 auto 20px auto;
}

#middlePanel .citeRight
{
	margin: 0 0 20px auto;
}
	#middlePanel .cite p
	{
		margin: 0 0 5px 0;
		line-height: 1.5;
		font-size: 13px;
	}
		#middlePanel .cite p a
		{
			color: #ffffff;
			font-weight: bold;
		}

#middlePanel .content .cv
{
	height: 24px;
	margin: 0 20px 0 0;
	padding: 0 0 0 30px;
	float: left;
	line-height: 24px;
	background: url(images/cv-ico.png) no-repeat left top;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	overflow: hidden;
}

#middlePanel .content a.cv:hover
{
	text-decoration: underline;
}

#middlePanel #contactButton,
#middlePanel #contactButtonReferences
{
	width: 100%;
	height: 58px;
	margin: 0;
}

#middlePanel #contactButtonReferences
{
	margin: 20px 0 0 0;
}

#middlePanel #contactButton p,
#middlePanel #contactButtonReferences p
{
	width: 770px;
	height: 46px;
	padding: 8px 0 0 0;
	float: left;
	overflow: hidden;
	text-align: right;
	color: #353535;
	font-size: 18px;
	font-weight: bold;
}

#middlePanel #contactButton span.button,
#middlePanel #contactButtonReferences span.button
{
	width: 175px;
	height: 58px;
	margin: 0 2px 0 0;
	float: right;
	display: inline;
	position: relative;
	background: url(images/contact-button.png) no-repeat left top;
	overflow: hidden;
}

#middlePanel #contactButton span.button a,
#middlePanel #contactButtonReferences span.button a
{
	width: 175px;
	height: 46px;
	padding: 8px 0 0 0;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	z-index: 5;
}

#middlePanel #contactButton span.button span.hover,
#middlePanel #contactButtonReferences span.button span.hover
{
	width: 175px;
	height: 58px;
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	background: url(images/contact-button.png) no-repeat left -58px;
	overflow: hidden;
}

#middlePanel .rightPanel
{
	width: 250px;
	float: right;
	overflow: hidden;
}

#middlePanel .rightPanel h2.findMe
{
	margin: 17px 0 4px 0;
	color: #353535;
	font-size: 1.4em;
}

#middlePanel .rightPanel a.AboutTwitter
{
	width: 45px;
	height: 46px;
	margin: 3px 2px 0 0;
	float: left;
	overflow: hidden;
}

#middlePanel .rightPanel a.AboutTwitter span
{
	width: 45px;
	height: 46px;
	display: block;
	overflow: hidden;
}

#middlePanel .rightPanel a.AboutFacebook
{
	width: 47px;
	height: 46px;
	margin: 3px 2px 0 0;
	float: left;
	overflow: hidden;
}

#middlePanel .rightPanel a.AboutFacebook span
{
	width: 47px;
	height: 46px;
	display: block;
	overflow: hidden;
}

#middlePanel .rightPanel a.AboutLinkedin
{
	width: 150px;
	height: 46px;
	margin: 3px 0 0 0;
	float: left;
	overflow: hidden;
}

#middlePanel .rightPanel a.AboutLinkedin span
{
	width: 150px;
	height: 46px;
	display: block;
	overflow: hidden;
}

#middlePanel .box
{
	width: 880px;
	height: 480px;
	padding: 30px 40px;
	background: #353535 url(images/box-background.png) no-repeat left top;
	color: #ffffff;
}

#middlePanel .boxSmall
{
	width: 880px;
	height: 269px;
	padding: 30px 40px;
	background: #353535 url(images/box-small-background.png) no-repeat left top;
}

#middlePanel .boxSmall ul
{
	margin: 20px;
	color: #ffffff;
}

#middlePanel .boxSmall ul li
{
	margin: 0 0 2px 0;
}

#middlePanel .boxSmall ul li a
{
	color: #ffffff;
}

#middlePanel .box h1,
#middlePanel .box h2
{
	margin: 0 0 30px 0;
	color: #ffffff;
}

#middlePanel .box h2.partners
{
	margin: 0 0 10px 0;
}

#middlePanel .box ul
{
	margin: 10px 20px;
}

#middlePanel .box ul li

#middlePanel .box ul li a
{
	color: #ffffff;
	text-decoration: underline;
}

#middlePanel .box ul li a:hover
{
	text-decoration: none;
}

#middlePanel .box ul li a.external
{
	padding: 0 17px 0 0;
	background: url(images/external-ico.png) no-repeat right center;
}

#middlePanel .servicesList
{
	margin: 0 0 20px 0;
}

#middlePanel .serviceItem
{
	width: 280px;
	margin: 0 58px 0 0;
	float: left;
	overflow: hidden;
}

#middlePanel .serviceItem h2
{
	width: 269px;
	height: 28px;
	padding: 5px 0 0 11px;
	background: #3c3c3c;
	color: #ffffff;
	font-size: 1.4em;
	line-height: 1.4em;
}

#middlePanel .serviceItem img
{
	width: 281px;
	height: 176px;
	display: block;
	overflow: hidden;
}

#middlePanel .serviceItem p
{
	height: 166px;
	padding: 10px 20px;
	background: #ffffff;
	color: #000000;
	font-size: 1.1em;
	line-height: 1.4em;
}

#middlePanel .serviceItem p.price
{
	width: 260px;
	height: 56px;
	padding: 5px 0 0 20px;
	background: #767676 url(images/service-item-background.png) no-repeat left top;
	color: #ffffff;
	font-size: 1.4em;
	font-weight: bold;
	overflow: hidden;
}

#middlePanel .last
{
	margin: 0;
}

#middlePanel .form,
#recommend .form
{
	width: 530px;
	float: left;
	position: relative;
}

#recommend .form
{
	width: 400px;
}

#middlePanel .form legend,
#recommend .form legend
{
	display: none;
}

#middlePanel .form label,
#recommend .form label
{
	margin: 0 0 3px 0;
	display: block;
	color: #ffffff;
	font-size: 1.2em;
	font-weight: bold;
}

#recommend .form label
{
	color: #000000;
}

#middlePanel .form label.verifyLabel
{
	width: 120px;
	margin: 5px 0 0 0;
	float: left;
}

#middlePanel .form label em
{
	font-weight: normal;
}

#middlePanel .form input,
#recommend .form input
{
	width: 340px;
	margin: 0 0 15px 0;
	padding: 5px 0;
	background: #353535;
	color: #ffffff;
	border: 1px solid #ffffff;
}

#recommend .form input
{
	width: 200px;
	margin: 0 5px 15px 0;
	float: left;
	background: #ffffff;
	color: #000000;
	border: 1px solid #353535;
}

#recommend .form span
{
	margin: 5px 0 0 0;
	float: left;
}

#middlePanel .form input.verifyInput
{
	width: 30px;
	float: left;
}

#middlePanel .form textarea,
#recommend .form textarea
{
	width: 528px;
	height: 145px;
	margin: 0 0 15px 0;
	padding: 5px 0;
	background: #353535;
	color: #ffffff;
	border: 1px solid #ffffff;
	font-size: 1.1em;
}

#recommend .form textarea
{
	width: 398px;
	height: 100px;
	background: #ffffff;
	color: #000000;
	border: 1px solid #353535;
}

#middlePanel .form .button,
#recommend .form .button
{
	width: 68px;
	height: 25px;
	margin: 0 10px 0 0;
	border: none;
	background: #ffffff;
	color: #353535;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}

#recommend .form .button
{
	width: 150px;
	background: #353535;
	color: #ffffff;
}

#middlePanel .form #warning,
#recommend .form #recommendWarning
{
	width: 300px;
	height: 25px;
	margin: -12px 0 0 -150px;
	position: absolute;
	left: 50%;
	top: 30%;
	line-height: 25px;
	text-align: center;
	color: #000000;
	font-weight: bold;
	cursor: pointer;
}

#recommend .form #recommendWarning
{
	width: auto;
	height: auto;
	margin: 0;
	position: static;
	color: red;
	text-align: left;
	cursor: default;
}

#middlePanel .form #warning .error_message,
#recommend .form #recommendWarning .error_message
{
	/*padding: 0 5px;
	background: #d0d0d0;*/
	
	display: block;
	height: 22px;
	line-height: 22px;
	background: #FBE3E4 url('../assets/error.gif') no-repeat 10px center;
	padding: 3px 10px 3px 35px;
	color:#8a1f11;
	border: 1px solid #FBC2C4;
	text-align: left;
}

#middlePanel .form #warning #success_page,
#middlePanel .form #recommendWarning #recommendSucces_page
{
	width: 300px;
	height: 100px;
	position: absolute;
	left: -115px;
	top: 20px;
	color: #ffffff;
	text-align: left;
}

#middlePanel .form #warning #success_page h3,
#middlePanel .form #recommendWarning #recommendSucces_page h3
{
	margin: 40px 0 0 0;
	color: #ffffff;
}

#middlePanel .form #recommendWarning #recommendSucces_page h3
{
	color: #000000;
}

#fancybox-outer #recommendSucces_page h3
{
	color: #000000;
}

#middlePanel .form #warning #success_page p,
#middlePanel .form #recommendWarning #recommendSucces_page p
{
	font-weight: normal;
}

#middlePanel .form #recommendWarning #recommendSucces_page p
{
	color: #000000;
}

#recommend .form .emailToError,
#recommend .form .emailFromError,
#recommend .form .messageError
{
	color: #8a1f11;
}

#recommend .form .messageError
{
	width: 200px;
	position: absolute;
	right: 0;
	top: 140px;
}

.loader
{
	margin: 2px 0 0 0;
}

#recommend .form p.text
{
	margin: 0 0 10px 0;
}

#middlePanel .rightCol
{
	width: 284px;
	float: right;
	overflow: hidden;
	color: #ffffff;
}

#middlePanel .rightCol address
{
	padding: 0 0 10px 0;
	font-style: normal;
	font-size: 1.2em;
}

#middlePanel .rightCol p.map
{
	margin: 0 0 25px 0;
}

#middlePanel .rightCol p.map a
{
	text-decoration: underline;
}

#middlePanel .rightCol p.map a:hover
{
	text-decoration: none;
}

#middlePanel .rightCol p
{
	font-size: 1.1em;
}

#middlePanel .rightCol p.ico,
#middlePanel .rightCol p.skype,
#middlePanel .rightCol p.icon
{
	margin: 0 0 25px 0;
}

#middlePanel .rightCol a
{
	color: #ffffff;
	text-decoration: none;
}

#middlePanel .rightCol a:hover
{
	text-decoration: underline;
}

#middlePanel .rightCol a.contactTwitter
{
	width: 52px;
	height: 53px;
	margin: 0 2px 0 0;
	float: left;
	overflow: hidden;
}

#middlePanel .rightCol a.contactTwitter:hover img,
#middlePanel .rightCol a.contactTwitter.hover img
{
	margin: -53px 0 0 0;
}

#middlePanel .rightCol a.contactFacebook
{
	width: 52px;
	height: 53px;
	margin: 0 2px 0 0;
	float: left;
	overflow: hidden;
}

#middlePanel .rightCol a.contactFacebook:hover img,
#middlePanel .rightCol a.contactFacebook.hover img
{
	margin: -53px 0 0 0;
}

#middlePanel .rightCol a.contactLinkedin
{
	width: 171px;
	height: 53px;
	float: left;
	overflow: hidden;
}

#middlePanel .rightCol a.contactLinkedin:hover img,
#middlePanel .rightCol a.contactLinkedin.hover img
{
	margin: -53px 0 0 0;
}

#middlePanel .rightCol ul li a
{
	text-decoration: underline;
}

#middlePanel .rightCol ul li a:hover
{
	text-decoration: none;	
}

#middlePanel ol
{
	margin: 0 0 0 25px;
}

#middlePanel ol li a
{
	color: #ffffff;
}

#middlePanel .linkbuilding
{
	margin: 0 0 15px 0;
	font-size: 1.0em;
}

#middlePanel .linkbuilding a
{
	font-weight: bold;
	text-decoration: underline;
}

#middlePanel .linkbuilding a:hover
{
	text-decoration: none;
}

#middlePanel code
{
	margin: 0 0 15px 0;
	padding: 5px;
	display: block;
	border: 1px dashed #ffffff;
	font-size: 1.1em;
}

#middlePanel .homeBox
{
	width: 910px;
	height: 231px;
	margin: 0 0 5px 0;
	padding: 20px 25px;
	position: relative;
	background: #353535 url(images/home-box-background.png) no-repeat left top;
	overflow: hidden;
}

#middlePanel .homeBox h1,
#middlePanel .homeBox p
{
	font-size: 30px;
	font-weight: bold;
	color: #ffffff;
}

#middlePanel .homeBox p
{
	font-family: myriad-pro, Arial, sans-serif;
}

#middlePanel .homeBox h1
{
	line-height: 1.5em;
}

#middlePanel .homeBox h1 span,
#middlePanel .homeBox p span
{
	color: #aaaaaa;
}

#middlePanel .homeBox h1 strong
{
	font-size: 56px;
}

#middlePanel h1,
#middlePanel h2
{
	font-size: 26px;
	font-weight: bold;
}

#middlePanel h1.white,
#middlePanel h2.white
{
	margin: 0 0 15px 0;
	color: #353535;
}

#middlePanel h2.margin
{
	margin: 0 0 20px 0;
}

.referencesList .referenceItem
{
	width: 280px;
	height: 260px;
	margin: 20px 60px 0 0;
	float: left;
	background: url(images/reference-item-background.png) no-repeat left bottom;
	overflow: hidden;
}

#middlePanel .referencesList .last
{
	margin: 20px 0 0 0;
}

.referencesList .referenceItem .image
{
	width: 280px;
	height: 201px;
	position: relative;
	overflow: hidden;
}

.referencesList .referenceItem .image a.thumb
{
	width: 280px;
	height: 201px;
	display: block;
	border-bottom: 1px solid #ccc;
}

.referencesList .referenceItem .image a.thumb span
{
	width: 280px;
	height: 201px;
	display: block;
	overflow: hidden;
}

.referencesList .referenceItem .image p
{
	visibility: hidden;
}

.referencesList .referenceItem p
{
	color: #ffffff;
	font-weight: bold;
}

.referencesList .referenceItem p.info
{
	width: 240px;
	height: 32px;
	padding: 0 0 0 15px;
	float: left;
	line-height: 30px;
	overflow: hidden;
	font-size: 1.1em;
	font-weight: normal;
}

.referencesList .referenceItem .zoom,
.referencesList .referenceItem .zoom span
{
	width: 21px;
	height: 17px;
	margin: 6px 0 0 0;
	float: left;
	line-height: 17px;
	position: relative;
	overflow: hidden;
	color: #ffffff;
	font-size: 22px;
	font-weight: bold;
	text-decoration: none;
}

.referencesList .referenceItem .zoom span
{
	margin: 0;
	display: block;
	float: none;
	position: absolute;
	left: 0;
	top: 0;
	background: url(images/reference-item-zoom.png) no-repeat left top;
}

.nextReferences
{
	color: #353535;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
}

.nextReferences:hover
{
	text-decoration: underline;
}

#recommend
{
	width: 400px;
	padding: 10px;
	overflow: hidden;
}

#recommend h2
{
	margin: 0 0 10px 0;
	color: #000000;
}

#page #recommend
{
	display: none;
	background: #d0d0d0;
}

#middlePanel .rightCol a.contactTwitter,
#middlePanel .rightCol a.contactFacebook,
#middlePanel .rightCol a.contactLinkedin,
#middlePanel .rightPanel a.AboutTwitter,
#middlePanel .rightPanel a.AboutFacebook,
#middlePanel .rightPanel a.AboutLinkedin
{
	behavior: url(styles/hover.htc);
}

/*======================================================================================*/
/* TOP PANEL	                                                                        */
/*======================================================================================*/

#topPanel
{
	width: 960px;
	height: 220px;
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
}

#topPanel h2.logo,
#topPanel h2.logo span
{
	width: 248px;
	height: 183px;
	position: absolute;
	left: 0;
	top: 36px;
	overflow: hidden;
}

#topPanel h2.logo span
{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	background: url(images/logo.png) no-repeat left top;
}

#topPanel h2.logo a
{
	font-size: 46px;
	color: #ffffff;
	text-decoration: none;
}

#topPanel p
{
	width: 127px;
	height: 23px;
	position: absolute;
	left: 178px;
	top: 160px;
	overflow: hidden;
	z-index: 10;
}

#topPanel p a,
#topPanel p a span
{
	width: 127px;
	height: 23px;
	margin: 0;
	/*position: relative;*/
	overflow: hidden;
	text-decoration: none;
}

#topPanel p a span
{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	background: url(images/i-am-free.png) no-repeat left top;
}

#topPanel #menu
{
	width: 530px;
	height: 41px;
	position: absolute;
	right: 0;
	top: 124px;
	overflow: hidden;
	list-style-type: none;
}

#topPanel #menu li
{
	height: 41px;
	margin: 0 10px 0 0;
	float: left;
}

#topPanel #menu li a
{
	height: 41px;
	padding: 0 10px;
	float: left;
	line-height: 28px;
	background: url(images/menu-item.png) repeat-x left -41px;
	color: #ffffff;
	font-size: 17px;
	text-align: center;
	text-decoration: none;
}
/*
#topPanel #menu li span
{
	width: 100%;
	height: 41px;
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
}

#topPanel #menu li.home
{
	width: 67px;
	background: url(images/buttons/home.png) no-repeat left top;
}

#topPanel #menu li.home span
{
	background: url(images/buttons/home.png) no-repeat left -41px;
}

#topPanel #menu li.services
{
	width: 71px;
	background: url(images/buttons/services.png) no-repeat left top;
}

#topPanel #menu li.services span
{
	background: url(images/buttons/services.png) no-repeat left -41px;
}

#topPanel #menu li.references
{
	width: 107px;
	background: url(images/buttons/references.png) no-repeat left top;
}

#topPanel #menu li.references span
{
	background: url(images/buttons/references.png) no-repeat left -41px;
}

#topPanel #menu li.clients
{
	width: 72px;
	background: url(images/buttons/clients.png) no-repeat left top;
}

#topPanel #menu li.clients span
{
	background: url(images/buttons/clients.png) no-repeat left -41px;
}

#topPanel #menu li.about
{
	width: 73px;
	background: url(images/buttons/about.png) no-repeat left top;
}

#topPanel #menu li.about span
{
	background: url(images/buttons/about.png) no-repeat left -41px;
}

#topPanel #menu li.contact
{
	margin: 0;
}

#topPanel #menu li.contact
{
	width: 85px;
	background: url(images/buttons/contact.png) no-repeat left top;
}

#topPanel #menu li.contact span
{
	background: url(images/buttons/contact.png) no-repeat left -41px;
}
*/
#topPanel #menu li.active a,
#topPanel #menu li a:hover
{
	background-position: left top;
}

/*======================================================================================*/
/* BOTTOM PANEL	                                                                        */
/*======================================================================================*/

#bottomPanel
{
	height: 108px;
	background: #353535 url(images/bottom-panel-background.png) no-repeat left top;
}

#bottomPanel p
{
	padding: 7px 0 0 15px;
	color: #ffffff;
}

#bottomPanel p a
{
	margin: 0 15px 0 0;
	float: left;
}

#bottomPanel p span
{
	margin: 7px 0 0 0;
	float: left;
}

#bottomPanel ul
{
	margin: 15px 0 0 0;
	list-style-type: none;
}

#bottomPanel ul li
{
	float: left;
}

#bottomPanel ul li a
{
	padding: 0 10px;
	float: left;
	border-right: 1px solid #ffffff;
	color: #ffffff;
	text-decoration: none;
}

#bottomPanel ul li a:hover
{
	text-decoration: underline;
}

#bottomPanel ul li.last a
{
	border-right: none;
}


/*======================================================================================*/
/* EASY TOOL TIP                                                                        */
/*======================================================================================*/

#easyTooltip
{
	padding: 5px 10px;
	border: 1px solid #9c9c9c;
	background: #3c3c3c;
	color: #fff;
	opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	z-index: 20;
}

/* =============================================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */

}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
	#page { margin: 0 auto; padding: 0 20px !important; }
	
	#topPanel,
	#topPanel #menu,
	#page { width: auto !important; height: auto !important; }
	
	#topPanelHolder { width: auto !important; height: 200px !important; }
	
	#topPanel h2.logo { position: absolute; left: 35px !important; top: 10px !important; }
	
	#topPanel #menu li,
	#topPanel #menu li a { width: 100% !important; height: auto !important; position: static; display: block; float: none !important; }
	#topPanel #menu li { margin: 0 0 5px 0; }
	#topPanel #menu li a { padding: 5px 0; line-height: 1; background: #000000; color: #ffffff; font-size: 18px; text-indent: 0; }
	#topPanel #menu li a span { display: none !important; }
	
	#page #topPanel,
	#topPanel #menu { position: static !important; left: 0; top: 0; }
	
	#middlePanel { margin: 0; padding: 0; }
	#topPanel p,
	#contactButtonReferences p,
	#contactButton p { display: none; }
	
	#middlePanel .cite { width: auto; }
	
	#middlePanel .homeBox { width: auto; height: auto; margin: 0 0 10px 0; padding: 10px; background: #353535; color: #ffffff; font-size: 16px; }
	#middlePanel .homeBox h1 strong { font-size: 42px; }
	#middlePanel .homeBox h1,
	#middlePanel .homeBox p { font-size: 30px; line-height: 1.1; }

	#bottomPanel { display: none; }
}