* {
margin : 0;
padding : 0;
list-style : none;
text-decoration : none;
outline : none;
outline-width : 0;
border : none;
}

body {
font-family : Verdana, Arial, sans-serif;
line-height : 18px;
font-size : 11px;
}

a {
color : #0099ff;
}

a:hover {
color : #cfe612;
}

.dark a:hover {
color : #e7e7e7;
}

.light a:hover {
color : #484848;
}

h1, h2, h3, h4, h5, h6 {
clear : both;
}

h1 {
font-family : 'DejaVu Sans Condensed Bold', Arial, sans-serif;
text-transform : uppercase;
font-size : 34px;
padding : 0 0 30px 0;
}

h2 {
font-family : 'DejaVu Sans Condensed Bold', Arial, sans-serif;
text-transform : uppercase;
font-size : 25px;
line-height : 21px;
}

h3 {
font-family : 'DejaVu Sans Condensed Bold', Arial, sans-serif;
text-transform : uppercase;
font-size : 18px;
}

h4 {
font-family : 'DejaVu Sans', Arial, sans-serif;
text-transform : uppercase;
font-size : 18px;
}

h5 {
font-family : 'DejaVu Sans', Arial, sans-serif;
text-transform : uppercase;
font-size : 15px;
}

h6 {
font-family : Verdana, Arial, sans-serif;
font-size : 15px;
}

strong {
font-family : 'DejaVu Sans Condensed Bold', Arial, sans-serif;
text-transform : uppercase;
font-weight : bold;
}

em {
font-family : 'DejaVu Sans Oblique', Arial, sans-serif;
font-style : italic;
}

p {
line-height : 20px;
padding : 0 0 12px 0;
}

.clear {
clear : both;
}

.left {
float : left;
}

.right {
float : right;
}

.center {
margin : 0 auto;
}

.dark {
background : url('../images/dark_bg.jpg');
color : #e7e7e7;
}

.light {
background : white url('../images/light_bg.png');
color : #484848;
}

.content_block {
width : 960px;
padding : 0 34px 34px;
}

.section_header {
padding : 40px 0 5px 0;
color : #ef5f00;
}

.orange {
color : #ef5f00;
}

.button, .action {
font-family : 'DejaVu Sans Condensed Bold', Arial, sans-serif;
text-transform : uppercase;
font-size : 18px;
padding : 7px 9px;
float : right;
clear : both;
color : #484848;
background : #0099ff;
}

.button:hover, .action:hover, .action:active, action:focus {
background : #cfe612;
border : 0;
}

.content_ul {
margin : 0 0 0 14px;
}

.named_anchor {
height : 10px;
display : block;
margin : 0 0 30px 0;
}

#top_bg {
height : 24px;
background : url('../images/top_swirl.png');
padding : 0;
}

#intro_block_wrapper {
width : 1028px;
}

#footer_wrapper {
width : 100%;
background : #cfe612;
border-top : 1px solid #484848;
}

.main_block {
border : 1px solid #cccccc;
}

.divider_image {
width : 1235px;
position : relative;
z-index : -1;
}

#intro_portfolio_divider {
background : url('../images/intro_portfolio.jpg') no-repeat;
background-position : 55px 0%;
height : 446px;
margin : 0 auto -70px;
}

#portfolio_services_divider {
background : url('../images/portfolio_services.jpg') no-repeat;
background-position : 112px 0%;
height : 891px;
margin : 0 auto -235px;
}

#contact_media_divider {
background : url('../images/services_contact.jpg') no-repeat;
background-position : 20px;
height : 1000px;
margin : -145px auto -210px;
}

#services_contact_divider {
background : url('../images/contact_about.jpg') no-repeat;
background-position : 70px 0%;
height : 608px;
margin : 0 auto -175px;
}

#media_footer_divider {
background : url('../images/about_footer.jpg') no-repeat;
background-position : 89px 0%;
height : 570px;
margin : -214px auto 0;
}

ul#main_nav {
width : 612px;
margin : 0 auto;
padding : 0;
}

ul.nav_menu {
width : 960px;
height : 36px;
padding : 18px 0 0 0;
}

