/* CSS Document */
body {
padding:0;
margin: 0;
background:url(images/bg-cloud.jpg) repeat-x bottom left #163d41;
font-family:"Times New Roman", Times, serif;
font-size: 12px;
}
img {
border:0 none;
}
form {
margin:0;
padding:0;
}
a:hover {
text-decoration:none;
}
div {
margin:0;
padding:0;
}
/* DIV IDs */
#container-base {
width:940px;
height:100%;
margin:auto;
position: relative;
}
#container {
padding: 0 0 20px 0;
position: relative;
margin:auto;
width: 860px;
border-left:#999 8px solid;
border-right:#999 8px solid;
height:auto;
background:#fff;
}
#header {
width:920px;
height:90px;
background:#000;
position:absolute;
top:30px;
z-index:100;
left:0;
padding:20px 0 0 20px;
}
#header-bg {
width:860px;
background:url(images/header-bg.jpg) no-repeat top left;
height:236px;
}
#header-corner_left {
width:40px;
height:29px;
background:url(images/header-corner_left.png) no-repeat top left;
position:absolute;
top:139px;
left:0;
}
#header-corner_right {
width:248px;
height:194px;
background:url(images/header-corner_right.png) no-repeat top right;
position:absolute;
top:30px;
left:790px;
z-index:100;
}
#header-logo {
width:289px;
height:68px;
float:left;
}
#nav {
width:545px;
height:54px;
left:330px;
margin:0;
color:#fff;
position:absolute;
z-index:150;
top:60px;
background:url(images/nav-bg.gif) no-repeat top left;
padding:10px 0 0 30px;
}
#nav a.equine, #nav a.services, #nav a.about, #nav a.blog, #nav a.contact {
display:block;
height:28px;
position:relative;
float:left;
padding:0 20px 0 15px;
}
#nav a.equine {
background:url(images/nav-equine.gif) no-repeat 0px 0px;
width:70px;
}
#nav a.equine:hover {
background:url(images/nav-equine.gif) no-repeat 0px -28px;
}
#nav a.services {
background:url(images/nav-services.gif) no-repeat 0px 0px;
width:91px;
}
#nav a.services:hover {
background:url(images/nav-services.gif) no-repeat 0px -28px;
}
#nav a.about {
background:url(images/nav-about.gif) no-repeat 0px 0px;
width:58px;
}
#nav a.about:hover {
background:url(images/nav-about.gif) no-repeat 0px -28px;
}
#nav a.blog {
background:url(images/nav-blog.gif) no-repeat 0px 0px;
width:47px;
}
#nav a.blog:hover {
background:url(images/nav-blog.gif) no-repeat 0px -28px;
}
#nav a.contact {
background:url(images/nav-contact.gif) no-repeat 0px 0px;
width:86px;
}
#nav a.contact:hover {
background:url(images/nav-contact.gif) no-repeat 0px -28px;
}
#body-cta {
position:absolute;
width:840px;
top:145px;
left:0;
height:70px;
padding:30px 0 0 20px;
}
#body-cta h1 {
color:#000;
padding:0;
margin:0;
font-size:38px;
font-weight:normal;
}
#body-cta h2 {
color:#c1177b;
padding:0;
margin:0 0 0 0;
font-size:17px;
font-weight:normal;
}
#body {
width:840px;
position:relative;
height:600px;
margin:0;
padding:0;
}
#left-col {
width:400px;
height:auto;
padding:20px 0 0 10px;
float:left;
}
div.services {
margin:40px 0 0 0;
}
#portfolio {
width:400px;
height:auto;
padding:20px 0 0 10px;
border:#ff0000 1px solid;
}
#left-col p {
color:#000;
padding:0;
margin:10px 0 0 10px;
font-size:13px;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
}
#left-col p a:link.contact {
color:#b7267b;
float:left;
text-decoration:none;
}
#left-col p a:link.contact {
text-decoration:underline;
}
#featured-work {
width:460px;
height:372px;
position:absolute;
top:430px;
left:5px;
z-index:200;
background:#fff;
}
#serivces-work {
width:460px;
height:500px;
position:absolute;
top:270px;
left:5px;
z-index:200;
background:#fff;
}
#services_label {
background:url(images/services_label.png) no-repeat top left;
width:184px;
height:55px;
position:absolute;
left:398px;
top:285px;
z-index:250;
display:none;
}
p#desc {
color:#fff;
}
#services_label2 {
background:url(images/services_label2.png) no-repeat top left;
width:184px;
height:55px;
position:absolute;
left:398px;
top:310px;
z-index:250;
display:none;
}
#featured-work_corner, #services_corner {
background:url(images/featured-work_corner.png) no-repeat bottom left;
width:23px;
height:20px;
position:absolute;
top:382px;
width:30px;
}
#services_corner {
top:510px;
}
#featured-work_label {
background:url(images/featured-work_label.png) no-repeat top left;
width:184px;
height:55px;
position:absolute;
top:780px;
left:308px;
z-index:250;
}

