/* (c) Copyright DR Solutions International Ltd / Author: Andrew Green / Style Sheet: DR Solutions */ /* DEFAULT */ * {width:auto;height:auto;margin:0px;padding:0px;} html {height:100%;} body {height:100%;background:#FFFFFF url("body.jpg") repeat-x 0px 110px;font:normal 62.5% Arial, Verdana, Tahoma;color:#666666;cursor:default;} div {} h1, h2, h3 {font-weight:normal;} h1 {font-size:5.50em;color:#666666;} h2 {font-size:2.60em;color:#666666;} h3 {font-size:1.20em;color:#666666;} p {font-size:1.40em;color:#666666;} a {color:#666666;text-decoration:none;} a:hover {text-decoration:underline;} li {font-size:1.40em;color:#666666;} img {border:0px;} a, select, input.submit, input.checkbox, label {cursor:pointer !important;} /* STYLE */ #menu, #foot {width:100%;height:48px;background:#369A04 url("green.png") repeat-x 0px 0px;border:1px solid #369A04;border-width:1px 0px;} #head {width:912px;margin:auto;} #head {height:136px;} #head a.logo {float:left;margin-top:34px;} #head a.logo img {width:335px;height:67px;} #head a.call {float:right;margin-top:55px;} #head a.call img {width:285px;height:33px;} #menu {} #menu div {overflow:hidden;width:912px;margin:auto;} #menu ul {float:left;list-style:none;} #menu li {float:left;} #menu li a {padding:16px;line-height:48px;color:#FFFFFF;} #menu li a.active {background:transparent url("link-hover.png") repeat-x 0px 0px;border:1px solid #369A04;padding-top:10px;font-weight:bold;text-decoration:none;} #menu p {float:right;line-height:48px;text-align:right;color:#FFFFFF;} #menu p img {width:34px;height:32px;} #menu p strong {float:left;} #menu p a {float:left;margin:8px 0px 0px 10px;line-height:12px;} #menu p.googleplusone {width:70px;float:right;padding:7px 0px 0px 15px;} #menu p.googleplusone div {line-height:normal;padding:5px 0px 0px 10px;overflow:hidden;} #body {width:100%;} #page {overflow:hidden;width:912px;margin:auto;} #page .notice {display:block;height:35px;background:#EEEEEE;border:1px solid #666666;padding:0px 10px 0px 10px;margin:15px 0px;line-height:35px;font-size:1.20em;} #page .notice.red, #page .notice.green, #page .notice.blue, #page .notice.yellow {background-position:15px center;background-repeat:no-repeat;padding-left:45px;} #page .notice.red {background-color:#FF7D7D;background-image:url("notice-red.png");border-color:#990000;color:#990000;} #page .notice.green {background-color:#B3FFB3;background-image:url("notice-green.png");border-color:#019901;color:#019901;} #page .notice.blue {background-color:#CEE7FF;background-image:url("notice-blue.png");border-color:#0167CC;color:#0167CC;} #page .notice.yellow {background-color:#FFE3BB;background-image:url("notice-yellow.png");border-color:#FF9901;color:#FF9901;} #home {overflow:hidden;padding-bottom:30px;} /*#home {background:url("home.png") repeat-x center bottom;}*/ /*#home {background:url("home2.png") repeat-x center 340px;}*/ #home h2 {display:block;width:520px;padding:30px 0px 0px 15px;line-height:44px;font-size:4.00em;color:#FF8939;} #banner {overflow:hidden;width:890px;height:250px;border:1px solid #CCCCCC;padding:10px;position:relative;} #banner div.wrapper {overflow:hidden;width:890px;height:250px;} #banner ul {overflow:hidden;width:5400px;height:250px;list-style:none;position:relative;} #banner li {overflow:hidden;float:left;width:890px;height:250px;background:#FFFFFF;padding-right:10px;} #banner li img {float:left;width:890px;height:180px;} #banner li div {float:left;width:850px;height:50px;background:#333333;padding:10px 20px;} #banner li div p {display:block;float:left;width:680px;height:50px;font-size:1.60em;line-height:25px;color:#FFFFFF;} #banner li div p a {font-size:0.60em;color:#FFFFFF;} #banner li div a.more {float:right;display:block;width:150px;background:#70B74C url("banner-more.png") repeat-x center center;margin-top:8px;line-height:30px;font-size:1.10em;font-weight:bold;color:#FFFFFF;text-align:center;text-decoration:none;} #banner a.prev, #banner a.next {display:none;width:33px;height:99px;padding:40px 0px;line-height:0.00em;font-size:0.00em;} #banner a.prev {background:url("banner-prev.png") no-repeat left center;padding-right:30px;position:absolute;left:10px;top:10px;} #banner a.next {background:url("banner-next.png") no-repeat right center;padding-left:30px;position:absolute;left:837px;top:10px;} #news {overflow:hidden;display:block;float:left;width:540px;margin-left:5px;list-style:none;} #news li {overflow:hidden;display:block;padding:20px 0px 0px 0px;} #news li a.calendar {display:block;float:left;width:52px;height:82px;background:url("news-calendar.png") no-repeat left top;padding-right:6px;text-align:center;text-decoration:none;} #news li a.calendar strong {display:block;color:#333333;padding-top:18px;line-height:10px;font-size:0.80em;} #news li a.calendar span {display:block;color:#B70000;line-height:22px;font-size:1.20em;font-weight:bold;} #news li h2 {display:block;float:right;width:470px;padding:0px 0px 10px 0px;line-height:30px;font-size:1.70em;color:#535353;} #news li p {display:block;float:right;width:470px;font-size:0.85em;} #news li a {color:#369a04;} #news li a.more {float:right;display:block;width:120px;background:#FF8939 url("news-more.png") repeat-x center center;margin-top:10px;line-height:30px;font-size:1.00em;font-weight:bold;color:#FFFFFF;text-align:center;text-decoration:none;} #news li a:hover {text-decoration:none;} #twitter {overflow:visible;float:right;width:340px;margin-right:10px;} #twitter a.twitter {display:block;float:left;width:340px;height:100px;background:url("twitter.png") no-repeat left top;margin-top:-22px;line-height:0px;font-size:0px;position:relative;} #twitter a.twitter:hover {background-position:left -100px;} #twitter a.skype {display:block;float:left;width:105px;height:47px;background:url("skype.png") no-repeat left top;font-size:0.00em;} #juitter {float:left;width:350px;height:250px;margin:15px 0px;} #juitter ul {width:340px;padding-top:5px;} #juitter li {overflow:hidden;display:block;padding-bottom:5px;} #juitter li p {display:block;float:left;width:280px;height:36px;padding-top:2px;line-height:12px;font-size:0.80em;} #juitter li p a {color:#333333;} #juitter li .juitterAvatar {display:block;float:left;width:48px;height:48px;border:1px solid #E0E0E0;margin-right:5px;padding:2px;} #juitter li .JRM {display:block;float:left;font-size:0.80em;color:#0167CC;} #skype {float:right;text-align:right;} #skype img {width:182px;height:44px;} #portfolio {margin:20px auto;} #portfolio h2 {line-height:50px;} #portfolio h2 span {color:#369A04;} #portfolio img {width:890px;height:180px;border:1px solid #CCCCCC;padding:10px;} #portfolio h2 a:hover {text-decoration:none;} #portfolio h2 a:hover img {background-color:#7DBE5C;border-color:#369A04;} #contact {margin:20px auto;} #contact h2, #contact p {padding:5px 10px;} #contact p {margin-bottom:10px;} #contact div.address, #contact div.form {width:440px;padding-bottom:10px;} #contact div.address {float:left;} #contact div.form {float:right;} #contact div.form p.notice {border:1px solid #999999;margin:5px 10px;padding:0px 10px 0px 45px;} #contact div.form p.notice.green {background-color:#B3FFB3;border-color:#99CC99;color:#006600;} #contact div.form p.notice.red {background-color:#FF7D7D;border-color:#CC0000;color:#660000;} #contact div.form form div {width:auto;height:auto;overflow:hidden;} #contact div.form form h2 {background-color:#EEEEEE;padding:5px 10px;} #contact div.form form h2 span {float:right;padding-top:1px;font-size:0.80em;} #contact div.form form p {display:block;overflow:hidden;padding:2px 10px;margin-bottom:1px;} #contact div.form form p label {float:left;padding-top:8px;} #contact div.form form p input, #contact div.form form p select, #contact div.form form p textarea {float:right;padding:5px;border:1px solid #CCCCCC;} #contact div.form form p input {width:220px;} #contact div.form form p select {width:232px;} #contact div.form form p textarea {width:408px;margin:5px 0px;} #contact div.form form p input.required, #contact div.form form p select.required, #contact div.form form p textarea.required {} #contact div.form form p input.error, #contact div.form form p select.error, #contact div.form form p textarea.error {background-color:#FF7D7D;border-color:#CC0000;} #contact div.form form p input.form-error, #contact div.form form p select.form-error, #contact div.form form p textarea.form-error {background-color:#FF7D7D;border-color:#CC0000;} #contact div.form form strong {float:right;padding-right:5px;font-size:1.50em;color:#CC0000;} #contact div.form form .submit {float:right;background:#FFFFFF;border:1px solid #999999;margin:0px 10px 15px 0px;padding:5px;} #contact div.form form .submit:hover {background:#7DBE5C;border-color:#99CC99;color:#FFFFFF;} #googleMap {float:none !important;width:400px !important;height:240px !important;border:1px solid #CCCCCC;margin-left:10px !important;} #foot {height:133px;background-color:transparent;background-position:0px 85px;border-top-color:#CCCCCC;} #foot div {overflow:hidden;width:912px;margin:auto;} #foot p.sponsor {height:65px;padding:10px;text-align:right;display:block;overflow:hidden;} #foot p.sponsor span {line-height:0px;font-size:0px;color:#FFFFFF;} #foot p.sponsor span img {width:188px;height:65px;} #foot p.sponsor a {margin-left:10px;} #foot p.sponsor a img {width:65px;height:65px;} #foot p.copy {line-height:48px;text-align:right;color:#FFFFFF;} #foot p.copy img {width:34px;height:32px;} #foot p.copy strong {float:left;} #foot p.copy a {float:left;margin:8px 0px 0px 10px;line-height:12px;} #foot.fixed {position:absolute;top:100%;left:0px;margin:-50px 0px 0px 0px;} /* COMMON */ .pointer {cursor:pointer !important;}