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

/* Type Styles */
body a {color:#41c2f1; text-decoration:none; outline:none;}
h1 {font-size:12px; color:#fff;}
h2 {font-size:20px; color:#fff; line-height:0em;}
h3 {font-size:18px; color:#000; line-height:0em;}

/* Classes */
.shadow {-moz-box-shadow:0 5px 5px rgba(0, 0, 0, 0.5); -webkit-box-shadow:0 5px 5px rgba(0, 0, 0, 0.5);}
.labelLeft {float: right; margin-right:20px;}
.labelRight {float: left; margin-left:20px;}

/* Page Styles */
body {margin:0; padding:0; background:#dedede; font-family: Georgia, serif; font-size: 13px; font-style: italic;  font-weight: normal; text-transform: normal; letter-spacing: normal; line-height: 1.6em; font-color:#464647; background:url(../images/swirl_tile.jpg) repeat scroll 0 0 #000;}
#container {width:960px; position:relative; margin:0 auto; border-left:1px solid #000; border-right:1px solid #000; background:#fff; z-index:1;} 
#clear {clear:both; margin-bottom:10px;}
.linebreak {width:896px; margin:0 auto; height:10px; border-bottom:1px dashed #d0d0d0; margin:10px; clear:both;}

/* Top Navigation */
#topNav {height:54px; width:960px; background:#000; border-bottom:3px solid #41c2f1;}
#topNav a {color:#fff; font-size:16px;}
#topNav a:hover {color:#41c2f1;}
#logo {width:136px; height:54px; float:left; margin:0 10px;}
#infoHeader {width:354px; height:54px; float:left; color:#fff; padding: 10px 0 0 0; margin: 0 10px 0 0; line-height:1.3em;}
#aboutMe {width:78px; height:54px; float:left; padding: 15px 0 0 45px; margin: 0 15px 0 0; background:url(../images/aboutMe.png) no-repeat;}
#portfolio {width:78px; height:54px; float:left; padding: 15px 0 0 55px; margin: 0 15px 0 0; background:url(../images/portfolio.png) no-repeat;}
#contact {width:78px; height:54px; float:left; padding: 15px 0 0 55px; margin: 0 15px 0 0; background:url(../images/contact.png) no-repeat;}

/* Gallery */
#galleryContainer {width:913pxpx; height: 340px; background:url(../images/pattern.png) repeat scroll 0 0 transparent; padding:20px 0 0 60px; border-bottom:1px solid #d0d0d0; border-top:1px solid #d0d0d0;}
*html #galleryContainer {width:960px;}
#galleryBox {width:935px; height: 305px;}
#galleryBorderBox {width: 825px; height:268px; background:#000; border:1px solid #d0d0d0; padding:7px;}
*html #galleryBorderBox {width: 859px; height:286px; background:#000; border:1px solid #d0d0d0; padding:7px;}
#galleryInsideBox {width:823px; height:265px; background:#000; border:1px solid #fff;}

/* About Me */
#aboutMeLabel {width: 194px; height: 34px; background: #000; float:left; margin-top: -18px; z-index:10; position:absolute;}
#aboutMeContainer {height: 372px; width:940px; position:relative; padding:40px 0px 10px 20px; background:#fff;}
#aboutMePic {width:314px; height:315px; float:left; margin-right:25px;}
.column {width:170px; height:300px; float:left; margin: 0 12px;}
.column ul li {list-style:none;}
.column ul {margin:0; padding:0;}

/* Portfolio */
#portfolioLabel {width: 194px; height: 34px; background: #000; float:right; margin-top: -18px; z-index:10; position:absolute; right:0;}
#portfolioContainer {width:913pxpx; height: inherit; background:url(../images/pattern.png) repeat scroll 0 0 transparent; padding:22px; border-bottom:1px solid #d0d0d0; border-top:1px solid #d0d0d0;}
.thumb {width:275px; height:116px; background:#000; border:1px solid #d0d0d0; padding:5px 8px 7px 6px; float:left; margin:7px;}
.thumb a img {border:1px solid #fff; opacity: 1; filter:alpha(opacity=100);}
.thumb a:hover img {opacity: .75; filter:alpha(opacity=75);}

/* Contact */
#contactLabel {width: 194px; height: 34px; background: #000; float:left; margin-top: -18px; z-index:10; position:absolute;}
#contactContainer {height: 575px; width:960px; position:relative; background:#fff; padding:16px 0 0;}
#contactBox {width:515px; height:500px; margin:10px; float:left; }
#testimonialsContainer {width: 350px; height: 453px; float:left; margin:10px 0 0 35px;}
#testimononialBox {width: 310px; height: 100px; padding:20px; color:#fff; background:#000; font-style:normal; margin-bottom:23px; background:url(../images/quote.jpg) no-repeat scroll 0 0 transparent;}

/*Contact Form Styles */
.notification_error{border:1px solid #A25965;height:auto;width:90%;background:#F8F0F1;text-align:left;-moz-border-radius:5px;padding:4px;}
.notification_ok{border:1px #567397 solid;height:auto;width:90%;background:#f5f9fd;text-align:center;-moz-border-radius:5px;padding:8px;}
.info_fieldset{-moz-border-radius:7px;border:1px #ddd solid;}
.info_fieldset legend{border:1px #ddd solid;color:#000;font:13px Verdana;-moz-border-radius:3px;padding:2px 5px;}
.button{background:#000;color:#fff;font:16px Georgia, serif;-moz-border-radius:10px 10px 10px 10px; width: 145px; height:42px; float:right;}
.button:hover {background:#41c2f1;}
label{width:110px;padding-left:20px;float:left;text-align:left;margin:5px; font-family: Georgia, serif; font-size: 18px; font-style: italic;  font-weight: bold; text-transform: normal; letter-spacing: normal; line-height: 1.6em; font-color:#464647;}
.input,textarea{float:left;border:1px solid #999;border-top-color:#CCC;border-left-color:#CCC;color:#333;font:11px Verdana, Helvetica, Arial, sans-serif; margin:5px; font-size:200%; -moz-border-radius:10px 10px 10px 10px; padding:10px; font-family: Georgia, serif; width:343px; background:#f3f3f3;}
.input:focus, textarea:focus {border:1px solid #41c2f1; background:#fff;}
#contactBox br{clear:left; margin-bottom:60px;}
.big {height:229px;}
.thankyou {background:#000; color:#fff; font-family: Georgia, serif; font-size: 14px; font-style: italic;  font-weight: normal; text-transform: normal; letter-spacing: normal; line-height: 1.6em; padding:7px; text-align:center; border:1px solid #41C2F1;}

/* Notes */

#favWorksNote {width:124px; height:107px; background:url(../images/favWorks_note.png) no-repeat scroll 0 0 transparent; position:absolute; top:150px; left:-140px;}
#aboutMeNote {width:148px; height:126px; background:url(../images/aboutMe_note.png) no-repeat scroll 0 0 transparent; position:absolute; top:550px; left:958px;}
#websitesNote {width:164px; height:121px; background:url(../images/websites_note.png) no-repeat scroll 0 0 transparent; position:absolute; top:970px; left:-163px;}
#logosNote {width:134px; height:107px; background:url(../images/logos_note.png) no-repeat scroll 0 0 transparent; position:absolute; top:1334px; left:970px;}
#printNote {width:106px; height:109px; background:url(../images/print_note.png) no-repeat scroll 0 0 transparent; position:absolute; top:1658px; left:-126px;}
#personalNote {width:123px; height:132px; background:url(../images/personal_note.png) no-repeat scroll 0 0 transparent; position:absolute; top:2529px; left:970px;}
#testimonialsNote {width:123px; height:129px; background:url(../images/testimonials_note.png) no-repeat scroll 0 0 transparent; position:absolute; top:3000px; left:967px;}