body {
     margin:0;
     padding:0;
     text-align:center;
     min-width:800px;
}

a {
     text-decoration:underline;
}

a:hover {
     text-decoration:none;
}

h1 {
     margin:15px 0 0 0;
     padding-bottom:5px;
     clear:both;
}

h2 {
     margin:0;
     padding:0;
     margin-bottom:10px;
}

h2.featured {
     margin:-5px 0 8px 0;
}


/*-------------- layout ------------------- */

#outer{
     width:800px;
     text-align:left;
     margin:0 auto;
}
 
* html #outer{height:99.9%;} /*For ie as treats height as min-height anyway - also addreeses rounding bug at bottom of screen in IE*/
#menu{
     position:relative;
     width:800px;
     min-width:800px;
     min-height:45px;
     margin:0 auto;
}
* html #menu{height:45px}

#header {
     position:relative;
}

#header_container {
     width:800px;
     margin:0 auto;
     text-align:left;
}

#content {
     margin:0;
     position:relative;/*ie needs this to show float */
     width:460px;
     float:left;
     padding:5px 0 10px 0;
}
#content p {
     text-align:justify;
     margin:8px 0 20px 0;
     }

#content p.headline {
     height:26px;
     padding:3px 0 0 30px;
     margin:5px 0 15px 0; 
     }

#footer {
     width:800px;
     height:50px;
     text-align:center;
     margin:0 auto;
     margin-top:15px;
}
#footer #container {
     width:800px;
     margin:0 auto;
     padding-top:15px;
     text-align:left;
}

#footer #container img{
     vertical-align:middle;
     margin-top:-2px;
}

#footer #container span{
     float:right; 
     margin-right:206px;
     margin-top:-17px;
}

#footer #container span a{
     padding:0px 3px;
     font-size:10px;
     margin-left:7px;
}

* html #footer {/*only ie gets this style*/
     he\ight:50px;/* for ie6 */
     margin-bottom:-1px;
}
div,p  {margin-top:0}/*clear top margin for mozilla*/
#right{
     margin:0;
     width:265px;
     float:left;
     margin-left:35px;
     padding:5px 0;
}

#right p{
     margin-bottom:15px;
}

#clearfooter {width:100%;height:50px;clear:both} /* to clear footer */

/*--------------- end layout ---------------- */

/* ----- clearing ----------- */

clear {
     clear:both; 
     height:1px; 
     margin:0; 
     padding:0; 
     line-height: 1px;
}

.clearfix:after {
     content: "."; 
     display: block; 
     height: 0; 
     clear: both; 
     visibility: hidden;
}

* html>body .clearfix {
     display: block; 
     width: 0;
}
 
* html .clearfix {
/* Hides from IE-mac \*/
height: 0;
/* End hide from IE-mac */
}

/* -----------------end clearing------------- */


/*--------------- header content -------------*/

#topMenu{
     position:absolute;
     padding-top:12px;
     left:-8px;
}

#topMenu ul {
     list-style:none;
     margin:0;
     padding:0;
     }
#topMenu  li {
     float:left;
     text-align:center;
     }
     
#topMenu ul li a {
     height:16px;
     display:block;
     text-decoration:none;
     padding:2px 10px;
     float:left;
     }
#topMenu ul li a.selected{
     text-decoration:none;
     }
#topMenu ul li a:hover{
     text-decoration:none;
     }
     
/* Commented backslash hack hides rule from IE5-Mac \*/
#topMenu li a
{
float: none
}
/* End IE5-Mac hack */

#label {
     position:absolute;
     float:right;
     width:140px;
     height:26px;
     top:5px;
     right:161px;
}

#testimonial {
     float:left;
     width:240px;
     margin:15px 0 0 35px;
     padding-top:20px;
     text-align:justify;
}

#headerHeadline {
     float:left;
     width:340px;
     padding:40px 0 0 45px;
     text-align:justify;
}     

/*------------ end header --------------- */

/* ----------- content -------------------*/

#logo {
     float:left;
     padding:40px 0 30px 0;
     margin:0;
     width:350px;
     height:100px;
}

#logo h1 {
     margin:0;
     padding:0;
     padding-top:10px;
     background:none;
     margin-bottom:15px;
     }

#logo h1 a, #logo h1 a:hover{
     background:url(images/logo.jpg) top left no-repeat;
     height:53px;
     width:205px;
     text-indent:-9000px;
     display:block;
     text-decoration:none;
}

#logo h2 {;
     margin-bottom:5px;
}

#logo p {
     margin-right:120px;
     padding-bottom:20px;
}

#featured {
     padding:15px 0;
}


#featured ul {
     clear:both;
     list-style:none;
     margin:0;
     padding:0;
     margin-top:-10px;
}

