﻿/*
Theme Name: Granada Corporation
Description: A Wordpress theme for Granada Corp
Version: 1.0
*/

body { height:100%; margin:0px; padding:0px; font-family:Verdana, Helvetica; font-size:12px; color:#000; background-color:#fff; line-height:18px; background-image:url(./images/bckgMainSite.jpg); background-repeat:repeat-x;}
.clear {
    clear: both;
}
.cl {
    clear: left;
}
.cr {
    clear: right;
}
.alignright {
	float: right;
	display: inline;
}
.alignleft {
	float: left;
	display: inline;
}
.aligncenter, .aligncenter * {
	margin: 0 auto;
	text-align: center;
}
.uppercase {
    text-transform: uppercase;
}
img {
    border: 0;
}
img.alignleft {
    margin: 5px 5px 0px 0;
}
img.alignright {
    margin: 5px 0 0px 5px;
}
div#enclose { width:100%; margin:0px auto 0px auto; text-align:center;  }
div#content { position:relative; width:900px; margin:0px auto 0px auto; text-align:left; }	/*height:1000px; */
ul.dlm_download_list {
    list-style: none;
}
ul.dlm_download_list li {
    height: 60px;
    border-bottom: 1px dotted #CCCCCC;
    padding: 10px 0;
}
.page-id-79 #mainSubContent ul.dlm_download_list li a {
    font-weight: bold;
    color: #000;
}
.date-image {
    float: left;
    display: inline;
    margin-right: 6px;
}

.date {
    display: block;
    margin-bottom: 4px;
}