ul.nav_menu li {
float : left;
width : 147px;
margin : 0 6px 0 0;
overflow : hidden;
}

ul.nav_menu li a {
background : #0099ff;
display : block;
color : #484848;
text-transform : uppercase;
text-align : center;
padding : 7px 0 0 0;
}

ul.nav_menu li a:hover {
background : #cfe612;
color : #484848;
}

ul.nav_menu li a span {
font-family : 'DejaVu Sans Condensed Bold', Arial, sans-serif;
font-size : 18px;
}

ul.nav_menu li a em {
font-family : 'DejaVu Sans', Arial, sans-serif;
font-size : 12px;
padding : 2px 0 10px;
margin : 0 5px 10px;
border-top : 1px solid #484848;
display : block;
font-style : normal;
}

ul.nav_menu li.current a {
background : #cfe612;
}

ul.secondary {
margin : -37px 0 0 0;
}

ul.secondary li {
float : right;
}

ul.secondary li a {
padding : 8px 0 7px 0;
}

#intro_block {
width : 960px;
border : 1px solid #e7e7e7;
padding : 34px;
}

#intro_menu_cont{
width:634px;
}

h1#intro_header {
font-size : 21.5px;
line-height : 48px;
width : 634px;
}

h1#intro_header span.intro_green {
font-size : 56px;
color : #cfe612;
}

h1#intro_header span.intro_orange {
font-size : 38px;
color : #ef5f00;
}

h1#intro_header a {
font-size : 36px;
}

h1#intro_header a:hover {
color : #cfe612;
}

#featured_portfolio {
width : 300px;
margin : 30px 0 0 0;
}

#featured_portfolio h3 {
margin : 0 0 10px 0;
}

#featured_portfolio ul.portfolio_thumbs li {
border : 1px solid #e7e7e7;
margin : 0 0 20px 0;
}

#hire_me {
width : 200px;
}

#services {
width : 720px;
}

#services ul li h5 {
width : 220px;
}

#services ul li p {
width : 415px;
margin : -1px 0 0 10px;
}

#services ul {
margin : 0 0 48px 0;
}

#services ul li {
min-height : 22px;
border-bottom : 3px dotted #cfe612;
margin : 0 0 11px 0;
}

#services h3 {
margin-bottom : 5px;
}

#contact_form {
margin : 15px 0 0 0;
}

#Form_ContactForm {
width : 400px;
margin : -25px 0 0 0;
}

.field input {
width : 60%;
border : 1px solid #484848;
padding : 2px;
}

textarea {
width : 392px;
height : 125px;
border : 1px solid #484848;
padding : 3px;
}

input:focus, textarea:focus {
border : 1px solid #0099ff;
}

span.message {
background : #facece;
margin : -2px 0 0 0;
border : 1px solid #d9d9d9;
padding : 2px 5px;
float : right;
width : 134px;
}

.field, .action {
clear : both;
margin : 15px 0 0 0;
}

label {
font-family : 'DejaVu Sans', Arial, sans-serif;
text-transform : uppercase;
font-size : 15px;
width : 100%;
display : block;
font-weight : bold;
}

span.Success {
background : #d5e0c0;
width : 348px;
display : block;
border : 1px solid #d9d9d9;
padding : 5px;
margin : 0 0 15px 0;
}

span.Error {
background : #facece;
width : 348px;
display : block;
border : 1px solid #d9d9d9;
padding : 5px;
}

#about_me, #contact_me {
width : 260px;
padding : 0 20px 0 0;
text-align : left;
}

#blog_feed {
width : 320px;
padding : 0 20px 0 0;
margin : 0 19px 0 0;
border-right : 1px solid #cccccc;
min-height:240px;
}

#blog_feed ul li, #blog_feed ul {
list-style-type : square;
list-style-position : outside;
}

#blog_feed ul {
margin-bottom : 10px;
}

#blog_feed ul li {
line-height : 14px;
padding : 7px 0;
}

#twitter_status {
background : url("../images/twitter_icon.png") no-repeat left top;
width : 555px;
padding : 0 0 24px 45px;
line-height : 32px;
margin : 0 0 24px 0;
}

#twitter_status h2 {
line-height : 26px;
}