#featured ul li{

     width:40px;
     height:50px;
     float:left;
     padding:0;
     padding-bottom:4px;
     margin:10px 11px 0 0;
     /*border:1px solid #E0E2C5;*/
     text-align:center;
     background:url(images/shadow_thumb.jpg) bottom left no-repeat;
}

#featured img{
     float:left;
     margin:0;
     clear:both;
     cursor:pointer;
     border:1px solid #ddd;
     width:40px;
     height:45px;
}

#featured ul li img:hover{
     border:1px solid #9A9A52;
}

ul.roles {
     margin:0;
     padding:0;
     list-style:none;
     margin-top:10px;
     width:200px;
     float:left;
}

ul.roles li {
     display:block;
     background:url(images/bullet_list.jpg) top left no-repeat;
     margin:3px 0 0 3px;
     padding:2px 0 5px 22px;
     border-bottom:1px dashed #ccc;
}

ul.services {
     margin:0 0 20px 20px;
     padding:0;
     list-style:none;

}

ul.services li {
     width:94%;
     display:block;
     background:url(images/bullet_list.jpg) top left no-repeat;
     margin:3px 0 0 3px;
     padding:2px 0 5px 22px;
     border-bottom:1px solid #efefef;
}

.workshot {
     border:5px solid #eee; 
     margin:15px 0;
}

.visitlink {
     float:left;
     padding-left:5px;
}

.workdescription {
     width:230px;
     float:left;
     padding-right:25px;
}

div.profilecontainer {
     margin:0;
     margin-top:15px;
     padding:7px;
     padding-right:17px;
     border:1px solid #ccc;
     background-color:#FCFCF9;
     text-align:justify;
}

div.profilecontainer h2 {
     font-size:1.2em;
     color:#666;
     margin-bottom:5px;
}

.picture {
     float:left;
     margin:0 12px 0 0;
     padding:5px;
     border:1px dashed #DFDFDF;
     background-color:#FFFFFF;
}

.visitSiteLink {
     background:url(images/bullet_visit.jpg) top left no-repeat;
     padding-left:25px;
}

/*------------ end content ---------------*/

/* -------------right bar --------------- */

#quickcontact {
     position:relative;
     clear:both;
     float:left;
     width:250px;
     background:#F5F7EE url(images/box_top.gif) top left no-repeat;
     margin:0 0 15px 0;
     padding:0;
     
}

#quickcontact .inner {
     margin:0;
     background:url(images/box_bottom.gif) bottom left no-repeat;
     padding:8px 15px 15px 10px;
}

#quickcontact .inner .link{
     cursor:pointer;
     color:#9A9A52
}

ul.workTabs {
     list-style:none;
     margin:10px 0 0 0;
     padding:0;
     width:100%;
}

ul.workTabs li{
     float:left;
     display:block;
     padding-right:15px;
}

ul.workTabs li a{
     text-decoration:none;
}

ul.workTabs li a:hover{
     text-decoration:underline;
}

/*------------ end right bar -------------- */

body {
     font:normal 0.7em "Trebuchet MS", sans-serif;
}

h1 {
     font-family:Georgia, "Times New Roman", Times, serif;
     font-size:1.8em;
     letter-spacing:-1px;
     font-weight:normal;
}

h2 {
     font-family:Georgia, "Times New Roman", Times, serif;
     font-size:1.5em;
     letter-spacing:-1px;
     font-weight:normal;
}

#outer{
     color: #666;
}

#content p.headline {
     font-family:Georgia, "Times New Roman", Times, serif;
     font-size:14px;
     }

#topMenu ul li a {
     font:normal 11px 'Trebuchet MS';
     text-decoration:none;
     text-transform:uppercase;
     }

#logo h2 {
     font-family:Georgia, "Times New Roman", Times, serif;
     font-size:20px;
     letter-spacing:-1px;
     font-weight:normal;
}

#testimonial {
     font-family:Georgia, "Times New Roman", Times, serif;
     font-size:12px;
     font-weight:normal;
     font-style:italic;
}

#headerHeadline h2{
     font-size:20px;
}
/* CSS Document */

body {
     background:#FFF url(images/bk_body2.gif) top repeat-x;
}

a {
     color:#CB4721;
}

h1 {
     background:url(images/bk_dotted.gif) bottom left repeat-x;
     color:#444;
}

h2 {
     color:#74743D;
}

.red {
     color:#CB4721;
}

.requiredField {
     color:#C34E23;
}

.betaHeader {
     color:#CB4721;
}
.alfaHeader {
     color:#C34E23;
}

#header {
     background:url(images/bk_header2.jpg) top left repeat-x;
}

#content {
     background-color:#fff;
}

#content p.headline {
     background:url(images/bullet.jpg) top left no-repeat;
     color:#9A9A52;
     }
     
#footer {
      /*background:#fff url(images/bk_footer.jpg) top left repeat-x; */
     border-top:5px solid #eaeaea;
     color: #888;
     
}