#right-col {
position:absolute;
height:auto;
left:470px;
margin:0;
padding:20px 0 0 0;
}
#green-bar {
position:relative;
margin:0 0 0 0;
}
#green-bar a span {
color:#fff;
font-size:30px;
font-weight:normal;
margin:0;
padding:5px 0 0 10px;
width:410px;
height:45px;
display:block;
background:#697d4c;
text-decoration:none;
}
#green-bar a:hover span {
background:#1d8678;
text-decoration:none;
}
#right-col_services {
position:absolute;
height:auto;
left:570px;
margin:0;
padding:20px 0 0 0;
}
#green-bar_services {
position:relative;
margin:0 0 0 0;
}
#green-bar_services a span {
color:#fff;
font-size:30px;
font-weight:normal;
margin:0;
padding:5px 0 0 10px;
width:310px;
height:45px;
display:block;
background:#1d8678;
text-decoration:none;
}
#green-bar_services a:hover span {
background:#697d4c;
text-decoration:none;
}
#right-col_corner_services {
width:320px;
background:url(images/right-col_corner.png) no-repeat bottom right;
height:20px;
position:relative;
margin:0;
font-size:13px;
padding:2px 0 0 0;
color:#666;
}
#right-col_copy-services p {
width:365px;
position:relative;
margin:0 0 20px 10px;
padding:0;
font-size:13px;
color:#000;
font-family:Arial, Helvetica, sans-serif;

}
#right-col_copy-services ul {
text-decoration: none;
list-style:none;
list-style-image:none;
color:#333;
margin:5px 0 10px 15px;
padding:0 0 4px 0;
}
#right-col_copy-services li a {
text-decoration: none;
list-style:none;
list-style-image:none;
list-position:outside;
color:#333;
}
#right-col_copy-services li a:hover {
color:#CC0066;
border-bottom:#cc0066 1px dashed;
}
#right-col_corner {
width:420px;
background:url(images/right-col_corner.png) no-repeat bottom right;
height:22px;
position:relative;
margin:0;
}
#right-col_copy p {
width:365px;
position:relative;
margin:0 0 40px 10px;
padding:0;
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
}
#right-col_copy p a, #left-col p a {
color:#b7267b;
float:right;
text-decoration:none;
}
#right-col_copy p a:hover, #left-col p a:hover {
text-decoration:underline;
}

#footer {
background:#B7267B;
height:30px;
margin:0;
position:relative;
width:940px;
background:url(images/footer-bg.png) no-repeat top left;
padding:32px 0 0 0;
color:#fff;
text-align:center;
}
#footer a {
color:#fff;
margin:0 30px 0 30px;
position:relative;
font-size:16px;
text-decoration:none;
}
#footer a:hover {
text-decoration:underline;
}
#footer-base {
padding: 10px 0 0 0;
position: relative;
width: 860px;
border-left:#999 8px solid;
border-right:#999 8px solid;
height:30px;
background:url(images/container-bg.gif) no-repeat bottom left #fff;
margin:0 0 0 32px;
text-align:center;
font-size:13px;
}

#my_show-services {
width:550px;
height:500px;
border:#ccc 5px solid;
position:relative;
}
#my_show-services p {
display:none;
}