/********************************************************************
* Reset CSS
*********************************************************************/
body,div,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,ul,ol,li{margin:0;padding:0;}
fieldset,img{border:0;} img,input,select{vertical-align:middle;}
h1,h2,h3,h4,h5,h6{
	font-family:Arial,Verdana,Tahoma,Helvetica,sans-serif;
	line-height:normal;
	font-weight:bold;
	text-transform:none;
	font-size:115%;
	padding:.35em 0 .45em;
	color:#333;
}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
body{
	color:#505050;
	background:#4f4f51 url(i/body.bg.gif) repeat-x 0 0;
	font:normal 11px/1.3em Arial,Verdana,Tahoma,Helvetica,sans-serif;
}
a:active,a:link,a:hover,a:visited{
	font:normal 1em/1.3em Arial,Verdana,Tahoma,Helvetica,sans-serif;
	color:#4f4f51;
	text-decoration:none;
}
a:hover{text-decoration:underline;}
p{padding-bottom:1.2em;}

.center{text-align:center;}
.right{float:right;}
.left{float:left;}
.clear {
	font-size:1px;
	line-height:0%;
	clear:both;
	display:block;
	float:none;
	height:0%;
	overflow:hidden;
}

strong a:link,strong a:active,strong a:hover,strong a:visited {font-weight:bold;}

h1 {font-size:1.1em;}
h2 {font-size:1.1em;}
h3 {font-size:1em;}
h4 {font-size:.9em;}




/********************************************************************
* Main layout
*********************************************************************/
#wrapper {position:relative;z-index:1;margin-top:40px;background-color:#fff;padding-top:89px;}
#wrapper .wrap {width:999px;margin:0 auto;position:relative;z-index:3;}

#header {position:absolute;z-index:2;top:0;width:100%;color:#999;}
#header .wrap {padding-top:37px;}
#header a {color:#999;}
#header .region {padding-bottom:5px;float:right;}
#header .region span {font-size:1.1em;padding-right:.4em;}
#header .region a {color:#F6921E;}

#header .menu {color:#999;float:right;clear:both;}
#header .menu, #footer {font-size:.9em;}
#header li, #footer li {list-style:none;display:inline;background:url(i/li.sep.gif) no-repeat left;padding:0 3px 0 6px;margin-left:-1px;}
#header ul, #footer ul {display:block;overflow:hidden;margin-left:-5px;}
#footer, #footer a {color:#fff;}
#footer {background:#4f4f51 url(i/footer.bg.gif) repeat-x 0 0;padding:1em 0 60px;}

#header .logo {position:absolute;z-index:4;left:-30px;top:8px;width:400px;}
#header .logo a {display:block;height:75px;background:url(i/properodigital.logo.gif) no-repeat 0 0;}
#header .logo span {display:none;}

#subheader {position:relative;z-index:2;width:100%;color:#fff;}
#subheader .wrap {background-repeat:no-repeat;background-position:0 0;height:273px;}
#subheader.page-home .wrap {background-image:url(img/subhead.home.jpg);height:370px;}
#subheader.page-intern .wrap {background-image:url(img/subhead.intern.jpg);}
#subheader.page-brand .wrap {background-image:url(img/subhead.brand.jpg);}
#subheader.page-design .wrap {background-image:url(img/subhead.design.jpg);}
#subheader.page-media .wrap {background-image:url(img/subhead.media.jpg);}
#subheader.page-mobile .wrap {background-image:url(img/subhead.mobile.jpg);}
#subheader.page-offpage .wrap {background-image:url(img/subhead.offpage.jpg);}
#subheader.page-sales .wrap {background-image:url(img/subhead.sales.jpg);}
#subheader.page-search .wrap {background-image:url(img/subhead.search.jpg);}
#subheader.page-contact .wrap {background-image:url(img/subhead.contact.jpg);height:191px;}
#subheader.page-home2 .wrap {background-image:url(img/subhead.home2.jpg);height:191px;}
#subheader.page-home3 .wrap {background-image:url(img/subhead.home3.jpg);height:191px;}
#subheader.page-intern2 .wrap {background-image:url(img/subhead.intern2.jpg);height:191px;}
#subheader.page-brand2 .wrap {background-image:url(img/subhead.brand2.jpg);height:191px;}
#subheader.page-design2 .wrap {background-image:url(img/subhead.design2.jpg);height:191px;}
#subheader.page-media2 .wrap {background-image:url(img/subhead.media2.jpg);height:191px;}
#subheader.page-mobile2 .wrap {background-image:url(img/subhead.mobile2.jpg);height:191px;}
#subheader.page-offpage2 .wrap {background-image:url(img/subhead.offpage2.jpg);height:191px;}
#subheader.page-sales2 .wrap {background-image:url(img/subhead.sales2.jpg);height:191px;}
#subheader.page-search2 .wrap {background-image:url(img/subhead.search2.jpg);height:191px;}

#subheader h1 {color:#fff;font-size:2.45em;font-weight:normal;padding-left:20px;clear:both;}

