/*Global Tags*/ * {padding: 0px; margin: 0px;} body {background: url(../images/BG_home.jpg) repeat-x black;} body.port {background: url(../images/BG_port.jpg) repeat-x black;} h1 {color: #65baf7; font-family: Helvetica, sans-serif; font-size: 30px; float: left; font-weight: normal; position: absolute; top:180px;} h4 {color: #fff; font-family: Verdana, sans-serif; font-size: 24px; font-weight: normal;} .field {font-family: Helvetica, sans-serif;} /*End Global Tags*/ /*Divs*/ /*Header*/ #wrapper {width: 1000px; height: 511px; margin: 0 auto;} #wrapper_hire {width: 1000px; height: 600px; margin: 0 auto;} #wrapper_port {width: 1000px; height: 700px; margin: 0 auto;} #header {height: 310px; width: 1000px;} #header.port {height: 275px; width: 1000px;} #header img.logo {float: left; border: none; padding: 20px 0 0 0;} #navigation {font-family: Helvetica, sans-serif; font-size: 18px; color: white; padding: 45px 0 0 0; height:85px; width: 525px; float: right;} #navigation span {font-size: 12px; color: #b8b1b1;} #navigation a {text-decoration: none; color: white; font-family: Helvetica, sans-serif;} #navigation a:hover {text-decoration: underline;} #portfolio {height: 71px; width: 100px; background: url(../images/portfolio.png) no-repeat; float: left; padding: 10px 0 0 70px;} #portfolio a.current{text-decoration: underline;} #journal {height: 71px; width: 100px; background: url(../images/testimonial.png) no-repeat; float: left; padding: 10px 0 0 68px;} #contact {height: 71px; width: 100px; background: url(../images/mail_icon.png) no-repeat; float: left; padding: 10px 0 0 75px;} #contact a.current {text-decoration: underline;} #widget {float: right;} /*End Header*/ /*Middle Content*/ #middle_content {height: 268px; width: 1000px;} #middle_content p {color: white; font-family: Verdana, sans-serif; font-size: 28px; line-height: 31px; float: left; top:66px; position: relative; left: 20px;} #middle_content img {float: left;} #middle_content_thanks {width: 1000px; height: 432px; padding-top: 50px;} #middle_content_thanks p{color: white; font-family: Verdana, sans-serif; font-size: 28px; line-height: 31px; float: left; top:66px; position: relative; left: 20px;} #middle_content_thanks img {float: left;} #buckets {height: 217px; width: 1000px; font-family: Verdana, sans-serif; font-size: 12px; color: white;} #buckets h5 {font-family: Verdana, sans-serif; color: #65baf7; font-size: 26px;} #services {height: 217px; width: 302px; float: left; margin: 0 0 0 50px; } #services li {list-style: none; margin: 5px 0 0 0;} #services ul {position: relative; top:20px; left: 20px;} #blog {height: 217px; width: 276px; float: left;} #blog p {line-height: 24px; position: relative; top:20px;} #blog a {color:#65baf7; text-decoration: none;} #blog a:hover {text-decoration: underline;} #twitter {height: 217px; width: 302px; float: left; position: relative; left: 100px; background: url(../images/twitter_bg.png) bottom no-repeat;} #twitter p {top:20px; position: relative; } #twitter span {position: relative; top:48px; left: 75px; color: #505b63;} #twitter a {color:#65baf7; text-decoration: none;} #twitter a:hover {text-decoration: underline;} /*End Middle Content*/ /*Hire Divs*/ #hire_container {width: 1000px; height: 485px; color: white; font-family: Helvetica, sans-serif; font-size: 14px;} #hire_container a {text-decoration: none; color: white;} #hire_container a:hover {text-decoration: underline; color: gray;} #hire_container p.center{text-align: center;} #hire_blurb {width: 420px; height: 400px; float: left; margin-left: 50px; padding: 50px 0 0 0; line-height: 20px; } #hire_form {width: 420px; height: 450px; float: right; margin-right: 50px;} /*End Hire Divs*/ /*Portfolio Stylings*/ .boxgrid {width: 325px; height: 260px; margin:10px; float:left; border: solid 2px #8399AF; overflow: hidden; position: relative; } .boxgrid img {position: absolute; top: 0; left: 0; border: 0; } .boxgrid p {padding: 0 10px; color:#ccc; font-weight:normal; font-size:14px; font-family: Helvetica, Sans-serif;} .boxcaption {float: left; position: absolute; background: #000; height: 75px; width: 100%; opacity: .8; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";} .captionfull .boxcaption{top: 260; left: 0; } .caption .boxcaption {top: 220; left: 0; } .boxcaption h3 {color: white; font-family: "Verdana", Helvetica, sans-serif; font-size: 18px; font-weight: normal; padding: 0 0 0 5px;} .boxcaption a {color: aqua; font-family: Helvetica, sans-serif; font-size: 14px; text-decoration: underline;} .boxcaption a:hover {text-decoration: none;} #port_left {width: 700px; height: 555px; float: left;} #port_right {width: 300px; height: 545px; float: right; color: white; font-family: Helvetica, sans-serif; font-size: 14px; line-height: 20px; padding- top: 10px;} #port_right ul {margin-left: 20px;} /*End Portfolio Stylings*/ /*Footer Divs*/ #footer {width: 100%; height: 288px;} #footer_container {width: 1000px; height: 288px; margin-top: 20px;} #footer.port {width: 100%; height: 300px; margin-top: 50px; float: left;} #footer_container.port {width: 1000px; height: 235px; margin-top: 60px;} #aboutme {height: 161px; width: 161px; float: left; color: white; font-family: Verdana, sans-serif; font-size: 12px; line-height: 14px; margin-top: 32px;} #aboutme p {position: relative; top:20px;} #aboutme h5 {font-family: Helvetica, sans-serif; color: #65baf7; font-size: 20px; margin: 20px 0 0 0; letter-spacing: 1px; line-height: 20px;} #tweet {height: 212px; width: 299px; background: url(../images/me_plus_tweet.png) no-repeat; float: left;} #thetweetspot {width: 210px; height: 64px; font-family: Helvetica, sans-serif; color: #505b63; font-size: 12px; position: relative; left: 70px; top:5px; text-align: center;} #form {height: 150px; width: 450px; float: right; margin: 45px 25px 0 0; font-family: Helvetica, sans-serif; color: white; font-size: 13px; background: url(../images/pencil_64.png) no-repeat top right;} #form h5 {font-family: Helvetica, sans-serif; color: #65baf7; font-size: 20px; letter-spacing: 2px;} #formLeft {float: left;} #formRight {float: right; position: relative; margin-top: -13px;} #clear {clear: both;} /* End Footer Divs*/ /*End Divs*/