form { padding:0px; margin:0px; }
a { text-decoration:none; color:#000; }
img{ border:0px;}
.clearIt{ clear:both; height:0; line-height:-1; margin:0px;}

div#topBanner { height:84px; padding:38px 0px 0px 0px; }
div#logo { width:240px; height:45px; position:relative; margin-top: 10px; margin-left: 10px; }
div#navHolder { width:638px; height:32px; position:absolute; top:90px; left: 277px; z-index: 1000; }
div#navHolder ul { padding: 0; margin: 0; list-style: none; }
/* main nav starts here */
#navlist, #navlist ul {	padding: 0;	margin: 0; list-style: none; behavior: url(./iepngfix.htc); }
#navlist ul a { display: block; text-indent:-9999px; outline: 0; }
#navlist ul ul li {padding: 0 0 5px 10px; margin: 0;}
#navlist ul ul a {text-indent: 0;}
#navlist li.page-item-6 {background: transparent url(./images/menu/about-us.jpg) no-repeat; width: 60px; height: 16px;}
#navlist li.page-item-7 {background: transparent url(./images/menu/services.jpg) no-repeat; width: 60px; height: 16px;}
#navlist li.page-item-8 {background: transparent url(./images/menu/hispanic-market-focus.jpg) no-repeat; width: 143px; height: 16px;}
#navlist li.page-item-9 {background: transparent url(./images/menu/operational-capabilities.jpg) no-repeat; width: 153px; height: 16px;}
#navlist li.page-item-10 {background: transparent url(./images/menu/technology.jpg) no-repeat; width: 76px; height: 16px;}
#navlist a.trigger { padding: 0 0 15px 0; /*this is a hit area for the top button. it needs to overlap with the top subnav button to ensure that the submenu doesn't disapear when you are mousing over the top image.*/ }
#navlist li { float: left; }
#navlist li ul, #navlist ul li  { width: 164px; behavior: url(./iepngfix.htc);}
#navlist ul li a  {	border-right: 0; padding: 0 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #fff; }
#navlist li ul { position: absolute; display: none; background-color:#46667f; padding:10px 0px 5px 0px; }
#navlist ul li { margin:0 14px; }
#navlist li:hover a, #navlist a:focus,
#navlist a:active, #navlist li.p7hvr a { color: #fff; }
#navlist li:hover ul, #navlist li.p7hvr ul { display: block; }
#navlist li:hover ul a, #navlist li.p7hvr ul a { color: #fff; background-color: transparent;}
#navlist li:hover ul a:hover, #navlist li.p7hvr ul a:hover { color:#adb4bc;}
/* hide from IE mac - DO NOT CHANGE \*/
#navlist li {position: static; width: auto;}
/* end hiding from IE5 mac */
/* main nav ENDS here */






div#mainContent, div#mainSubContent { margin:20px 0px 0px 0px; }
div#mainContent { height:358px;}

div#signUp { width:900px; height:41px; margin:6px 0px 0px 0px; background:url(./images/bckgSignup.png) no-repeat; behavior:url(./iepngfix.htc);}
div#frmHolder { padding:10px 0px 0px 420px; }
div#frmHolder .textField, div#frmHolder .textField2 { float:left; width:145px; height:18px; padding:3px 0px 0px 5px; margin:0px 0px 0px 55px; background:url(./images/bckgTextField.jpg) no-repeat; border:none; font:normal 11px Arial; color:#3f4b54; text-transform:uppercase; }
div#frmHolder .textField2 { margin-left:65px;}
div#frmHolder .btnSubmit { width:46px; height:21px; padding:-2px 0px 0px 0px; margin:0px 8px 0px 0px; background:url(./images/btnSubmit.jpg) no-repeat; border:none; cursor:pointer;  behavior:url(./iepngfix.htc); float:right; }
.LV_validation_message { margin:0px; font-size:8px; }
.LV_invalid { color:#CC0000; }

div#hModules { width:900px; height:190px; margin:6px 0px 0px 0px; }
div#modAuth, div#modNews, div#modPodcasts { width:295px; height:139px; float:left; behavior:url(./iepngfix.htc); margin:0px; }
div#modAuth { background:url(./images/bckgModuleAuthor.png) no-repeat; }
div#modBlog, div#modNews, div#modPodcasts { width:295px; height:190px; float:left; behavior:url(./iepngfix.htc); }
div#modBlog { background:url(./images/bckgModuleBlog.jpg) no-repeat; }
div#modBlog ul { list-style: none;margin: 0;padding: 0;}

div#modNews { margin-left:7px; background:url(./images/bckgModuleNews.jpg) no-repeat; }
div#modNews .modInner {width: 254px;margin-left:0;padding-left:20px}
div#modNews .modInner .iconImg {width: 60px;display: inline;}
div#modNews .modInner p {margin:0 0 0 68px}

div#modPodcasts { margin-left:7px; background:url(./images/bckgModuleMedia.jpg) no-repeat; font-size:9px; }
div#modPodcasts .modInner {padding-left: 48px;}
div#modPodcasts .textField, div#modPodcasts .textField2 { float:left; width:145px; height:18px; padding:3px 0px 0px 5px; margin:2px 0px 0px 50px; background:url(./images/bckgTextField.png) no-repeat; border:none; font:normal 12px Arial; color:#ac7a1b; text-transform:uppercase; }
div#modPodcasts .btnSubmit { width:68px; height:21px; padding:-2px 0px 0px 0px; margin:2px 0px 0px 0px; background:url(./images/btnSubmit.png) no-repeat; border:none; cursor:pointer;  behavior:url(./iepngfix.htc); float:right; }
div#modPodcasts .iconImg { padding-top: 5px; }

.modInner { margin:48px 10px 0px 15px; color:#000; font-size:13px; line-height:15px; font-family:Arial;padding-left: 42px;width:220px; }
.modInner .iconImg { float:left; }
.modInner a { font-weight: bold; padding:0px; color:#2e526f; line-height:15px;}
.modInner a:hover{ color:#ed9239; }

div#mainSubContent {}
div#strechMiddle { background:url(./images/bckgSPageMiddle.png) repeat-y; behavior: url(./iepngfix.htc); }
div#strechMiddleWide { background:url(./images/bckgExPageMiddle.png) repeat-y; behavior: url(./iepngfix.htc); }
div#leftNav, div#leftBio { width:164px; min-height:500px; margin:0px 30px 10px 0px; padding:10px 17px 10px 23px; float:left;  }
div#leftNav ul { list-style:none; margin:20px 0px 0px 0px; padding:0px; }
div#leftNav a {display: block; padding-left:5px;}
div#leftNav ul ul {margin: 0;}
div#leftNav ul ul.children li {text-indent: 12px}
div#leftNav li { line-height:29px; font-size:12px; color:#000; background:url(./images/bckgSPageNav.png) repeat-x; }
div#leftNav li a:hover, div#leftNav li.current_page_item > a { background:url(./images/bckgSPageNav_on.png) repeat-x; color:#313131; font-weight:bold; }

div#rightCopy { width:635px; margin-left:235px; padding:5px 0px 0px 0px; }
div#rightCopy  a, div#rightCopyExcerpt a { color:#345977; }
div#rightCopy  a:hover, div#rightCopyExcerpt a:hover { color:#ED9239; }

div#rightCopy h2 { color:#313131; }

div#rightCopyExcerpt a { font-size:14px; line-height:16px; }
div#rightCopy p { margin:0px; padding:0px 0px 10px 0px; }
.pad20 { margin-top:20px;}
.smWrap { float:left; margin:0px 10px 10px 0px; }
.lgWrap { float:left; margin:0px 10px 200px 0px; }

.preListing, .listing { width:635px; background:url(./images/dotLineHG.gif) repeat-x bottom; }
.preListing { height:90px; overflow:hidden; margin:10px 0px 0px 0px; padding:0px; }
.preListing .listingDescr { height:36px; overflow:hidden;  }
.preListing:hover { cursor:pointer; }

.tbl { border:solid 1px #c2c091; padding:2px; background-color:#e7e5ae; }
.tbl td { padding:5px;}
.tblCellTtl { font-weight:bold; }
.tblCell { border:solid 1px #c2c091; vertical-align:top; background-color:#fff; }

.listing { width:635px; min-height:250px; margin:10px 0px 0px 0px; padding:10px 0px; background:url(./images/dotLineHG.gif) repeat-x bottom left; }
.listing h3, .listing h2, .preListing h3, .preListing h2 { margin:0px; font-size:16px; font-weight:normal; }
.listing h3, .preListing h3 { color:#b85f00; }
.listing .listingDescr { margin:0px 0px 0px 0px; }
.listing ul { margin:20px 0px 0px 0px; padding:20px 0px 0px 0px; list-style-type:none; background:url(./images/dotLineHG.gif) repeat-x top left; line-height:22px; }
.listing ul li { white-space:pre-line; }

/*Bio and Excerpt*/
div#leftBio { width:270px; }
div#leftBio p { font-style:italic; text-align:justify; }
div#rightCopyExcerpt { width:545px; margin-left:335px; padding:15px 0px 0px 0px; font-size:16px; line-height:24px; }
div#rightCopyExcerpt dl { margin-top:30px;}
div#rightCopyExcerpt dt { float:left; line-height:20px; margin-right:170px; }
div#rightCopyExcerpt dd { line-height:20px;}
.subTtl { font-size:18px; font-style:italic; color:#B85F00; margin-top:5px; }

div#footer, div#footer-tall { margin:20px 0px 0px 0px; text-align:center; font-size:10px; color:#1a1d20; line-height:14px; clear:both; }
div#footer-tall {margin-top: 80px;}
.txt4Comment { width:300px;}

.dlm_download_list li a img {
    margin-right: 10px;
}


#ulPress {
list-style-type:none;
margin:0;
padding:0;
}
#ulPress li {
border-bottom:1px dotted #CCCCCC;
padding:10px 0;
}
#ulPress li a {
color:#345977;
}
#ulPress li:hover a {
color:#ED9239;
}
.pressDate {
color:#666666;
font-size:12px;
margin-bottom:6px;
}

/* sliderhow */
#slider {
    width:899px;
    height:358px;
    position: relative;
}
#slides {
    border: 5px solid #fff;
}
#slides .slides_container {
    height: 348px;
}
#slider .top-border, #slider .bottom-border {
    position: absolute;
    width: 100%;
    height: 10px;
    top: 0;
    z-index: 10;
}
#slider .bottom-border {
    top: auto;
    bottom: 0;
}
#slider .top-border div, #slider .bottom-border div {
    background: transparent url(./images/border.png) no-repeat;
    width: 9px;
    height: 10px;
}
#slider .top-border .left, #slider .bottom-border .left {
    float: left;
}
#slider .top-border .right, #slider .bottom-border .right {
    float: right;
    background-position: 100% 0;
}
#slider .bottom-border .left {
    background-position: 0 100%;
}
#slider .bottom-border .right {
    background-position: 100% 100%;
}

