body {text-align: center; margin: 0; padding: 0; font-size: 14px; width: 100%; background: #ffffff; font-family: Verdana, Arial; color: #333333; }

#wrapper-inner { width: 1000px; margin: 0 auto 0 auto; padding: 20px 0 20px 0; background: #ffffff; }
#wrapper-outer { width: 100%; margin: 0; padding: 0; background: url('http://www.xyz-renewableenergy.co.uk/solarairuk/images/background-1.gif') no-repeat 50% 0px; }

.clear { clear: both; margin: 0; padding: 0; }
.wrapper {width: 1003px; margin: 0 auto 0 auto; padding: 0; }

#header {width: 100%; min-height: 65px; background: #ECE8E9; }
#header-wrapper { background: #ECE8E9 url('http://www.xyz-renewableenergy.co.uk/solarairuk/images/logo.gif') no-repeat left 50%; text-align: right; }
#phone { font-size: 300%; font-family: arial black; letter-spacing: -3px; margin: -10px 0 0 0; padding: 0; display: block; color: #e68421; }
#free { font-size: 126%; letter-spacing: 0.6px; font-family: arial; font-weight: bold; margin: 0 ; padding: 0; display: block; color: #006eb6; }

#nav1-top { clear: both; width: 100%; padding: 10px 0 0 0; margin: 0; background: #e68421 url('http://www.xyz-renewableenergy.co.uk/solarairuk/images/nav1-gradient.jpg') repeat-x left top;}
#nav1-bottom { width: 100%; padding: 0 0 10px 0; margin: 0; background: #e68421 url('http://www.xyz-renewableenergy.co.uk/solarairuk/images/nav1-gradient2.jpg') repeat-x left bottom; }
#nav1-wrapper { background: url('http://www.xyz-renewableenergy.co.uk/solarairuk/images/nav1-vertical-gradient.jpg') repeat-y left top; }
#nav1-top a { display: block; float: left; color: #ffffff; text-decoration: none; padding: 1px 10px 1px 10px; margin: 0; background: url('http://www.xyz-renewableenergy.co.uk/solarairuk/images/nav1-vertical-gradient.jpg') repeat-y right top; font-family: arial; font-weight: bold; font-size: 120%; letter-spacing: -0.5px; }
#nav1-top a:hover { color: #006eb6; }
h1 { float: right; color: #ffffff; padding: 0; margin: 0; font-size: 130%; letter-spacing: 0.6px; font-family: arial; font-weight: bold; }

#nav2-top { clear: both; width: 100%; padding: 10px 0 0 0; margin: 0; background: #093a84 url('http://www.xyz-renewableenergy.co.uk/solarairuk/images/nav2-gradient.jpg') repeat-x left top; }
#nav2-bottom { width: 100%; padding: 0 0 10px 0; margin: 0; background: #093a84 url('http://www.xyz-renewableenergy.co.uk/solarairuk/images/nav2-gradient3.jpg') repeat-x left bottom; }
#nav2-wrapper { background: url('http://www.xyz-renewableenergy.co.uk/solarairuk/images/nav2-vertical-gradient.jpg') repeat-y left top; }
#nav2-top a { display: block; width: 250px; float: left; color: #ffffff; text-decoration: none; padding: 0px 0px 0px 0px; margin: 0; background: url('http://www.xyz-renewableenergy.co.uk/solarairuk/images/nav2-vertical-gradient.jpg') repeat-y right top; text-align: center; font-family: arial; font-weight: bold; font-size: 120%; letter-spacing: -0.5px;}
#nav2-top a:hover { color: #e68421; }

#banner { width: 100%; clear: both; background: #3399cc url('http://www.xyz-renewableenergy.co.uk/solarairuk/images/banner-gradient.png') repeat-x 100% 0; text-align: center; padding: 10px 0 10px 0;}
#BannerDiv { margin: 0px auto 0px auto; padding: 0; background: url('http://www.xyz-renewableenergy.co.uk/solarairuk/images/1.jpg') no-repeat 50% 0px; }

#banner ul { margin: 0px 0px 0px 0; padding: 0; float: left; width: 199px; list-style-type: none; }
#banner ul li {text-align: left; margin: 0; padding: 5px 20px 5px 20px; }
#banner ul li a { color: #555555; }
#banner ul li a:hover { text-decoration: none; color: #555555; }

#right-menu { width: 200px; float: right; background: url('http://www.xyz-renewableenergy.co.uk/solarairuk/images/column-border.png') no-repeat 0 100px; padding: 0 0 40px 20px; font-family: Georgia; }
h4 { margin: 0; padding: 0; font-family: Arial; font-size: 110%; }
#right-menu-nav { margin: 10px 0 30px 0; padding: 0; }
#right-menu-nav a { display: block; text-decoration: none; text-align: left; width: 190px; border-bottom: 1px dashed #999999; padding: 5px 0 5px 10px; margin: 0 0 0 0px; color: #555555; font-family: Georgia; font-size: 95%; }
#right-menu a:hover { color: #7a9540; }

#right-menu form { text-align: left; margin: 0 0 20px 0; padding: 0 10px 0 0; width: 180px; font-size: 95%; }
#right-menu form input.text { width: 100%; margin: 0 0 5px 0; }
#right-menu form input.submit { margin: 5px 0 5px 0; }

#footer1-top, #footer1-middle, #footer1-bottom { text-align: center; clear: both; width: 100%; margin: 0; }

#footer1-top { background: url('http://www.xyz-renewableenergy.co.uk/solarairuk/images/footer1.gif') no-repeat 50% top; color: #ffffff; font-size: 110%; padding: 16px 0 12px 0; }
#footer1-middle { background: url('http://www.xyz-renewableenergy.co.uk/solarairuk/images/footer1.gif') no-repeat 50% -85px; color: #000000; font-size: 90%; padding: 0; font-family: Arial; }
#footer1-middle p { padding: 0 10px 0 0; margin: 0; }
#footer1-bottom { background: url('http://www.xyz-renewableenergy.co.uk/solarairuk/images/footer1.gif') no-repeat 50% bottom; padding: 0 0 47px 0; }

#footer1-top table, #footer1-middle table { table-layout: fixed; border-collapse: collapse; width: 945px; text-align: center; margin: 0 auto 0 auto; padding: 0 7.5px 0 7.5px; }
#footer1-top table th { padding: 0 7.5px 0 7.5px; text-align: center; width: 300px; color: #ffffff; font-size: 110%; margin: 0; }
#footer1-middle table td { padding: 0 7.5px 0 7.5px; text-align: center; width: 300px; font-size: 85%; margin: 0; }
#map { float: left; height: 120px; }

#footer2 { background: url('http://www.xyz-renewableenergy.co.uk/solarairuk/images/footer2.gif') no-repeat 50% 50%; width: 100%; height: 100px; clear: both; }

#main-content { width: 769px; float: left; clear: both; text-align: left; padding: 0 0 0 10px; margin: 0; }
h2 { margin: 0; padding: 0 0 10px 10px; text-align: left; font-variant: small-caps; font-size: 160%; font-family: Arial; }
h3 { margin: 0; padding: 10px 0 0 10px; text-align: left; font-family: Arial; font-variant: small-caps; font-size: 110%; }
#main-content div.dashed-txt-section-right h3 { padding: 10px 0 0 0px; margin-left: -10px; }

#main-content p { margin: 0; padding: 10px; text-align: justify; font-size: 95%; clear: both; }
#main-content p.list-note { padding: 10px 10px 0px 10px; margin-bottom: -5px; }
#main-content ul { clear: both; }
#main-content ul li { background: url('http://www.xyz-renewableenergy.co.uk/solarairuk/images/green-tick.jpg') no-repeat left 50%; list-style-type: none; padding: 0 0 5px 25px; margin: 0;font-size: 95%;}
#main-content a { color: #0000ff; }
#main-content a:hover { text-decoration: none; }

#main-content div.txt-box { clear: both; width: 100%; background-color: #D8DDEB; margin: 5px 0 10px 0; }
.txt-box h3 { color: #093a84; padding-left: 20px; }
#main-content div.txt-box p { padding-left: 20px; padding-right: 20px; }

.dashed-txt-section-right, .dashed-txt-section-left { border-top: 1px dashed #D8DDEB; border-bottom: 1px dashed #D8DDEB; margin: 10px; padding: 0 10px 0 10px; }

#main-content div.dashed-txt-section-right p a.txt-title, #main-content div.dashed-txt-section-left p a.txt-title { text-align: left; color: #093a84; font-family: Arial; font-variant: small-caps; font-size: 110%; font-weight: bold; text-decoration: none; }
#main-content div.dashed-txt-section-right p a.txt-title:hover, #main-content div.dashed-txt-section-left p a.txt-title:hover { text-decoration: underline; }

#main-content form td { font-size: 80%; }
#main-content form { padding: 0 0 0 30px; }
textarea { width: 300px; height: 60px; }

.dashed-txt-section-right img{ float: right; height: 80px; margin: 10px; }
.dashed-txt-section-left img{ float: left; height: 80px; margin: 10px; }

#main-content div.iframe { width: 100%; text-align: center; margin: 0 0 20px 0; }
iframe { margin: 0 auto 0 auto; }

