@charset "utf-8";
/* CSS Document */

/*INDEX*/
#home-page-top {padding:0 0 3px 0; margin:5px 0 0 0; border-bottom:solid 5px #333333; height:300px;}
*html #home-page-top {padding:0; margin:5px 0 0 0; border-bottom:solid 5px #333333; height:300px;} /*I6 HACK*/
#home-page-top h1 {width:600px; float:left;}
#avatar {float:right; margin:0; padding:0; width:300px; height:303px; background:url(../images/avatar.png)no-repeat}
#home-page-top iframe {float:right;}
#intro {width:575px; padding:10px 0 20px 50px; float:left;}
#buttons {width:425px; padding-left:150px;}
*html #buttons {width:500px; padding-left:100px;} /*IE6 HACK*/
#buttons img a:link, #buttons img a:visited, #buttons img {padding:0 20px; margin:0}

/*CAPTIONS CSS*/
.captions-container {clear:both; height:200px; padding:10px 0 20px 0}

.ic_container{float:left; width:294px; height:217px; vertical-align:baseline; margin:10px; position:relative; /*-moz-border-radius:10px; -webkit-border-radius:10px;   -khtml-border-radius:10px; -moz-box-shadow: 0 1px 3px #888; -webkit-box-shadow: 0 1px 3px #888;*/}
*html .ic_container {margin:5px}
#slideover1 {background:url(../images/web-design-slider.jpg) no-repeat; width:294px; height:217px}
#slideover2 {background:url(../images/seo-slider.jpg) no-repeat; width:294px; height:217px}
#slideover3 {background:url(../images/marketing-slider.jpg) no-repeat; width:294px; height:217px}
.overlay{opacity:0.5; position:absolute; top:0px; bottom:0px; left:0px; right:0px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); }
.ic_caption {position:absolute; opacity:0.8; overflow:hidden; bottom:0; left:0; margin:0; padding:0px; cursor:default; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); }
.ic_category{text-transform:uppercase; font-size:11px; letter-spacing:3px; padding:5px; margin:0px;}
.ic_caption h3{padding:0px 5px 5px 5px; margin:0px; font-size:18px; font-style:italic; width:284px}
.ic_text{padding:5px; margin:0px; text-align:justify; font-size:11px;}
.ic_text span, .ic_text span a, .ic_text span a:visited {float:right; color:#01AEF0}


/*SEO*/

#right-small #quote {margin:25px; text-align:center; }
#box-right {width:200px; margin:5px auto; background:#EEE; border:1px solid #000;}
#box-right h3 {background:#333; color:#02A7DD; font-size:15px; margin:0; text-align:center; border-bottom:3px solid #666}
#box-right p {font-size:12px;}
#box-right p span, #box-right p span a, #box-right p span a:visited {color:#02A7DD; font-weight:bold; float:right; padding:5px;  }

/*PORTFOLIO*/
#projects2 {list-style:none; font-weight:bold; }
#projects2 li {padding:0 0 0 15px; font-weight:normal}
.caption {font-size:12px; text-align:center; padding:0; margin:0}
#video-small {paddng:0; margin:0; font-size:12px; text-align:center}

/*SERVICES*/
#services .read-more {float:right; margin:10px 100px;}
#services .box {background:#FFF; margin:20px auto; padding:5px 0 30px 0}
#services #left-large hr {width:600px; color:#EEE; margin:5px auto}

/*WEB DESIGN*/
#web-design-thumbs {font-size:12px; text-align:center; width:790px; margin:auto }
#web-design-thumbs img {padding:1px; border:#999 solid 1px;}
#web-design-thumbs .thumb {width:204px; float:left; margin:0 25px;}
#whatwedo {width:400px; padding-top:10px; margin:10px 15px 25px 35px; float:left; background:#EEE; border:2px groove #999; font-size:13px;}
#whatwedo span {font-weight:bold; padding:10px}
#whatsincluded {width:400px; float:right; margin:10px 35px 25px 15px; padding-top:10px;  background:#EEE; border:2px groove #999; font-size:13px;}
#whatsincluded span {font-weight:bold; padding:10px}

/*CONTACT US*/
#contact-methods, #contact-methods a, #contact-methods a:visited {width:500px; margin:10px auto; font-size:16px; font-weight:bold; font-style:italic}
#contact-methods #phone {width:250px; float:left; text-align:center}
#contact-methods #email {width:250px; float:right; text-align:center}
#chat-box {text-align:center;}