/* Reset
----------------------------------------------------------- */
blockquote,body,div,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,hr,img,input,label,legend,li,object,ol,p,select,textarea,ul {border:none;margin:0;padding:0;}


/* HTML Elements
----------------------------------------------------------- */

body {
	background:#090909 url(../Images/wrapper_back.jpg) no-repeat center top;
	color: #fff;
	font: normal 14px/22px Helvetica, Arial, sans-serif;
	margin:0;
	padding:0;
}

a{color:#cc0000;text-decoration:none;}
a:link,a:active,a:focus,a:visited {outline:none;}
a:hover{color:#cc0000;}

h1{color:#e6920e;font-size:18px;font-weight:normal;line-height:22px;margin:0 0 18px 0;}
h2{color:#e6920e;font-size:15px;font-weight:bold;line-height:20px;margin:15px 0;}
h3{color:#e6920e;font-size:13px;font-weight:bold;line-height:17px;margin: 0;}

input, textarea{border:1px solid #7f9db9;padding:2px;}
select{border:1px solid #7f9db9;}
option {padding:2px;}


p {margin:0 0 20px 0;}

ol {margin:20px 0 20px 24px;} 
ol li {margin: 6px 0;} 


ul {margin:20px 0 20px 24px;} 
ul li {margin: 6px 0;} 

/* Buttons
----------------------------------------------------------- */

/* default class for all buttons */
.btn {display:block;overflow:hidden;}
.btn a {border:none;display:block;overflow:hidden;text-indent:-12345px;}
.btn a:hover {border:none;}

/* buttons images + dimensions 
.btn-submit,.btn-submit a{background:url("../images/buttons/submit.gif");width:68px;height:16px;}
.btn-submit a:hover{background-position:0 -16px;}*/

.btn-logo a {background:url(../Images/logo.png) no-repeat; width:257px; height:26px; margin-top:22px;}
.btn-submit a {background:url(../Images/buttons/btn-submit-brown.png) no-repeat;width:96px;height:28px;}
.btn-searchresults-booknow a {background:url(../Images/buttons/btn-searchresults-booknow.gif) no-repeat;width:257px;height:26px;}
.btn-services-pm a {background:url(../Images/buttons/service-pm.png) no-repeat; width:521px; height:68px;}
.btn-service-qa a {background:url(../Images/buttons/service-qa.png) no-repeat; width:521px; height:68px;}
.btn-service-uid a {background:url(../Images/buttons/service-uid.png) no-repeat; width:521px; height:68px;}
.btn-service-ed a {background:url(../Images/buttons/service-ed.png) no-repeat; width:521px; height:68px;}
.btn-formsubmit a {background:url(../Images/buttons/form-submit.png) no-repeat; width:91px; height:28px;}

.btn-slideshow-prev a {width:48px;height:43px; text-indent:0;}
.btn-slideshow-next a {width:48px;height:43px; text-indent:0;}

/* Headings
----------------------------------------------------------- */

/* default class for all headings */
.hdn {display:block;overflow:hidden;text-indent:-12345px;}

/* headings images + dimensions */
.hdn-ourpxlvision { background:url(../Images/headings/our-pxl-vision.png) no-repeat; width:228px; height:23px; }
.hdn-ourpxlteam { background:url(../Images/headings/ourpxlteam.png) no-repeat; width:216px; height:23px; }
.hdn-servicestouchthefuture { background:url(../Images/headings/services-touch-the-future.png) no-repeat; width:517px; height:24px; }
.hdn-careers { background:url(../Images/headings/careers.png) no-repeat; width:374px; height:24px; }
.hdn-whyworkwithpxl { background:url(../Images/headings/whyworkwithpxl.png) no-repeat; width:457px; height:23px;}
.hdn-ability { background:url(../Images/headings/ability.png) no-repeat; width:76px; height:15px;}
.hdn-budget { background:url(../Images/headings/budget.png) no-repeat; width:80px; height:15px;}
.hdn-communication { background:url(../Images/headings/communication.png) no-repeat; width:168px; height:15px;}
.hdn-dependability { background:url(../Images/headings/dependability.png) no-repeat; width:154px; height:15px;}
.hdn-industryspecialisation { background:url(../Images/headings/industryspecialisation.png) no-repeat; width:259px; height:15px;}
.hdn-timescale { background:url(../Images/headings/timescale.png) no-repeat; width:108px; height:15px;}
.hdn-pxlpartners {  background:url(../Images/headings/pxlpartners.png) no-repeat; width:196px; height:23px;}
.hdn-electonicdesign { background:url(../Images/headings/electonic-design.png) no-repeat; width:249px; height:32px;}
.hdn-userinterfacedesign { background:url(../Images/headings/user-interface-design.png) no-repeat; width:309px; height:32px; }
.hdn-creativevision { background:url(../Images/headings/creative-vision.png) no-repeat; width:411px; height:23px; }
.hdn-qualityassurance { background:url(../Images/headings/quality-assurance.png) no-repeat; width:374px; height:33px; }
.hdn-projectmanagement { background:url(../Images/headings/project-management.png) no-repeat; width:421px; height:33px; }
.hdn-contactus { background:url(../Images/headings/contact-us.png) no-repeat; width:163px; height:23px; }
.hdn-formname { background:url(../Images/headings/name.png) no-repeat; width:43px; height:11px; margin-top:6px; }
.hdn-formphone {background:url(../Images/headings/form-phone.png) no-repeat; width:49px; height:11px; margin-top:6px;}
.hdn-formmobile {background:url(../Images/headings/form-mobile.png) no-repeat; width:56px; height:11px; margin-top:6px;}
.hdn-formcompany {background:url(../Images/headings/form-company.png) no-repeat; width:70px; height:11px; margin-top:6px;}
.hdn-formcontacttime {background:url(../Images/headings/form-contacttime.png) no-repeat; width:145px; height:11px; margin-top:6px;}
.hdn-formcountry {background:url(../Images/headings/form-country.png) no-repeat; width:67px; height:11px; margin-top:6px;}
.hdn-formprojectdesc {background:url(../Images/headings/form-projectdesc.png) no-repeat; width:159px; height:11px; margin-top:6px; margin-bottom:14px;}
.hdn-formtimeframe {background:url(../Images/headings/form-timeframe.png) no-repeat; width:156px; height:11px; margin-top:6px;}

/* Layout
----------------------------------------------------------- */

div#wrapper
{
	margin:0 auto;
	width:873px;
}

div#header
{
	background:url(../Images/headerbackground.png) no-repeat 0 58px;
	width:877px;
	height:138px;	
}

div#header #submenu
{
	background:url(../Images/submenu_background.png) no-repeat 0px 3px;	
	width:873px;
	height:23px;
}

div#header #submenu ol
{
	margin:0;
	padding:0;
	list-style-type:none;
	margin-left:16px;
}

div#header #submenu ol li
{
	float:left;
	margin:0;
	padding:0;
	margin-right:22px;
}

div#header #submenu ol li a {
	font-size:12px;
	color:#666;
}

div#header #submenu ol li a:hover, div#header #submenu ol li a.active {
	color:#cc0000;
}

div#main-content
{
	z-index:1;
	background:url(../Images/main.png) no-repeat -20px 0;
	height:568px;
	width:910px;
}

div#main-content ul
{
	position:absolute;
	top:155px;
	left:160px;
	margin:0;
	padding:0;
	list-style-type:none;
}

div#main-content ul li
{
	float:left;
	display:block;
	width:90px;
	height:85px;
}

div#main-content ul li a
{
	display:block;
	overflow:hidden;
	text-indent:-12345px;
	width:90px;
	height:85px;
}


div#content
{
	width:530px;
	padding:23px 0px 20px 0px;	
	float:left;
	margin-bottom:20px;
}

div#img-holder
{
	float:left;
	width:295px;
	margin:23px 0 0 30px;
	position:relative;
	z-index:1;
}

div#footer
{
	background:url(../Images/headerbackground.png) no-repeat 0 0px;
	width:877px;
	padding-top:15px;
	padding-bottom:40px;
	font-size:14px;
	color:#676767;
	text-align:center;
}

div#footer a
{
	color:#676767;	
}

div#footer span
{
	font-size:12px;
}


/* Menu
----------------------------------------------------------- */
div#header ul
{
	margin:0;
	padding:0;
	list-style-type:none;
}

div#header ul li
{
	background:url(../Images/menu-red.png) no-repeat 0 5px;
	padding-left:17px;
	margin-right:46px;
	float:left;
}
 
div#header ul li.services { background-image:url(../Images/menu-green.png); }
div#header ul li.experience { background-image:url(../Images/menu-blue.png); }
div#header ul li.partners { background-image:url(../Images/menu-pink.png); }
div#header ul li.contact { background-image:url(../Images/menu-yellow.png); }
div#header ul li.career { background-image:url(../Images/menu-orange.png); }

div#header ul li a
{
	color:#666;
	text-decoration:none;
}

div#header ul li a:hover, div#header ul li a.active
{
	color:#ccc;
	text-decoration:none;
}

/* Map
----------------------------------------------------------- */
#map
{
	background:url(../Images/map.png) no-repeat;
	width:343px;
	height:248px;
	padding:16px 8px 16px 6px;
}

/* Contact Form
----------------------------------------------------------- */
#contact-form
{
	margin:0;
	margin-top:22px;
	padding:0;
	list-style-type:none;
}

#contact-form li
{
	clear:both;
	background:url(../Images/input_back.png) no-repeat 88px 0px;
	height:33px;
	position:relative;
}

#contact-form li.contacttime
{
	background:url(../Images/input_time_back.png) no-repeat 165px 0px;
}

#contact-form li.textarea
{
	background:url(../Images/input_textarea_back.png) no-repeat 0px 24px;
	height:180px;
}

#contact-form li.timeframe
{
	background:url(../Images/input_timeframe_back.png) no-repeat 167px 0px;
}

#contact-form li.circuitboards
{
	background:url(../Images/input_timeframe_back.png) no-repeat 286px 0px;
	width:343px;
}

#contact-form li.submit
{
	background:none;
	width:349px;
}

#contact-form li.submit span {float:right;}

#contact-form li label
{
	float:left;
	width:88px;
	color:#fff;
	font-size:12px;
}

#contact-form li.contacttime label
{
	width:165px;
}

#contact-form li.textarea label
{
	float:none;
	width:220px;
	display:block;
}

#contact-form li.timeframe label
{
	width:167px;
}

#contact-form li.circuitboards label
{
	width:286px;
}

#contact-form li input
{
	border:none;
	width:259px;
	background:transparent;
	color:#fff;
	padding:2px;
	font-size:11px;
}

#contact-form li select
{
	border:none;
	background:transparent;
	color:#fff;
	font-size:10px;
	padding-top:3px;
}

#contact-form li.contacttime input.time
{
	float:left;
	width:50px;
	padding-top:5px;
	margin-right:8px;
}

#contact-form li.contacttime select.am
{
	float:left;
	width:50px;
}

#contact-form li.contacttime select.am option {
	background:transparent;
}

#contact-form li.timeframe input
{
	float:left;
	width:40px;
	padding:5px 2px 2px 8px;
	margin-right:7px;
}

#contact-form li.timeframe select
{
	width:70px;
}

#contact-form li.circuitboards select
{
	position:relative;
	width:70px;
	left:290px;
	bottom:23px;
}

#contact-form li.textarea textarea
{
	height:143px;
	width:348px;
	background:transparent;
	color:#fff;
	font-size:11px;
	border:none;
}

.contact-info
{
	position:relative;
	z-index:2;
	top:-170px;
}

.contact-info h3
{
	color:#fff;
	text-decoration:underline;
	margin-bottom:30px;
}

.contact-info a { color:#fff; }
.contact-info a:hover {text-decoration:underline;}


/* Hacks and Workarounds
----------------------------------------------------------- */

.break
{
	height:	9px;
	width: 510px;
	background:url(../Images/break.png) no-repeat;
	margin-top:20px;
	margin-bottom:20px;
}

.white-link {color:#fff; text-decoration:underline;}

/* Clearfix hack */
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
.clearfix {display:block;}
* html .clearfix {height:1px;}