body {
margin: 0;
padding: 0;
text-align: center;
background: #dce4e6 url(../images/body_bg.png) repeat-x;
}

#phone_num {
float: left;
height:35px;
margin:0 0 20px 0;
padding-top: 6px;
width:958px;
background: #333 url(../images/welcome_head.png) no-repeat 3px 3px; 
text-align: right;
}

#phone_num h2 {
color:#eee;
font-weight: normal;
margin:5px 12px 0 0;
font-size: 16px;
}

#phone_num h2 span {
font-size:13px;
}

hr {
width:98%;
background: #ccc;
border:#ccc;
height: 1px;
}

.readview {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #DDDDDD;
min-height:686px;
height:auto !important;
height:686px;
margin:8px 0 8px 8px;
width:720px;
}

.readview p {
color:#555555;
font-size:13px;
line-height:20px;
margin:8px 12px;
text-align:justify;
}

.readview h4.address, .readview h3.address_title {
text-align: center;
}

.readview h4.address {
color:#666;
font-size: 21px;
}

.readview h3.address_title {
color:#444;
font-size: 23px;
}

.readview img.repairs {
margin:0 0 12px 12px;
}

.readview img.links {
margin:6px 0 0 12px;
}

.readview a img {
border: 0;
}

.readview p a {
color:#333;
font-weight: bold;
font-size: 14px;
text-decoration: none;
border: 0;
}

.readview p a:hover {
text-decoration: underline;
}

span.error {
width:400px;
height:33px;
color:#990000;
border:1px solid #990000;
background: #ddd;
font-size: 13px;
float: left;
text-align: center;
}

.formError {
	padding: 0 20px 0 0;
	margin: 0px 0px 10px 0px;
	color: #FD0000;
}


.readview h4 {
 margin:15px 9px 9px 12px;
 color:#444;
}

.image_wrapper, .image_box, .image_actual img, .image_title, .image_actual, .image_pricing {
 float:left;
}

.image_wrapper {
 width:700px;
 min-height: 200px;
 height:auto !important;
 height:200px;
 margin-left: 13px;
 margin-bottom: 10px;
}

.image_box {
 width:150px;
 padding: 11px;
 min-height:200px;
 height:auto !important;
 height:200px;
 margin: 0 2px 2px 0;
 background: #333;
}

.image_actual img {
 border:none;
}

.image_title, .image_pricing {
 width:150px;
 height:30px;
}

.image_title {
 background: #fafafa;
 margin:0 0 8px 0;
}

.image_pricing {
 background: #eee;
 margin:8px 0 0 0;
}

.image_title p, .image_pricing p {
 margin: 6px 0 0 0;
 font-size: 16px;
 text-align: center;
}

.image_title p {
 color:#444;
}

.image_pricing p {
 font-weight: bold;
 color:#000;
}

.image_title p a {
 color:#444;
 font-size: 16px;
 text-decoration: none;
}

.image_title p a:hover {
text-decoration: underline;
}

.image_actual{
 width:150px;
 height:180px;
 background: #ccc;
}

.readview ul {
 margin: 10px 0 10px 25px;
 padding: 0;
 list-style: square;
}

.readview ul li {
 color:#555;
 list-style:square;
 font-size: 14px;
 line-height: 25px;
}

.readtitle {
background:#efefef none repeat scroll 0 0;
border:1px solid #DDDDDD;
height:auto !important;
margin:6px 1% 8px;
min-height:40px;
width:98%;
}

.readtitle h3 {
color:#666666;
font-size:16px;
margin:13px 0 0 12px;
}

#page_top {
height:3px;
background: #888;
width: 100%;
}

p,h1,h2,h3,h4,h5,h6 {
margin:0;
padding:0;
}

label {
display: block;
}

#wrapper {
width:958px;
min-height: 600px;
text-align: left;
margin:20px auto 20px auto;
font-family: 'Helvetica', sans-serif;
}

#footer {
width:956px;
height:36px;
background: #D7D7D7 url(../images/submenu_bg.png) repeat-x bottom;
float: left;
border-right:1px solid #ccc;
border-left:1px solid #ccc;
border-top:1px solid #cfd9dc;
}

#footer ul {
float:left;
list-style-type:none;
margin:5px 0 0 6px;
padding:0;
width:956px;
}

#footer ul li {
background:#f3f3f3;
border:1px solid #f3f3f3;
float:left;
margin-right:1px;
padding:0;
}

#footer ul li:hover {
background:#fafafa;
}

#footer ul li a {
color:#444F54;
float:left;
font-size:11px;
line-height:2.1;
text-align:center;
text-decoration:none;
width:115px;
}

#header {
width:958px;
height: 120px;
float: left;
}

#header img {
float: left;
}