#flickr_photos {
width : 555px;
}

ul#photo_list li {
float : left;
padding : 12px 17px 0 0;
}

img#open_flickr_image {
border : 5px solid #484848;
}
/*Greybox Styles*/
#mask {
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
background : url("../images/greybox_bg.png");
z-index : 99;
}

#greybox {
position : absolute;
top : 0;
left : 0;
width : 100%;
z-index : 100;
}

.greybox-border {
position : relative;
width : 725px;
padding : 10px 0 10px 0;
margin : auto;
z-index : 101;
}

.greybox-body {
position : relative;
width : 725px;
padding : 20px;
margin : auto;
z-index : 102;
text-align : center;
background : #e7e7e7 url('../images/ajax-loader.gif') no-repeat 50% 50%;
min-height : 335px;
border : 1px solid #e7e7e7;
}

.greybox-content {
margin : 20px 0 0;
}

a.greybox-close {
margin : 0 auto;
padding : 0;
font-family : 'DejaVu Sans Condensed Bold', Arial, sans-serif;
padding : 7px 9px;
color : #484848;
background-color : #e7e7e7;
text-transform : uppercase;
font-size : 12px;
display : block;
}

a.greybox-close:hover {
background : #cfe612;
color : #484848;
}

ul#captions a{
font-family : 'DejaVu Sans', Arial, sans-serif;
text-transform : uppercase;
font-size : 15px;
font-weight:bold;
}

#portfolio_noajax {
padding : 50px 0;
}

#portfolio_noajax ul#portfolio_slideshow {
margin : 0 20px 0 0;
}

ul#portfolio_slideshow {
width : 410px;
height : 310px;
}

div#controls_holder {
width : 400px;
height : 300px;
border : 5px solid #484848;
background : #484848;
overflow : hidden;
}

div#controls {
background : #484848;
padding : 7px 7px 9px;
width : 60px;
height : 11px;
margin-bottom : -27px;
position : relative;
z-index : 100;

}
ul#portfolio_slideshow li {
display : none;
}

ul#portfolio_slideshow li.first {
display : block;
}

ul.portfolio_thumbs li {
float : left;
width : 300px;
margin : 10px;
height : 150px;
display : block;
}

#portfolio_desc {
text-align : left;
width : 315px;
}

#portfolio_desc h2 {
margin : 0 0 10px 15px;
}

ul#captions li a {
padding : 10px 0 10px 15px;
width:100%;
display:block;
}

ul#captions li a.active {
background : #484848;
}

ul#captions li a:hover{
color : #484848;
}

ul#captions li a.active {
color : #e7e7e7;
}

#design_challenge {
margin : 30px 0 0 15px;
}

a.footer_link {
display : block;
margin : 15px;
}

#wordpress_link {
background : transparent url('../images/wordpress_logo.png');
width : 59px;
height : 60px;
}
#silverstripe_link {
background : transparent url('../images/silverstripe_logo.png');
width : 63px;
height : 61px;
}

#jquery_link {
background : transparent url('../images/jquery_logo.png');
width : 69px;
height : 57px;
}

#copyright_notice {
margin : 15px;
}

#copyright_notice a {
color : #484848;
}

#copyright_notice a:hover {
color : #ef5f00;
}

p.noscript {
background : #facece;
margin : -2px 0 0 0;
border : 1px solid #d9d9d9;
padding : 2px 5px;
width : 100%;
text-align : center;
}

div.qtip-content h2 {
margin : 0 0 10px 0;
}

div.qtip-content h3 {
margin : 10px 0 0 0;
}

div.tooltip_contents {
width : 100%;
min-height : 72px;
background : #484848;
}

#contact_me ul {
margin : 12px 0 12px 0;
}

#contact_me ul li {
padding : 0 0 12px 50px;
margin : 0 0 12px 0;
}

#contact_me ul li a {
margin : -3px 0 0 0;
display : block;
}

#twitter_contact {
background : url("../images/twitter_icon.png") no-repeat left top;
}

#email_contact {
background : url("../images/email_icon.png") no-repeat left top;
}

#linkedin_contact {
background : url("../images/linkedin_icon.png") no-repeat left top;
}