/* Start of CMSMS style sheet 'homeward_css' */
/*  Copyright 2008 Dynacor Media Group  */

/* ############################## GENERAL DEFAULTS ############################## */

/* === body === */
html, body {
    width: 100%;
    height: 100%;

    margin: 0px;
    padding: 0px;

    background-color: #bbb07f;
}

/* === text === */
body, td, input, select, textarea {
    font-family: arial;
    font-size: 12px;
    font-weight: normal;

    color: #333333;

    cursor: default;
}

/* === links === */
a {
    font-weight: bold;

    text-decoration: none;

    color: #333333;

    cursor: pointer;
}
a:hover {
    color: #999999;
}

/* === images === */
img {
    border: 0px;
}

/* ############################## FONT CLASSES ############################## */

/* === title === */
font.title {
    font-size: 14px;
    font-weight: bold;

}

/* === green === */
font.green {
    color: #776100;
}

font.greenTitle {
    color: #776100;
    font-weight:bold;
font-size:14px;
}

/* === pink === */
font.pink {
    color: #f26649;
}

h1{
    color: #f26649;
   font-size: 14px;
    font-weight: bold;
padding:0;
margin:0;
}
/* ############################## IMG CLASSES ############################## */

/* === hrule === */
/*
img.hrule {
    width: 438px;
    height: 1px;

    background-color: #000000;
}
*/

hr{
border-top:1px solid #a0904c;
border-bottom: 1px solid #f5f5f5;
border-left:none;
border-right:none;
}
/* === stroke === */
/*
img.stroke {
    border: 1px solid #000000;
}
*/

/* ############################## container DIV ############################## */

/* === div === */
div.container {
    width: 940px;

    margin: 0px auto;

    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 16px;

    position: relative;

    background-color: #ffffff;
    background-image: url(images/bg_container.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
}

/* ############################## header DIV ############################## */

/* === div === */
div.header {
    width: 940px;
    height: 120px;

    position: relative;
}



div#logo{
    width:285px;
    height:116px;
    position:absolute;
top:0px;
left:0px;
    padding:0px;
    margin:0px;


}

/* === logo === */
div.header div.logo {
/*
    width: 162px;
    height: 111px;

    position: absolute;
    right: 19px;
    top: 13px;
*/
}

/* === search words === */
 input#cntnt01searchinput {
    width: 138px;
    padding: 5px;

    border: 1px solid #d5d5d5;
    cursor: text;

}


#search{
position:absolute;
right:0px;
top:78px;
padding:0px;
margin:0px;
height:28px;

cursor: pointer;

}

#searchButtonAlign{
position:absolute;
right:0px;
top:7px;
height:28px;
padding:0px;
margin:0px;

}

/* ############################## strip DIV ############################## */

/* === div === */
div.strip {
    width: 980px;
    height: 4px;

    position: absolute;
    left: 0px;
    top: 0px;

    overflow: hidden; /* ie6 fix */

    background-color: #000000;
}

/* ############################## tnav DIV ############################## */

/* === div === */
div.tnav {
    position: absolute;
    right: 20px;
    top: 4px;
}

/* === span === */
div.tnav span {
    padding: 3px 10px 7px 10px;

    float: left;

   /*float:right for double tnav menu*/

    color: #cccccc;

    background-color: #000000;
}
div.tnav span.separator {
    padding: 3px 0px 7px 0px;
}
div.tnav span.topNavSelected {
    color: #999933;
}

/* === links === */
div.tnav span a {
    font-weight: normal;

    color: #cccccc;
}
div.tnav span a:hover {
    color: #999933;
}

/* ############################## mnav DIV ############################## */

/* === div === */
div.mnav {
    width: 940px;
    height: 46px;

    background-image: url(images/bg_mnav.gif);
    background-repeat: no-repeat;
    background-position: left top;
}

/* === table === */
table.mnav {
   margin: 0px auto;
    width:940px;
    border: 0px;
    border-collapse: collapse;
}

/* === cells === */
table.mnav td {
    padding: 0px;

    border: 0px;
}

/* === links === */
table.mnav td a.mlink {
    display: block;
    text-align:center;
    height: 44px;

    padding: 0px 10px;  /* adjusted depending on links */

    font-family: trebuchet ms, helvetica;

    line-height: 44.5px;

    white-space: nowrap;

    color: #333333;

    position: relative;
    top: 1px;

    /*background-color: #96cc96;*/
}




table.mnav td a.mlink:hover, table.mnav td a.mlink.on {
    background-color: #d6cfb2;
}

/* ############################## snav DIV ############################## */

/* === div === */
div.snav {
    display: none;

    border: 1px solid #cccccc;

    position: absolute;
    top: 165px;

    z-index: 1;

    background-color: #ffffff; /* ie6 fix */
}

