html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;}
body {background:#a7a7a7 url(images/bg_grey.jpg) repeat-x 0 85px;background-attachment:fixed;font: 62.5%/185% Georgia, "Times New Roman", Times, serif;color:#666;}
.clear {clear:both;}


h1 {font-size:5em;line-height:1em;letter-spacing:-2px;}
h2 {font-size:3.5em;line-height:1em;}
h3 {font-size:2.8em;line-height:1.3em;}
h4 {font-size:2em;line-height:1em;color:#666;}
h4 a:link, h4 a:visited {text-decoration:none;color:#666;}
h4 a:hover {color:#111;}
h5 {font-size:1.75em;line-height:1em;color:#BBB;}
p {font-size:1.3em;line-height:1.3em;margin:10px 0;}
a:link, a:visited {color:#054ca4;text-decoration:underline;}
a:hover {color:#0C0;}

.tipsy { padding: 5px; font-size: 10px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url(/images/tipsy.gif); }
  .tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
  .tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
  .tipsy-north { background-position: top center; }
  .tipsy-south { background-position: bottom center; }
  .tipsy-east { background-position: right center; }
  .tipsy-west { background-position: left center; }

.example_group {height:auto;}

/*ul, ol {padding-left:20px;margin:10px 0;}*/
li {font-size:1.2em;line-height:1.2em;margin-bottom:7px;}

#top {background:#FFF;width:100%;border-bottom:8px solid #666;top:0;position:fixed;padding:0;z-index:1;left:0;}
#top_container {width:900px;margin:0 auto;}
#name {text-align:right;margin:15px 0;}
.four_columns {width:210px;float:left;margin-right:14px;}
.two_columns {width:215px;/*width:210px;*/float:right;margin-left:14px;}
.intro {width:405px;/*width:435px;*/margin:0 14px 10px 0;float:left;}
.btn_contact {float:left;text-align:center;color:#FFF;}
.btn_contact p {padding:8px 30px;}
.btn_contact a:link, .btn_contact a:visited {
color:#FFF;display:block;
background:#CCC;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}
.btn_contact a:hover {background:#666;color:#999;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}
#share {float:left;margin:20px 0 0 10px;}
.services {color:#111;}
ul.skills {list-style-type:none;padding:0;margin-top:5px;}
.skills li {background:url(images/tick.png) no-repeat;padding-left:20px;}

ul.accomplishments {list-style-type:none;padding:0;margin-top:5px;}
.accomplishments li {background:url(images/bullet_arrow_right.png) no-repeat;padding-left:20px;}
/*ul.accomplishments {list-style-type:none;padding:0;margin-top:5px;}
.award {background:url(images/award_star_gold_3.png) no-repeat;padding-left:20px;}
.note {background:url(images/book_open.png) no-repeat;padding-left:20px;}*/

#hide_bar {border-top:1px solid #444;position:fixed;width:100%;}
#hide_bar_container {width:900px;margin:0 auto;text-align:right;}
#hide_btn {width:auto;float:right;}
#hide_btn a:link, #hide_btn a:visited {
color:#FFF;display:block;width:auto;
padding: 3px 10px;
background:#444;
border-radius-bottomleft: 6px;
-moz-border-radius-bottomleft: 6px;
-webkit-border-radius-bottomleft: 6px;
border-radius-bottomright: 6px;
-moz-border-radius-bottomright: 6px;
-webkit-border-radius-bottomright: 6px;
text-decoration:none;
}
#hide_btn a:hover {background:#000;color:#FFF;
padding: 3px 10px;
border-radius-bottomleft: 6px;
-moz-border-radius-bottomleft: 6px;
-webkit-border-radius-bottomleft: 6px;
border-radius-bottomright: 6px;
-moz-border-radius-bottomright: 6px;
-webkit-border-radius-bottomright: 6px;
}

#contact {background:#DDD;width:100%;margin:0;padding:0;}
#contact_container {width:900px;margin:0px auto;padding:10px 0;}
#contact_rightcoumn {width:435px;float:right;}
/*
    }
    Contact {
*/
form {width:450px;}

        .fieldWrapper {
            width:auto;float:left;
        }
        label {
            display: block;
            clear: left;
            font-size: 12px;
            color: #333;
        }
        input,
        textarea {
            display: block;
        }
        .fieldWrapper {float:left;width:auto;margin:5px 10px 10px 0;}
		
		.message {float:right;width:auto;}
		
		/*.fieldWrapper .field {
            float: left;
            margin: 0 0 1ex 0;
            padding: 5px;
            border-radius: 3px;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            background: #3e3b30;
        }
        .fieldWrapper .field {
            background: rgba(116,111,89,0.22);
        }*/
        .fieldWrapper .error {
            font-family: Arial, sans-serif;
            font-size: 11px;
            color: #c1bba1;
        }
        .fieldWrapper .error li {
            display: block;
            float: left;
            width: 128px;
            margin: 0 1em;
            padding: 1ex 1em;
            border-radius: 6px;
            -moz-border-radius: 6px;
            -webkit-border-radius: 6px;
            background: #3d170e;
        }
        .fieldWrapper .error li {
            background: rgba(152,21,0,0.5);
        }
        .submit {
            display: block;
			float:left;
			padding: 6px 20px;
			margin:25px 50px 10px 0;
            color: #FFF;
            background: #2c2a23;
            border: none;
            border-radius: 4px;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            cursor: pointer;
        }
        .submit:hover {
            color: #FFF;
			background:#999;
        }
		/*.close {
            display: block;
			float:left;
			width:auto;
			padding: 6px 20px;
            background: #2c2a23 url('../images/a_button_arrow_bg.gif') no-repeat top right;
            border-radius: 4px;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            cursor: pointer;
        }*/

.close {float:left;text-align:center;color:#FFF;}
.close a:link, .close a:visited {
color:#FFF;display:block;
padding: 6px 20px;
background:#666;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
text-decoration:none;
}
.close a:hover {background:#999;color:#FFF;
padding: 6px 20px;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}

#bottom_container {width:900px;margin:0 auto;padding-top:125px;/* 325px */}
#footer {width:auto;border-bottom:16px solid #666;padding-bottom:25px;margin-top:25px;}

.project_category {border-bottom:solid 1px #111;padding:25px 0;margin-bottom:20px;}
.project_category h2 {color:#003366;}
.project {width:auto;border-bottom:solid 1px #111;margin-top:25px;padding:10px 0 20px 0;}
.project_image {float:left;}
/*.project_image .sample img{
display: block;
width: 520px;
}*/
.project_image .sample {
/*width: 500px;*/
padding: 10px;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
background: #3e3b30;
}
.project_details {width:250px;float:right;}

.backtotop {width:auto;height:25px;/*border-bottom:solid 1px #000;*/margin:25px 0;}