/* HTML & CSS by Giuliano Riosa http://yojul.es/ for ProImpact7 Ltd */
/* Global styles */
body, p, ul, li, h1 {margin:0; padding:0; font-size:12px; color:#333;}
body { font-family:Arial, Helvetica, sans-serif; font-size:12px; background-color:#e3e3e3; }
#wrapper {background: url(../images/bg.jpg) repeat-x 0 0; background-color:#fff; text-align:center;}
p {font-size:12px;} ul, li{list-style:none;} a, a:link, a:visited {color:#EC5B1C; text-decoration:none;}
a img {border:0;} b, strong {color:#000;}
a:hover {text-decoration:underline;}
h1 {font-weight:bold; font-size:24px; color:#000;}
h2 {font-weight:bold; font-size:14px; margin: 12px 0px; color:#000;}
h3 {font-weight:normal; font-size:18px; color:#000;} #text h2, #content h2 {font-size:14px;} #ptxt h2 {font-size:14px; margin:6px 0 12px 0;}

/* Header & logo */
#header {height:116px;margin:0 auto; text-align:left; width:964px;}
#header h1 {padding:25px 0 0; width:265px; float:left;} #header h1 a {text-decoration:none; color:#000; font-weight:normal;}

/* Contact & login links */
#top {background: url(../images/top-right-5x38.gif) no-repeat 100% 0; height:40px; padding-right:5px;}
#top ul {float:right; background: url(../images/top-left-5x38.gif) no-repeat 0 0; height:38px; padding-left:5px;}
#top ul li {float:left; padding:11px; background-color:#fff; border-bottom:1px solid #ddd;}

/* Navigation bar */
#navbar {float:right; top:43px; position:relative;}
#navbar li {float:left;;}
#navbar li a {background-image: url(../images/buttons.png); display:block;}
#home a {width:65px; height:33px; background-position:0 0;} #home a#active {background-position: 0px -66px;} #home a:hover {background-position: 0px -33px;}
#services a {width:73px; height:33px; background-position:-65px 0;} #services a#active {background-position: -65px -66px;} #services a:hover {background-position: -65px -33px;}
#portfolio a {width:77px; height:33px; background-position:-138px 0;} #portfolio a#active {background-position: -138px -66px;} #portfolio a:hover {background-position: -138px -33px;}
#contact a {width:71px; height:33px; background-position:-215px 0;} #contact a#active {background-position: -215px -66px;} #contact a:hover {background-position: -215px -33px;}
#about a {width:62px; height:33px; background-position:-286px 0;} #about a#active {background-position: -286px -66px;} #about a:hover {background-position: -286px -33px;}
#blog a {width:58px; height:33px; background-position:-348px 0;} #blog a#active {background-position: -348px -66px;} #blog a:hover {background-position: -348px -33px;}
#getquote a {width:97px; height:33px; background-position:-406px 0;}
#quote ul {overflow:hidden;}

/* Front Page Slides */
#center {margin:0 auto; height:380px;width:400px; width:964px; position:relative; right:7px; text-align:left;} #slidebg {background-color:#fff;}
#slide { float:left; height:329px;width:958px; margin:15px 0; background: url(../images/slide.png); padding:12px 10px 9px 10px;}
#s1 {height:299px;width:928px; background: url(../images/slide1.jpg); padding:30px 0 0 30px;}
#s2 {height:299px;width:928px; background: url(../images/slide2.jpg); padding:30px 0 0 30px; display:none;}
#s3 {height:299px;width:428px; background: url(../images/slide3.jpg); padding:30px 0 0 530px; display:none;}
#button1 {position:relative; top:75px; right:7px;} #button2 {position:relative; top:55px; right:7px;} #button3 {position:relative; top:20px; left:185px;}

a#sleft, a#sright { cursor:pointer; width:46px; height:69px; background: url(../images/slidenav.png); top:160px; position:absolute; z-index:1001;}
a#sleft {left:-12px;}  

a#sright {background-position:-46px 0; right:-25px;} 

a#sleft:hover {background-position:0 -69px;} 
a#sright:hover {background-position:-46px -69px;}

#slidenum1, #slidenum2, #slidenum3 {background: url(../images/slides.png); height:18px; width:65px; position:relative; float:right; top:275px; right:11px; margin:0; padding:0;}
#slidenum2 {background-position:0 -18px;} #slidenum3 {background-position:0 -36px;}
#slinks {position:absolute; top:447px; right:50%; margin-right:-470px;} #sl1, #sl2, #sl3 {width:23px; height:20px; float:left; cursor:pointer;}

/* Front page bottom links */
#bottom {width:964px; margin:0 auto; height:150px; text-align:left;}
#bottom li {float:left; width:245px; padding:0 20px 0 56px;}
#b1 {background: url(../images/b1.gif) no-repeat 0px 10px;}
#b2 {background: url(../images/b2.gif) no-repeat 0px 10px;}
#b3 {background: url(../images/b3.gif) no-repeat 0px 10px;}
#bottom li h2 a {color:#000; float:none;} #bottom li a {float:right;}

/* Pages */
#breadcrumbs { padding-bottom:20px;}
#pagew {width:973px; margin: 15px auto 0; background:url(../images/pagetop.png) no-repeat 0 0; padding-top:11px; text-align:left;}
#page {width:933px; background:url(../images/pagestretch.png); padding:10px 20px 20px 20px;}
#content { width:700px;} #pageb {width:973px; margin: 0 auto 15px; background:url(../images/pagebot.png) no-repeat 0 0; height:11px;}
#content h1 {padding:0 0 15px 0;}
#sidebar {width:213px; height:420px; float:right;} #arw {position:relative; top:3px;}
#box { float:left; width:272px;height:95px;padding: 6px 7px 8px; background:url(../images/box.png) no-repeat 0 0; top:10px; right:5px; position:relative;}
#box150 { float:left; width:400px;height:150px;padding: 6px 7px 8px; background:url(../images/box150.png) no-repeat 0 0; top:10px; right:5px; position:relative;}
#text {width:400px; float:left; height:95px;} #cs {padding-bottom:30px; height:110px;}
#sbox { background:#FAFAFA url(../images/box-bottom-213x8.gif) no-repeat 0 100%; padding:0 0 8px 0; margin:0 0 10px 0;} #sboxc {background:url(../images/box-top-213x4.gif) no-repeat 0 0;  padding:4px 0 0 0;} #sbox ul li:hover { background-position:8px 8px;} #sbox ul li.active, #sbox ul li.active:hover { background-position:8px -32px; }
#sboxc ul {border-right: 1px solid #DDD; border-left: 1px solid #DDD; padding: 10px 10px;} #sbox ul li {padding: 0px 0px 0px 20px; background:url(../images/icons-box-arrow-6x49.gif) no-repeat; background-position: 8px 100px;} #sbox ul li a {border-bottom: 1px solid #DDD; display:block; padding: 5px 0px;} #sbox a {color:#333;} #sbox a:hover {text-decoration:none;}
#nextstep {background:url(../images/nextstep.png); width:198px; height:129px; padding:38px 0 0 15px;}
#nextstep h2 {margin:10px 0 10px 5px;} #nextstep h3 {margin:8px 0 10px 5px;} #nextstep b, #nextstep p {margin:5px 0 0px 5px;} #nextstep b, #nextstep p {font-size:14px;}
#actions {float:right; width: 120px; padding:5px 0 0 0;} #actions ul li {float:left;}
#actions ul li a {float:left; height:13px; width:14px; background:url(../images/icons-actions-136x33.gif); }
#actions ul li#lnk-print a {background-position: -69px 0px; border-left: 1px solid #DDD; padding: 0px 10px; width:15px; } #actions ul li#lnk-email a {border-left: 1px solid #DDD; padding: 0px 10px; background-position: -106px 0px; width:10px;}
#actions ul li#lnk-m a {background-position: -20px 0px; margin:0 5px;} #actions ul li#lnk-l a {background-position: -41px 0px;}
#actions ul li#lnk-s a:hover {background-position: -20px 0px;} #actions ul li#lnk-m a:hover {background-position: -20px 0px;} #actions ul li#lnk-l a:hover {background-position: -41px 0px;}
#certs2 {float:right;} #jan {float:left; width:160px; text-align:center; padding:10px; font-size:10px;} #jan img {padding:0 0 2px 0;}
#sitemap li {float:left;padding:0 52px 0 0;} #sitemap {height:120px;}

/* Contact */
#form {overflow:hidden;width:640px;  background:#eee; padding:20px 30px 30px 30px;} #form b {color:#ff0000;} #form ul li {float:left; font-weight:bold;}

li#first{padding:0 30px 0 0; width: 250px; /*height: 130px;*/}
li#second{width: 250px; /*height: 130px;*/}

#form h1 {text-align:center; font-style:italic;}

#submitbut {float:right; text-align:right; position:relative; left:11px; top:7px;} #form h1 {padding:0 0 5px 0;} #req {float:left; color:#555;} #f-site {width:360px;} #f-site, #f-name, #f-email, #f-message, #f-phone {border:1px solid #aaa;} #f-name, #f-email, #f-phone {background:url(../images/inputbot1.png);}  #f-site {background:url(../images/inputbot2.png);} #f-message {background:url(../images/input3.png);}
#f-message {height:69px; width:360px;} input,textarea,select {padding:0;margin: 1px 0px 5px; } input {height:22px; width:250px;} #c-mr, #c-name, #c-email, #c-phone, #c-site {background:url(../images/input168x20.png); border:1px solid #aaa;} #c-message {background:url(../images/textarea.png); border:1px solid #aaa;}
#cform {width:700px; height:380px;} #c-message {width:230px; height:69px;} #cform input {width:230px;} select {height:22px;}
#labels, #inputs {float:left;} #labels div {font-weight:bold; height:16px; display:block; width:80px; padding:6px 10px 6px 0; text-align:right;} #inputs a {position:relative; top:5px; right:5px;}
#cfleft {float:left; width:380px;}#cfright {float:left; width:265px; border-left:1px solid #ddd;}#cfrighty {padding-left:55px;} #cfright h2 {margin-top:0px;}
#priv { float:right;font-size:10px;}
#cfleft #priv {margin:0 10px 20px 0;}
.pi-invalid {margin-top:-3px;}

/* Portfoio */
#pbox { width:509px; height:190px; padding:6px 0 0 7px; margin:0 0 20px 0; background:url(../images/boxp.png);}
#ptxt { width:170px; height:210px; float:right; } #ptxt div {position:relative; top:30px; border-top:1px solid #ddd; width: 170px; padding-top:5px;}

/* Footer */
#footer {background:url(../images/bgf.gif); text-align:center; margin: 0 0 30px 0;}
#footerbox {height:133px; width:964px; margin:0 auto; text-align:left;} #footer, #footer a {color:#888;} #fli {font-size:12px; font-weight:bold; color:#000; border-bottom:1px solid #888; padding:0 0 5px 0; margin:0 0 5px 0;}
#footer ul li {float:left; padding:0 44px; margin:20px 0 0 0; height:110px; } #f-sitemap li {font-size:11px;}
#linktous {padding:0 0 0 140px !important; border:0 !important;}
#copyright {clear:right; float:right; padding:0px 0 0 11px; color:#666; font-size:10px; text-align:right;} #copyright a {color:#666;} #certs b {position:relative; top:22px; padding:0; margin:0;}
#certs {position:relative; bottom:10px; text-align:left; float:right; height:50px; padding:0; width:150px; font-size:12px; background: url(../images/certs.png) no-repeat;}
#keywords{float:left; width:964px; text-align:center; padding:10px 0;}
#keywords a {color:#bbb;} #certs a {width:140px;height:50px; display:block; float:right;}

div#actions ul li {float:left;}
div#actions ul li a {background-image: url(http://www.proimpact7.com/assets/images/icons-actions-136x33.gif);background-repeat: no-repeat;display: block;height: 13px;width: 14px;}
div#actions ul li a span {display:none;}
div#actions ul li.lnk-s a { background-position:0 0; }
div#actions ul li.lnk-m a { background-position:-20px 0; }
div#actions ul li.lnk-l a { background-position:-41px 0; }

div#actions ul li.lnk-s a.active { background-position:0 -20px; }
div#actions ul li.lnk-m a.active { background-position:-20px -20px; }
div#actions ul li.lnk-l a.active { background-position:-41px -20px; }

/* Added by Todor */
#first_name_error, #email_error, #phone_error {
	margin-top: -5px;
	margin-bottom: 9px;
}

.pi-invalid {
	font-size: 9px;
	color: red;
	font-weight:bolder !important;
}

.label-error {
	padding-bottom:20px !important;
	color: red;
}

.killfloat {
	clear: both;
}

#f-sendbutton {
	width: 244px; 
	height: 55px; 
	left:405px;
	position:relative; 
	margin:0;
}

#second{
	padding: 0;
	margin: 0;
}