/* CSS Document */

* {	margin:0; padding:0; font-size:100%;}

body{background:url(images/top-tail.jpg) top repeat-x #f4f4f4; text-align:center;}
.top-tail-right{ position:absolute; height:461px; right:0; width:50%; background:url(images/top-tail2.jpg) top repeat-x; }

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html{ font-family:Arial, Helvetica, sans-serif; font-size:0.8125em; line-height:1.462em; color:#3a3a3a;}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#4b4b4b;}
.grey{ color:#3a3a3a;}
.red{ color:#b91c1c; font-weight:bold;}
a:hover{text-decoration:none;}
p {padding-top:19px;}

/* ============================= main layout ====================== */
.imgindent {margin:0 20px 0 0; float:left;}
.padding1{ padding-top:18px;}
.padding2{ padding-top:7px;}
.text3{ padding:15px 10px 0 0;}

/* ============================= header ====================== */
#header{position:relative;}
object{ vertical-align:top;}

/* ============================= content ====================== */
#content{ padding:27px 74px 22px 70px;}
.box{ background:url(images/box-tail-bottom.gif) bottom repeat-x #ffffff; width:100%; margin-bottom:19px; color:#4b4b4b}
.box .top-border{ background:url(images/top-border.gif) top repeat-x; width:100%;}
.box .left-border{ background:url(images/left-border.gif) left repeat-y; width:100%;}
.box .right-border{ background:url(images/right-border.gif) right repeat-y; width:100%;}
.box .left-top{ background:url(images/box-corner-left-top.gif) top left no-repeat; width:100%;}
.box .right-top{ background:url(images/box-corner-right-top.gif) top right no-repeat; width:100%;}
.box .left-bot{ background:url(images/box-corner-left-bot.gif) bottom left no-repeat; width:100%;}
.box .right-bot{ background:url(images/box-corner-right-bot.gif) bottom right no-repeat; width:100%;}

.box .indent{ padding:22px 20px 30px 37px;}
.box .title{ padding:17px 0 15px 0;}
.box .link2{ padding-top:22px; background:none; margin-top:0;}
.line{ background:url(images/line.gif) repeat-y 380px 0;}

.text2{ padding-right:50px;}
.title{ padding-bottom:7px;}

.box .column-1{ width:355px;}
.box .column-2{ width:355px; margin-left:58px;}
.box .col-1{ width:94px;}
.box .col-2{ width:258px;}

/* ============================= page1 ====================== */
#page1 .content .column-2{ margin-left:40px;}
#page1 .content .column-3{ margin-left:40px;}

/* ============================= page2 ====================== */
#page2 .content .column-2{ margin-left:33px;}
.portfolio img{ margin-bottom:15px;}
.portfolio .last{ margin-bottom:0px;}

/* ============================= page3 ====================== */
#page3 .content .column-2{ margin-left:53px;}
.phone{ float:right; padding-right:70px;}

.list{ float:left; padding-right:12px;}
.list li{ margin-right:1px; float:left; text-align:center;}
.list li a{ color:#f27171; width:20px; display:block; text-decoration:none; font-weight:bold; background:#b91c1c; padding:2px 0 1px 0;}
.list li a:hover, .list .act{ color:#ffffff;}
.list .last{ margin-right:0px;}

.link{ background:url(images/link-bg.gif) right top no-repeat; padding-right:10px; display:block; margin-top:7px; float:left; color:#b91c1c; font-weight:bold;}

/* ============================= footer ====================== */
#footer{ border-top:solid 4px #bdbdbd; margin:0 74px 0 70px;}
#footer .text{  font-size:0.846em; color:#686868; padding:25px 0 0 3px;}
#footer a{ color:#686868;}
#footer .text span{ font-weight:bold; text-transform:uppercase;}

/* ============================= forms ============================= */
#ContactForm{ padding-top:28px;}
#ContactForm label{ display:block; height:30px;}
#ContactForm input{ border:solid 1px #414143; width:310px;}
#ContactForm span{ width:75px; display:inline-block;}
#ContactForm textarea{ float:right; border:solid 1px #414143; width:310px; margin-right:3px; height:135px; font-size:1em; overflow:hidden;}
#ContactForm .margin1{ margin-right:30px;}