/* === links === */
div.snav a {
    display: block;

   padding: 6px 9px;

    font-weight: normal;

    white-space: nowrap;

    color: #333333;

    background-color: #ffffff;
}
div.snav a:hover, div.snav a.on {
    color: #333333; /* ie6 fix */

    background-color: #d6cfb2;
}

/* ############################## thirdsnav DIV ############################## */
/* === div === */
div.thirdsnav {
    display:none;
    border: 1px solid #cccccc;
    position: absolute;
    left:100%;

    z-index: 2;
    background-color:#ffffff; /*ie6 fix */
}

/* === links === */
div.thirdsnav a {
    display: block;

   padding: 6px 9px;

    font-weight: normal;

    white-space: nowrap;

    color: #333333;


    background-color: #ffffff;
}
div.thirdsnav a:hover, div.thirdsnav a.on {
    color: #333333; /* ie6 fix */

background-color:#d6cfb2;
}

/* ############################## news DIV ############################## */

/* === div === */
div.news {
    width: 308px;
    height: 208px;

    /*margin-left: 2px;*/
position:absolute;
top:166px;
left:652px;
    /*float: left;*/

    background-color: #e4dfcc;
}



/* ############################## events DIV ############################## */

/* === div === */
div.events {
    width: 308px;
    height: 202px;
position:absolute;
top:376px;
left:652px;
   /* margin-left: 2px;
    margin-top: 2px;*/

    /*float: left;*/

    background-color: #fce0db;
}


/* === div === */
div.indexSideImage {
    width: 308px;
    /*height: 120px;

    margin-left: 2px;*/
position:absolute;
top:580px;
left:652px;
    /*float: left;

    background-color: #e4dfcc;*/
}

div.social{
position:relative;
float:left;
width:308px;
height:70px;
background-image: url(images/social/social_bg.jpg);
background-repeat: no-repeat;
}

div.social img{
margin-top:15px;
margin-left:16px;
}

/* ############################## photo DIV ############################## */

/* === div === */
div.photo {
    width: 630px;
    height: 250px;

    float: left;

    position: relative;
}

/* === links === */
div.photo a.photo_button {
    padding: 0px 4px;

    border: 1px solid #999999;

    position: absolute;
    bottom: 10px;

    background-color: #e4dfcc;
}
div.photo a#photo_button_1 {
    left: 25px;
}
div.photo a#photo_button_2 {
    left: 45px;
}
div.photo a#photo_button_3 {
    left: 65px;
}
div.photo a#photo_button_4 {
    left: 85px;
}
div.photo a#photo_button_5 {
    left: 105px;
}


/* ############################## content  for home page DIV ############################## */

/* === div === */
div.content {
    width: 580px;
    height: auto !important;
    height: 130px;
    min-height: 130px;


    margin-top: 2px;

    padding: 15px 25px 15px 25px;

    font-size: 11px;

    float: left;

    background-color: #f5f5f5;
    background-image: url(images/bg_content.gif);
    background-repeat: no-repeat;
    background-position: left top;
}

/*######## breadcrumbs ###########*/
div#breadcrumbs{
position:relative;
float:left
width:630px;
font-size:11px;
}

/* ############################## content for interior pages ############################## */

/* === div === */
div.contentInterior {
    width: 940px;
    position:relative;
    float:left;
}


table.contentTable{
}

td.leftContent{
width:630px;
vertical-align:top;
background-color: #f5f5f5;
}

td.rightContent{
width:308px;
border-left:2px solid #ffffff;
vertical-align:top;
}

table.leftContentInfo{
width:630px;
}

td.interiorHeader{
width:630px;
height:100px;
vertical-align:top;
}

td.interiorContent{
width:630px;
background-image: url(images/bg_content.gif);
background-repeat: no-repeat;
border-top:2px solid #ffffff;
vertical-align:top;
background-color: #f5f5f5;
background-position: left top;
padding:30px;
}

td.interiorContentRooph{
width:938px;
background-image: url(images/rooph/container_bg.jpg);
background-repeat:repeat-y;
border-top:2px solid #ffffff;
vertical-align:top;
background-color: #f5f5f5;
background-position: left top;
padding:30px;
}


table.rightContentInfo{
width:308px;
}

td.interiorRightTopImage{
width:308px;
height:100px;
vertical-align:top;
}

td.interiorRightBottomImages{
border-top:2px solid #ffffff;
width:308px;
vertical-align:top;
}




/* ############################## testimonials DIV ############################## */

/* === div === */
div.testimonials {
    width: 304px;
    border:2px solid #f6947f;
    /*margin-left: 2px;
    margin-top: 2px;*/
position:relative;
float: left;
    background-color: #ffffff;
}

.testimonialQuote{
    font-weight:bold;
    font-size:16px;
    color:#cccccc;
    padding-left:15px;
    padding-right:15px;
    margin:0px;
    padding-top:15px;

    line-height: 21px;
}