#header p {
margin:0;
margin-left:831px;
color:#999999;
line-height: 27px;
}

#ad {
width:728px;
height:90px;
background: url(../images/banner.png) no-repeat top left;
margin:5px 0 0 230px;
cursor:pointer;
}

/* navigation and submenu */

ul#nav {
margin: 0;
padding: 0;
list-style-type: none;
width: 980px;
float: left;
}

ul#nav li {
margin-right: 1px;
padding: 0;
float: left;
background: url(../images/tab.png) no-repeat;
}

ul#nav a {
float: left;
width: 118px;
color: #eee;
font-size:12px;
text-decoration: none;
line-height: 2.1;
text-align: center;
border-right: 1px solid #FFF;
}

ul#nav li.current a, ul#nav li:hover a {
color:#444;
}

ul#nav li:hover, ul#nav li.current {
background-position: -118px 0;
color:#444f54;
}

#submenu {
background:#D7D7D7 url(../images/submenu_bg.png) repeat-x bottom;
width: 956px;
text-align: right;
height: 30px;
clear: left;
border-left: #B4B4B4 1px solid; 	
border-right: #B4B4B4 1px solid; 				
}

#submenu p {
position: relative;
top:9px;
right:15px;
font-size:12px;
}

#submenu p a {
font-size:12px;
text-decoration: none;
color: #222;
}

#submenu p a:hover {
text-decoration: underline;
}

#content {
width:956px;
min-height:500px;
float:left;
background: #fdfdfd url(../images/content_bg.jpg) repeat-y right top;
border-left: 1px solid #dadada;
border-right: 1px solid #aebcc1;
}

#left {
width:739px;
min-height:500px;
float:left;
}

#promo {
width:719px;
height:400px;
float: left;
margin-top:8px;
margin-left:10px;
background: url(../images/blinds.jpg) no-repeat top left;
}

#promo h1 {
font-size: 30px;
color:#3c4348;
line-height: 44px;
margin:20px 0 0 25px;
}

#promo p {
color:#3c4348;
text-align:justify;
line-height: 27px;
margin:20px 0 0 25px;
width:400px;
font-size:16px;
}

#promo p.button {
margin-top: 35px;
}

#promo p.button a {
font-size:21px;
font-weight: bold;
color:#3f454c;
text-decoration: none;
}

#promo p.button a:hover {
color:#111;
text-decoration: underline;
}

p.login {
font-size:12px;
text-align:justify;
width:200px;
margin:18px 0;
height:1px;
}

p.login a {
text-decoration:none;
color:#15317E;
}

p.login a:hover {
color:#333;
}


#right {
width:217px;
min-height:200px;
float:left;
padding-bottom:5px;
}

.right_box {
width:184px;
min-height:50px;
height:auto !important;
height:50px;
padding:6px 10px 10px 13px;
margin:5px 5px 0 5px;
background:#f8f8f8 url(../images/right_box_bg.jpg) repeat-x;
}

.right_box p.count {
 font-size: 14px;
 margin: 10px 0 0 10px;
 color:#555;
}

#number {
 width:130px;
 height:20px;
 padding: 10px 8px 5px 8px;
 background: #fff;
 text-align: center;
 margin: 0 auto;
 border: 1px solid #f1f1f1;
}

#number h3 {
 color: #555;
}

#quote {
 width:183px;
 height:133px;
 text-align: justify;
}

#quote p.quoted {
 color: #555;
 font-style: italic;
 font-size: 13px;
 line-height: 19px;
}

#quote p.customer {
 margin:10px 0;
 font-size: 13px;
 font-weight: bold;
 color:#555;
}

#quote p a {
 font-size:12px;
 color:#333;
 text-decoration: none;
}

#quote p a:hover {
 text-decoration: underline;
}

.clear {
clear: both;
}

p.rightboxheader {
margin:5px 0 8px 0;
}

p.rightboxheader, p.rightboxheader a {
color:#556164;
font-size:15px;
text-decoration: none;
}

p.rightboxheader a:hover {
text-decoration: underline;
}

img.rightboximg {
margin:0 5px 0 0;
position: relative;
top:1px;
}

input.form {
width:106px;
height:15px;
margin:0 0 5px 0;
border:1px solid #ccc;
color:#666;
background: white;
font-size: 12px;
}

label.loginlabel {
float:left;
color:#616158;
width:30px;
margin:3px 44px 6px 0;
font-size:13px;
}

input.button {
background:#555;
border:0;
color:#edf4f5;
font-size:10px;
width:50px;
height:24px;
padding:0;
float:right;
margin:0 2px 0 0;
}

.boxwrap {
min-height:160px;
height:auto !important;
height:160px;
float: left;
margin:5px 0 0 5px;
width:199px;
} 