#topMenu ul li a {
     color:#8D8D8D;
     }

#topMenu ul li a.selected{
     color:#eee;
     }

#topMenu ul li a:hover{
     color:#eee;
     }
     
#label {
     background:url(images/label.gif) top left no-repeat;
}

#logo {
     background:url(images/heart.jpg) top right no-repeat;
     background-position:240px 0;
     color:#666;
}

#logo h2 {
     color:#C34E23;
}

#quickcontact {
     background:#F5F7EE url(images/box_top.gif) top left no-repeat;
     
}

#quickcontact .inner {
     background:url(images/box_bottom.gif) bottom left no-repeat;
}

#testimonial {
     background:url(images/bk_quotes.jpg) top left no-repeat;
     color:#666;
}

#testimonial .from {
     color:#A7A758;
}

#headerHeadline h2 {
     color:#D7D7D7;
}
#headerHeadline {
     background:url(images/bk_quotes.jpg) top left no-repeat;
     background-position:35px 25px;
     color:#939393;
}

/* CSS Document */
#quickcontact form {
     margin:0;
     padding:0;
}     

#quickcontact input,textarea {
     font:normal 11px "Trebuchet MS", sans-serif;
     width:210px;
     background:url(images/bk_input.jpg) top left repeat-x;
     background-color:#FFFFFF;
     border:1px solid #DDE3BF;
     padding:0 3px;
     color:#888;
}

#quickcontact input {
     height:18px;
}

#quickcontact input[type=text]:focus, textarea:focus {
     border:1px solid #C7C68B;
}

#quickcontact input.submit {
     height:20px;
     background:url(images/but_send.jpg) top left no-repeat;
     width:44px;
     padding:0;
     border:none;
     position:absolute;
     top:0;
     right:3px;
}

#quickcontact form label {
     padding-left:3px;
}

#quickcontact form label.submit1 {
     position:relative;
     display:block;
     margin:10px 0;
     padding-right:50px;
}

/*---------------------------------------*/

form {
     margin:0;
     padding:0;
     margin-bottom:15px;

}


.contentForm .hidden {
     visibility:hidden;
}

.contentForm fieldset
{
     display: block;
     margin: 0.5em 0 0 0;
     border:1px solid #fff;
     padding: 1em;
     background-color:#F8F8F8;
     border:1px solid #efefef;
     
}

.contentForm fieldset.sendjob
{
     border:1px solid #F8F9F2;
     border-top: 1px dashed #ccc;
}

.contentForm fieldset legend
{
     font:bold 1.2em Georgia, "Times New Roman", Times, serif;
     letter-spacing:-1px;
     padding:0 0.6em 0 0;
     color:#777;
     background-color:#fff;

}

.contentForm fieldset.radio
{
     margin: 0 0 0 -1em;
     border: 0 solid #FFFFFF;
}

.contentForm fieldset.radio input
{
     position: static;
     clear: both;
     float: left;
     border:none;

}

.contentForm fieldset.radio label
{
     position: relative;
     top: -1.25em;
     display: inline;
     width: auto;
     margin: 0 0 0 8em;
     font-weight: bold;
     font-weight: normal;

}

.contentForm fieldset.radio legend
{
     float: left;
}

.contentForm input
{
     position: relative;
     width:20em;
     top: -1.4em;
     left: 8em;
     display: block;
     border:1px solid #ddd;
     font:normal 1em "Trebuchet MS", sans serif;
     padding:2px 5px;
     color:#888;
}

.contentForm input,textarea {
     background:url(images/bk_input.jpg) top left repeat-x;
     background-color:#FFFFFF;
}

.contentForm input:focus, .contentForm textarea:focus 
{
     border:1px solid #C7C68B;
     
}

.contentForm input.submit
{
     clear: both;
     top: -1em;
     left:8em;
     width:74px;
     height:22px;
     background:url(images/bk_submit.jpg) top left no-repeat;
     border:none;
     color:#fff;
     font-weight:bold;
}

.contentForm textarea
{
     position: relative;
     width:30em;
     top: -1.4em;
     left: 8em;
     display: block;
     border:1px solid #ddd;
     font:normal 1em "Trebuchet MS", sans serif;
     padding:2px 5px;
     color:#888;
}
.contentForm select
{
     width:20em;
}

.contentForm label
{
     clear: both;
     float: left;
     display: block;
     width: 8em;
     margin-top: -0.7em;
     
}

.contentForm label.first
{
     margin-top: 1em;
}

.contentForm select
{
     position: relative;
     top: -1.4em;
     left: 8em;
     display: block;
     font:normal 1em "Trebuchet MS", sans serif;
     color:#888;
}

.contentForm label.mesg
{
     margin:-1.2em 0 1.2em 0;
     padding-left:8em;
     width:30em;
}