#subheader ul {padding:10px 0 10px 8px;float:left;}
#subheader li {display:block;float:left;width:118px;height:40px;text-align:center;margin-left:4px;}
#subheader li a {
	color:#fff;
	line-height:normal;
	display:block;
	background:url(i/menu.item.png) no-repeat 0 0;
	height:30px;overflow:hidden;
	padding:5px 10px;
	text-decoration:none;
	position:relative;z-index:6;
}
#subheader li a.one {padding:12px 0 5px;}
#subheader li.active a, #subheader li.hover a {color:#0071bb;background-image:url(i/menu.item.active.png);}

#subheader li ul {
	display:none;
	position:absolute;
	z-index:10;
	height:32px;
	background:url(i/menu.a1.png) no-repeat 0 -31px;
	top:42px;
	padding:13px 4px 10px 8px;
	text-align:left;
	/*
	width:968px; 
	left:12px; 
	*/
}

#subheader li ul.sub2 {width:235px;background-image:url(i/menu.a2.png);}
#subheader li ul.sub3 {width:357px;background-image:url(i/menu.a3.png);}
#subheader li ul.sub4 {width:473px;background-image:url(i/menu.a4.png);}
#subheader li ul.sub5 {width:594px;background-image:url(i/menu.a5.png);}
#subheader li ul.sub5i {width:594px;background-image:url(i/menu.a5i.png);margin-left:-488px;text-align:right;padding-right:20px;}
#subheader li ul.sub4i {width:463px;background-image:url(i/menu.a4i.png);margin-left:-366px;text-align:right;padding-right:20px;}
#subheader li ul.sub3i {width:347px;background-image:url(i/menu.a3i.png);margin-left:-245px;text-align:right;padding-right:20px;}
#subheader li ul.sub2i {width:235px;background-image:url(i/menu.a2i.png);margin-left:-124px;text-align:right;}


#subheader li.hover ul {display:block;}
#subheader li li {margin-left:0;display:inline;padding:0 2px;width:auto;float:none;font-size:.9em;color:#f6921e;line-height:normal;}
#subheader li li a,#subheader li li a:hover,#subheader li.active li a,#subheader li.hover li a {background-image:none;display:inline;padding:0;line-height:normal;}
#subheader li li a, #subheader li.active li a,#subheader li.hover li a {color:#000;}
#subheader li li a:hover {color:#0071bb;}

#shadow {
	display:none;
	position:absolute;z-index:5;
	left:0;top:0;
	width:100%;height:100%;
	overflow:hidden;
	background-color:#000;
	-moz-opacity:.4;
	opacity:.4;
	filter:alpha("opacity=40");
}

#main .content .leftcol {float:left;width:230px;padding:10px 10px 0;}
#main .content .rightcol {float:left;width:748px;}
#main .content .rightcol .col {float:left;width:244px;padding:0 0 0 4px;}
#main .content {padding-bottom:8px;}
#main .button {height:35px;background:url(i/btn.orange.gif) no-repeat 0 0;clear:both;text-align:center;}
#main .button a {color:#fff;line-height:26px;font-size:1.6em;display:block;}
#main .button a:hover {text-decoration:none;color:#0071bb;}

#main .col p.head {
	background-color:lightblue;
	position:relative;z-index:4;
	margin-top:-50px;
	height:98px;overflow:hidden;
	background:url(i/btn.blue.png) no-repeat 0 0;
	font-size:2.45em;
	padding:0;
}
#main p.more a {color:#999;}
#main .col p.head a {
	padding:10px 15px;
	color:#fff;
	display:block;
	line-height:normal;
	text-decoration:none;
}
#main .col p.head.line a {padding-top:28px;letter-spacing:-1px;}
#main .col p.head a span {white-space:nowrap;cursor:pointer;display:block;}

#main .rightcol p {font-size:.9em;padding-left:1.1em;line-height:normal;}
#main .rightcol h2  {color:#0071bb;}
#main .rightcol .col h2 {background:url(i/bull.orange.gif) no-repeat left;padding-left:1em;}

.block {padding:25px 0 10px;}
.block .block-head, .block .block-foot {height:10px;overflow:hidden;clear:both;width:100%;}
.block .block-head {background:url(i/block.head.gif) no-repeat 0 0;}
.block .block-foot {background:url(i/block.foot.gif) no-repeat 0 0;}
.block .block-cont {padding:0 5px;background:url(i/block.bg.gif) repeat-y 0 0;float:left;}
#main .block .block-cont p {padding-left:0;padding-right:1em;}
.block .col2 {width:347px;float:left;padding:0 10px;}
.block .innerpage {padding:0 10px;}

#main .text {padding:25px 5px 10px 10px;}
#main .text p {font-size:1em;padding-left:0;}
#main .content ul {margin-left:1.7em;padding-bottom:1.3em;}
#main .content ul li {line-height:1.5em;}


/********************************************************************
* Form elements
*********************************************************************/
#main .content form label, #main .content form span {display:inline;}
#main .content form li, #main .content form ul {display:block;padding:0;margin:0;}
#main .content form li {list-style-type:none;padding-bottom:5px;clear:both;}
#main .content form input.text {width:270px;padding:1px;}
#main .content form textarea.text {width:330px;height:75px;padding:1px;}
#main .content form ul.first label {display:block;float:left;width:60px;}
#main .content form ul {padding-bottom:1em;}
#main .content input.reset {
	border:none;background:url(i/btn.reset.gif) no-repeat center;
	padding:0;margin:0;
	width:78px;height:19px;
	overflow:hidden;
	margin-right:10px;
}