.testimonialName{
    position:relative;
    float:right;
    font-weight:bold;
    font-size:14px;
    color:#f6947f;

    line-height: 16px;

    margin:0px;
    padding-right:15px;
    padding-bottom:15px;
}

/* ############################## linktures DIV ############################## */

/* === div === */
div.linktures {
    width:308px;
   position:relative;
    float: left;
    background-color: #ffffff;
}

div.linkturesHome {
   width: 308px;

    margin-top: 2px;
    float: left;

}

div.rightColumn{
position:relative;
float:left;
width:308px;
margin-left: 2px;

}

/* === images === */
div.linktures img {
    margin-top: 2px;
}

/* ############################## clear DIV ############################## */

/* === div === */
div.clear {
    clear: both;
}

/* ############################## bulletin TABLE ############################## */

/* === table === */
table.bulletin {
    border: 0px;
    border-collapse: collapse;
}

/* === cells === */
table.bulletin td {
    padding: 0px;

    border: 0px;

    vertical-align: top;
}

/* === date === */
table.bulletin td.date {
    padding-left: 20px;
    padding-right: 5px;

    font-weight: bold;

    white-space: nowrap;
}

/* === headline === */
table.bulletin td.headline {
    padding-right: 20px;
width:175px;

}

/* === link === */
table.bulletin td.link {
    padding-right: 20px;

    text-align: right;
}

/* ############################## contact_us TABLE ############################## */

/* === table === */
table.contact_us {
    border: 0px;
    border-collapse: collapse;
}

/* === cells === */
table.contact_us td {
    padding: 2px;

    border: 0px;

    font-size: 11px;

    text-align: left;
    vertical-align: top;
}

/* ############################## contact_us FORM ############################## */

/* === input/select/textarea === */
form.contact_us input, form.contact_us select, form.contact_us textarea {
    border-top: 1px solid #6d6e71;
    border-left: 1px solid #6d6e71;
    border-right: 0px;
    border-bottom: 0px;

    background-color: #cccccc;
}

/* === input/select/textarea (disabled) === */
form.contact_us input.disabled, form.contact_us select.disabled, form.contact_us textarea.disabled {
    color: #a2a3a5;
}

/* === fields === */
form.contact_us input.full_name {
    width: 150px;

    cursor: text;
}
form.contact_us input.phone_number {
    width: 150px;

    cursor: text;
}
form.contact_us input.email_address {
    width: 150px;

    cursor: text;
}
form.contact_us input.subject {
    width: 150px;

    cursor: text;
}
form.contact_us textarea.message {
    width: 350px;
    height: 150px;

    cursor: text;

    overflow: auto;
}

/* === buttons === */
form.contact_us input.button {
    width: 120px;

    border: 1px solid #6d6e71;

    cursor: pointer;
}

/* ############################## signature DIV ############################## */

/* === div === */
div.signature {
    font-family: arial;
    font-size: 10px;
    font-weight: bold;

    text-align: center;

    color: #333333;
}

/* === links === */
div.signature a {
    color: #333333;
}
div.signature a:hover {
    color: #ffffff;
}

/* === vertical spacer === */
div.signature img.vspacer {
    width: 940px;
    height: 5px;
}

/* === horizontal spacer === */
div.signature img.hspacer {
    width: 585px;
    height: 1px;
}

/* ############################## Projects divs ############################## */

.projectImg{
    position:relative;
    float:left;
    width:250px;

}

.projectText{
    padding-top:13px;
    position:relative;
    float:left;
   width:330px;

}

/* ###### ROOPH AWARDS ####### */

div#roophLeft{
position:relative;
float:left;
background-color:red;
width:436px;

}

div#roophRight{

position:relative;
float:left;
background-color:yellow;
width:443px;
}


/*########LEFT COLUMN#########*/

 div#leftCol{

 position: relative;

 float:left;

 width:436px;

 }

  div#leftContent{

  position: relative;

  float:left;

  width:435px;

  border-right:1px dotted #000000;

 }


 div#largeImage{

 position: relative;

 float:left;

 width:435px;

 height:544px;

 }





div#presentation{

position:absolute;

left:50px;

top:325px;

width:335px;

border:1px dotted #000000;

padding:5px;

text-align:center;

}



div#presentation p{

margin:0;

padding:0;

}



 div.leftTitles{

 position: relative;

 float:left;

 width:435px;

}

div#rightIntro{

position: relative;

float:left;

width:443px;

/*height:544px;*/

}





  div.rightTitles{

  position: relative;

  float:left;

  width:443px;

 }



 div.rightInfo{

 position: relative;

 float:left;

 width:343px;

 padding-left:50px;

 padding-right:50px;

 padding-top:15px;

 padding-bottom:15px;

 }



/* End of 'homeward_css' */