.boxdesc {
background:#fff;
margin:0 0 0 0;
padding:2px 5px 8px 5px;
width:195px;
min-height:62px;
height:auto !important;
height:62px;
}

.boxdesc p {
font-size:11px;
text-align: justify;
color:#586467;
line-height: 15px;
}

/* right side styles icon links */

.rightboxlinks {
width:180px;
height:20px;
margin:0 0 5px 0;
background:#fff;
border:1px solid #fff;
padding:1px 0;
}

.rightboxlinks p {
float:left;
margin:4px 0 0 2px;
color:#555;
font-size:12px;
font-weight:bold;
text-decoration: none;
}

.rightboxlinks p a {
color:#687175;
font-size:12px;
font-weight:bold;
text-decoration: none;
}

.rightboxlinks p a:hover {
color:#333;
}

.rightboxlinks img {
float:left;
margin:2px 8px 0 2px;
}

.box {
min-height:215px;
height:auto !important;
height:215px;
background:#fff;
border: 1px solid #e9e9e9;
margin:6px 0px 7px 10px;
float:left;
width:352px;
}

.boxdesc h5 {
color:#586467;
margin:7px 0;
}

.boxdesc p {
color:#586467;
font-size:12px;
line-height:17px;
text-align:justify;
}

/* this positions the picture in each box */

img.boxpic {
margin:5px 0 0 5px;
float:left;
}

/* the header in each box -- a paragraph and span -- a link -- and a positioned icon */

.boxheader {
height:30px;
background: #eee url(../images/leftboxheader_bg.png) repeat-x;
border:1px solid #fafafa;
margin:4px 0 0 5px;
width:340px;
}

.boxheader p {
margin:9px 0 0 8px;
text-align: right;
}

.boxheader span {
float:left;
color:#586467;
font-size: 13px;
}

.boxheader span a {
color:#777;
font-size: 13px;
text-decoration: none;
font-weight: bold;
}

.boxheader span a:hover {
color:#333;
}

.boxheader p img {
margin:0 6px 0 0;
}

.boxlink {
height:29px;
margin:5px 0 5px 4px;
width:203px;
padding:11px 0 0 0;
}

.boxlink span {
margin:0;
padding:0;
}

.boxlink span a {
text-decoration:none;
color: #555;
font-size: 14px;
}

.boxlink span a:hover {
text-decoration: underline;
}

/* form styles */

.form_box {
 width:388px;
 min-height: 300px;
 height:auto !important;
 height:300px;
 float: left;
 margin:0 0 10px 20px;
}

.form_comment, .projects, .contact {
min-height:240px;
}

.form_comment {
 background: #333;
}

.projects {
background: #fff url(../images/drawing_site.jpg) no-repeat bottom left;
}

.contact {
background:  url(../images/contact.png) no-repeat bottom left;
}

form label {
 float: left;
 font-size: 14px;
 margin:5px 0 0 0;
 color:#333;
}

label.check {
 font-size: 12px;
}

form textarea {
 width:362px;
 border:1px solid #888;
 height:115px;
 margin:12px 0 6px 0;
}

form input {
 color:#666;
 width:220px;
 margin:0 0 20px 0;
 height:19px;
 font-size:14px;
 border: 1px solid #888;
 float:right;
 margin:4px 0 4px 5px;
}

form input.btn {
 width:90px;
 height:30px;
 font-size:11px;
 padding-bottom:2px;
 color:#555;
 margin:5px 0 0 0;
 border:none;
 background: none;
 border: 1px solid #888;
}

fieldset {
 margin:0 0 10px 0;
 border: none;
 padding-bottom: 10px;
}

legend {
 color:#333;
 text-transform: uppercase;
 font-size: 12px;
 font-weight: bold;
 margin:0 0 0 -10px;
 padding: 6px 0;
}

form p {
font-size: 14px;
color:#ccc;
margin:14px 0;
}

form p a {
text-decoration: none;
color:#ddd;
}

form p a:hover {
text-decoration: underline;
}

form select {
 margin:10px 0;
 width:150px;
 height:20px;
 font-size:13px;
 background:#fafafa;
 border:1px solid #ddd;
 color:#555;
 font-size:12px;
 float: left;
}

#messageBox{
width:720px;
background:#5881B2 none repeat scroll 0 0;
border:1px solid #DDDDDD;
height:auto !important;
margin:8px 0 8px 8px;
padding:5px 0px 5px 0px;
color:#fff;
font-weight:bold;
text-indent:10px;
}

#bottom {
 width:960px;
 height:20px;
 margin: 0 auto;
}

#bottom p, #bottom p a {
 font-size:8px;
 color:#777;
 margin:-5px 0 20px 0;
 font-family: 'Helvetica', sans-serif;
}