@charset "utf-8";

* {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* PNG TRANSPARENCY FIX */
 img, div, input { behavior: url("iepngfix.htc") }

h1 {margin: 0px;}
h2, h3 {color:#981415;}

.boldSubPoint {
        color: #981415;
        font-weight: bold;
}
.galleryContainer {
        text-align: left;
        padding: 0px 14px 8px;
}
.galleryLabel {
        font-size: 10px;
        text-align: left;
        line-height: 14px;
}
.lisoftproofing {
        list-style: square outside;
        margin-left: 26px;
}
.galleryContent {
        font-size: 10px;
        font-weight: bold;
        color: #767B8C;
        text-decoration: none;
        line-height: 16px;
}

.request {
        text-align: right;
        font-size: 12px;
        line-height: 13px;
        vertical-align: middle;
}

body {
        font-size: .9em;  /* Verdana, Arial, Helvetica, sans-serif;  */
        background: #000000;
        margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
        padding: 0;
        text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
        color: #747b96;
        background-image :url('images/BG.jpg');
        background-repeat: repeat-x;
        line-height: 25px;
        font-weight:100;
}
.LandingPg #container {
        min-width: 1024px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
        margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
        border: none;
        text-align: left; /* this overrides the text-align: center on the body element. */
}
.LandingPg #header {
        padding: 0 0px 0 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
        background-image: url('images/Header_BG.jpg');
        background-position: center top;
        background-repeat:  no-repeat;
        height: 391px;

}
.LandingPg #header #flash{
        margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
        width: 900px;
        height: 74px;
        background:url(images/Logo_BG.png)  no-repeat;
}

.LandingPg #header #latestProj{
        margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
        width: 900px;
        height: 269px;
        background-color:none;

}
.LandingPg #wrapper  {
        background:url(images/Main_BG1.jpg) left top  no-repeat;
        padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */

        }

.LandingPg #wrapper #mainContent {
        width: 900px;
        margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
}
.LandingPg #wrapper #mainContent p, h1, h2, h3{
        padding-left: 25px;
        padding-right: 25px;
}

.LandingPg #wrapper #mainContent #left{
        width: 650px;
        float: left;
}

.LandingPg #wrapper #mainContent #right{
        width: 220px;
        float: right;
}
.LandingPg #footer {
        padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
        background:#000000;
        color:#FFFFFF;
        font-size: .7em;
        height: 27px;
}
.LandingPg #footer div {
        margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
        padding: 2px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
        padding-left: 180px;
}



/*  ------------------------------------  SUB PAGES  ------------------------------------  */
/*  ------------------------------------  SUB PAGES  ------------------------------------  */
/*  ------------------------------------  SUB PAGES  ------------------------------------  */

.SubPg #container {
        min-width: 1024px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
        margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
        border: none;
        text-align: left; /* this overrides the text-align: center on the body element. */
}
.SubPg #header {
        padding: 0 0px 0 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
        background-image: url('images/Header_BG.jpg');
        background-position: center top;
        background-repeat: no-repeat;
        height: 101px;
        


}
.SubPg #header #flash{
        margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
        width: 900px;
        height: 74px;
        background:url(images/Logo_BG.png)  no-repeat;
}

.SubPg #header #latestProj{
        margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
        width: 900px;
        height: 269px;
        background-color:none;

}
.SubPg #wrapper  {
        background-image: url('images/Main_BG.jpg');
        background-position: left top;
        background-repeat: no-repeat;
        margin-top: 50px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
		padding-top: 15px;
        }

.SubPg #wrapper #mainContent {
        width: 900px;
        margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
}
.SubPg #wrapper #mainContent p, h1, h2, h3{
        padding-left: 25px;
        padding-right: 25px;
}

.SubPg #wrapper #mainContent #left{
        width: 650px;
        float: left;
}

.SubPg #wrapper #mainContent #right{
        width: 220px;
        float: right;
        text-align:left;
}
.SubPg #footer {
        padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
        background:#000000;
        color:#FFFFFF;
        font-size: .7em;
        height: 27px;
}
.SubPg #footer div {
        margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
        padding: 2px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
        padding-left: 180px;
}


/*  ------------------------------------  TRENDS PAGE  ------------------------------------  */
/*  ------------------------------------  TRENDS PAGE  ------------------------------------  */
/*  ------------------------------------  TRENDS PAGE  ------------------------------------  */


.Trends #container {
        min-width: 1024px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
        margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
        border: none;
        text-align: left; /* this overrides the text-align: center on the body element. */
}
.Trends #header {
        padding: 0 0px 0 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
        background:url(images/Header_BG.jpg) center top  no-repeat;
        height: 391px;

}
.Trends #header #flash{
        margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
        width: 900px;
        height: 74px;
        background:url(images/Logo_BG.png)  no-repeat;
}

.Trends #header #latestProj{
        margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
        width: 900px;
        height: 269px;
        background-color:none;

}
.Trends #wrapper  {
        background:url(images/Main_BG.jpg) left top  no-repeat;
        padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */

        }

.Trends #wrapper #mainContent {
        width: 900px;
        margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
}
.Trends #wrapper #mainContent p, h1, h2, h3{
        padding-left: 25px;
        padding-right: 25px;
}

.Trends #wrapper #mainContent #left{
        width: 650px;
        float: left;
}

.Trends #wrapper #mainContent #right{
        width: 220px;
        float: right;
}
.Trends #footer {
        padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
        background:#000000;
        color:#FFFFFF;
        font-size: .7em;
        height: 27px;
}
.Trends #footer div {
        margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
        padding: 2px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
        padding-left: 180px;
}

a:link {
        font-weight: bold;
        color: #990000;
        text-decoration: none;
}
a:hover {
        font-weight: bold;
        color: #666666;
        text-decoration: none;
}
a:visited {
        font-weight: bold;
        color: #663300;
        text-decoration: none;
}
a:active {
        font-weight: bold;
        color: #CC9900;
        text-decoration: none;
}
.optin {
/*        font: italic 10px Arial, Helvetica, sans-serif;  */
        margin: 0px;
        padding: 0px;
}