.slider_container {
    width:890px;
    height:348px;
}
.slider_container div {
    width:890px;
    height:348px;
    display:block;
}
#slider #rounded {
    position: absolute;
    background: transparent url(./images/bg-slider.png) no-repeat;
    width: 900px;
    height: 357px;
    z-index: 5;
    top: 0;
}
#slider .content {
    position: absolute;
    z-index: 20;
    top: 85px;
    left: 35px;
    width: 450px;
    color: #fff;
    line-height: 16px;
}
#slider .content h1 {
    color: #fff;
    font: normal 28px/28px Arial;
    margin: 0;
    text-transform: uppercase;
}
#slider a.learn-more {
    display: block;
    background: transparent url(./images/learn-more.jpg) no-repeat;
    width: 107px;
    height: 31px;
    z-index: 20;
    margin-top: 10px;
}
#slider a.learn-more-abs {
    display: block;
    position: absolute;
    background: transparent url(./images/learn-more.jpg) no-repeat;
    width: 107px;
    height: 31px;
    z-index: 20;
    top: 282px;
    left: 35px;
}
#slider a.learn-more span, #slider a.learn-more-abs span {
    display: none;
}

/* Pagination */
.pagination {
    position: absolute;
    margin:26px auto 0;
    padding: 0 0 0 38px;
    width:100px;
    top: 0;
    z-index: 10;
}
.pagination li {
    float:left;
    margin:0 3px;
    list-style:none;
}
.pagination li a {
    display:block;
    width:13px;
    height:0;
    padding-top:13px;
    background-image:url(./images/pagination.png);
    background-position:0 -13px;
    float:left;
    overflow:hidden;
}
.pagination li.current a {
    background-position:0 0;
}
