/* general settings */
body {background:#5c5c5c url(../image/background.gif); margin:30px 0px; font:13px arial, helvetica, sans-serif; color:#474747;}
form {margin:0px;}
input {font-size:12px; color:#000;}
select {font-size:12px; color:#000;}
textarea {font-size:12px; color:#000;}
h1 {font:normal 18px "myriad pro", arial; color:#474747; margin:0px; padding:0px;}
h2 {font:bold 18px "myriad pro", arial; color:#f58517; margin:0px; padding:0px;}
label {cursor:pointer;}

/* layout settings */
#quicknav {color:#fff; text-align:right; margin:0 auto; width:980px; padding:5px 0px 8px 0px;}
#quicknav span {margin:0px 6px;}
#quicknav a:link, #quicknav a:visited {color:#fff; text-decoration:underline;}
#quicknav a:active, #quicknav a:hover {color:#ffa44a; text-decoration:underline;}
#shell {width:980px; margin:0 auto; text-align:center;}
#container {text-align:left; border:5px solid #fff; background:#fff;}
#header {background:url(../image/header-background.gif) repeat-x bottom; height:134px;}
#header .left {float:left;}
#header .left #logo {padding:8px 15px 22px 15px;}
#header .left #topnav {}
#header .left #topnav ul {margin:0px; padding:0px;}
#header .left #topnav ul li {list-style-type:none; display:inline;}
#header .left #topnav img {vertical-align:middle; margin-left:25px;}
#header .left #topnav img.first {margin-left:15px;}
#header .right {float:right; margin-top:35px;}
#footer {padding:15px 0px; text-align:center;}
#footer #bottomnav {color:#fff; padding:12px 0px;}
#footer #bottomnav a:link, #footer #bottomnav a:visited {color:#fff; text-decoration:underline;}
#footer #bottomnav a:active, #footer #bottomnav a:hover {color:#fff; text-decoration:underline;}
#footer #bottomnav span {margin:0px 6px;}
#footer #credits {color:#fff; line-height:16px;}
#footer #credits a:link, #footer #credits a:visited {color:#ffa800; text-decoration:none;}
#footer #credits a:active, #footer #credits a:hover {color:#ffa800; text-decoration:underline;}

.image-left {float:left; margin:0px 15px 10px 0px; padding:2px; background:#fff; border:1px solid #d5d5d5;}
.image-right {float:right; margin:0px 0px 10px 15px; padding:2px; background:#fff; border:1px solid #d5d5d5;}
.h1-sub {margin-top:-10px;}
.clear {clear:both; margin:0px; padding:0px; height:0px; font-size:0px; line-height:0px; float:none;}

/* home settings */
#home {background:url(../image/making-things-happen.gif) no-repeat right top; margin-top:2px; min-height:250px;}
#home .left {float:left; width:514px; padding:25px 18px 20px 16px;}
#home .left p {text-align:justify; line-height:17px;}
#home .right {float:right; width:405px; height:310px; margin-top:40px;}

/* interior settings */
#interior {background:url(../image/rightnav-background.gif) repeat-y right; margin-top:2px;}
#interior .left {background:url(../image/accent.gif) no-repeat left top; float:left; width:680px; padding:15px 18px 20px 16px;}
#interior .left p {text-align:justify; line-height:17px;}
#interior .right {float:right; width:246px;}
#interior .right .wrapper {padding:5px 15px 5px 20px;}

/* testimonial settings */
#testimonial {}

/* event calendar settings */
#event-calendar {padding:30px 0px;}
#event-calendar .title {background:#5c5c5c; padding:8px;}

/* staff settings */
#staff {}
#staff .employee {margin:20px 0px; padding-bottom:10px; border-bottom:1px solid #ccc;}
#staff .employee .photo {float:left; margin:0px 15px 10px 0px; width:120px;}
#staff .employee .photo img {padding:2px; border:1px solid #d5d5d5; background:#fff;}
#staff .employee .photo img:hover {border:1px solid #404040;}
#staff .employee .description {float:left; width:530px;}
#staff .employee .description p {margin:0px 0px 12px 0px; padding:0px;}

/* clients settings */
#clients {margin-top:20px;}
#clients td {text-align:center; width:25%; vertical-align:top; padding:5px 0px;}
#clients td img {padding:2px; border:0px solid #ddd; background:#fff; display:block; margin-bottom:3px;}
#clients td img:hover {border:0px solid #404040;}

/* media gallery settings */
#media-gallery { position:relative; padding:10px 10px 10px 15px; border:1px solid #ccc; width:671px; overflow:hidden; }
#media-gallery #gallery-slide { position:relative; width:2043px; left:-681px; margin:0px; padding:0px; }
#media-gallery #gallery-left { position:relative; width:681px; float:left; }
#media-gallery #gallery-center { position:relative; width:681px; float:left; }
#media-gallery #gallery-right { position:relative; width:681px; float:left; }
#media-gallery td {text-align:center; width:156px; vertical-align:top; padding:5px 0px; margin:0px;}
#media-gallery td img {padding:2px; border:1px solid #ddd; background:#fff; display:block; margin-bottom:3px;}
#media-gallery td div {padding:3px; margin-bottom:3px;}
#media-gallery td img:hover {border:1px solid #404040;}

/* media settings */
#media {margin:0px; padding:10px 0px; min-height:150px;}
#media li {list-style-type:none; float:left; margin:0px 5px 5px 0px;}
#media li img {padding:2px; border:1px solid #d5d5d5; background:#fff;}
#media li img:hover {border:1px solid #404040;}

/* category settings */
#categories {border-top:1px solid #f0f0f0; padding-top:10px;}
#categories p {margin-top:0px; padding-top:0px;}
#categories #lights-camera-action p, #categories #featured-service p, #categories #what-we-do p {margin:8px 0px 15px 1px;}
#categories #lights-camera-action {float:left; width:320px; border-right:1px solid #f0f0f0;}
#categories #lights-camera-action .inner-contents {padding:2px 15px;}
#categories #lights-camera-action .inner-contents img {border:0px;}
#categories #featured-service {float:left; width:320px; border-right:1px solid #f0f0f0;}
#categories #featured-service .inner-contents {padding:2px 15px;}
#categories #featured-service .inner-contents img {border:0px;}
#categories #what-we-do {float:right; width:320px;}
#categories #what-we-do .inner-contents {padding:2px 15px;}
#categories #what-we-do .inner-contents #services {height:325px; overflow:hidden;}
#categories #what-we-do .inner-contents #services .service {margin-bottom:8px;}
#categories #what-we-do .inner-contents #services .service a:link, #categories #what-we-do .inner-contents #services .service a:visited {display:block; color:#3d6b99; text-decoration:underline; font-weight:bold;}
#categories #what-we-do .inner-contents #services .service a:active, #categories #what-we-do .inner-contents #services .service a:hover {display:block; color:#427eb9; text-decoration:underline; font-weight:bold;}
#categories #what-we-do .inner-contents #services .service a.seolink:link, #categories #what-we-do .inner-contents #services .service a.seolink:visited, #categories #what-we-do .inner-contents #services .service a.seolink:active, #categories #what-we-do .inner-contents #services .service a.seolink:hover {display:inline; color:#474747; text-decoration:none; font-weight:normal;}
#categories #what-we-do .inner-contents .more {margin-top:18px;}

/* press releases settings */
#press-releases {padding:2px;}
#press-releases .article {margin:15px 0px;}
#press-releases .article .headline {font-weight:bold;}
#press-releases .article .description a:link, #press-releases .article .description a:visited {color:#3d6b99;}
#press-releases .article .description a:active, #press-releases .article .description a:hover {color:#427eb9;}
#press-releases .article .date {color:#666;}
#press-releases .article .description {}

/* media coverage settings */
#media-coverage {padding:2px;}
#media-coverage .article {margin:15px 0px;}
#media-coverage .article .headline {font-weight:bold;}
#media-coverage .article .description a:link, #media-coverage .article .description a:visited {color:#3d6b99;}
#media-coverage .article .description a:active, #media-coverage .article .description a:hover {color:#427eb9;}
#media-coverage .article .date {color:#666;}
#media-coverage .article .outlet {color:#666;}
#media-coverage .article .description {}

/* pagination settings */
.pagination {padding:18px 0px; margin:10px 0px;}
.pagination ul {margin:0px; padding:0px; text-align:left;}
.pagination li {list-style-type:none; display:inline; padding-bottom:1px; background:transparent; padding-left:0px; margin:0px;}
.pagination a:link, .pagination a:visited {padding:2px 6px; border:1px solid #9aafe5; text-decoration:none; color:#2e6ab1;}
.pagination a:hover, .pagination a:active {border:1px solid #2b66a5; color:#000; background:#f7f7f7; text-decoration:none;}
.pagination li.currentpage {font-weight:bold; padding:2px 4px 2px 6px; border:1px solid navy; background:#2e6ab1; color:#fff; margin-right:3px;}
.pagination li.disablepage {padding:2px 6px; border:1px solid #929292; color: #929292; margin-right:3px;}
.pagination li.nextpage {font-weight:bold;}
.pagination li.archives {font-weight:bold;}
.pagination li.archives a:link, .pagination li.archives a:visited {padding:2px 9px; border:1px solid #000; text-decoration:none; color:#fff; background:#e97300;}
.pagination li.archives a:hover, .pagination li.archives a:active {border:1px solid #000; color:#fff; background:#f7f7f7; text-decoration:none; background:#ffa800;}
* html .pagination li.currentpage, * html .pagination li.disablepage {margin:0px 5px; padding-right:0px;}

/* sifr settings */
.sIFR-flash {visibility:visible !important; margin:0px;}
.sIFR-replaced {visibility:visible !important;}
span.sIFR-alternate {position:absolute; left:0px; top:0px; width:0px; height:0px; display:block; overflow:hidden;}
.sIFR-hasFlash h1 {visibility:hidden; font-size:24px; padding:0px; margin:0px; display:inline;}
.sIFR-hasFlash h2 {visibility:hidden; font-size:18px;}
.sIFR-hasFlash h3 {visibility:hidden; font-size:14px;}

/* drop down menu settings */
.dropmenudiv {position:absolute; top:0px; margin-top:11px; line-height:18px; z-index:10000; background:#5c5c5c; width:192px; visibility:hidden;}
.dropmenudiv a:link, .dropmenudiv a:visited {display:block; text-indent:6px; border-bottom:1px solid #fff; padding:4px 0px 4px 12px; text-decoration:none; font:13px arial; color:#fff; background:url(../image/arrow-right.gif) no-repeat 7px center;}
.dropmenudiv a:active, .dropmenudiv a:hover {display:block; text-indent:6px; border-bottom:1px solid #fff; padding:4px 0px 4px 12px; text-decoration:none; font:13px arial; color:#fff; background:#797979 url(../image/arrow-right.gif) no-repeat 7px center;}

/* link settings */
a:link, a:visited {color:#e97300; text-decoration:none;}
a:active, a:hover {color:#ffa800; text-decoration:underline;}
a.seolink:link, a.seolink:hover, a.seolink:active, a.seolink:visited {color:#474747; text-decoration:none;}

/* RSS feed settings */
#feed { }
#feed .feed-item { margin:10px 0px 30px 0px; padding-bottom:10px; border-bottom:1px solid #ccc; }
#feed .feed-item .item-title { font-weight:bold; }
#feed .feed-item .item-pubDate { font-weight:bold; }
#feed .feed-item .item-category { }
#feed .feed-item .item-description { margin:10px 0px; }
#feed .feed-item .item-comments { float:right; }


<div class="item-title"><a href="<?=$rssfeed[$i]['link']?>"><?=$rssfeed[$i]['title']?></a></div>
<div class="item-pubDate"><?=date('n/j/Y h:i a', strtotime($rssfeed[$i]['pubDate']))?></div>
<div class="item-category"><?=implode(', ', $rssfeed[$i]['category'])?></div>
<div class="item-description"><?=$rssfeed[$i]['description']?></div>
<div class="item-comments"><a href="<?=$rssfeed[$i]['comments']?>">Comments</a></div>

/* table settings */
.grid {border:1px solid #ccc; margin:18px 0px;}
.grid th {text-align:left; font-weight:bold; background:#333; color:#fff;}
.grid th a:link, .grid th a:visited {color:#fff; text-decoration:none;}
.grid th a:active, .grid th a:hover {color:#fff; text-decoration:underline;}
.grid td {border-bottom:1px solid #E6EAF5;}
.grid tr {background:#fff;}
.grid tr:hover {background:#FCE9DA;}
.grid .even {background:#E6EAF5;}

.grid input {width:250px; border:1px solid #d8d8d8; vertical-align:middle; font-size:14px; padding:6px 3px 6px 6px;}
.grid textarea {width:300px;height:200px;border:1px solid #d8d8d8;}
.grid input.send {display:block;width:120px;height:33px; text-decoration:none;line-height:30px; cursor:pointer; padding:3px;}
.grid input.send:hover {color:#a9bb59;}


.log-results-fail, .log-results-success {display:none; padding-right:150px !important;}
#success, .log-results-success {color:#4e8c28; padding:20px 15px; background:#e9ffdb url(/image/success-alert.gif) no-repeat right center; border:1px solid #6cb142; margin-bottom:8px;}
#error, #error-footer, .error, .log-results-fail {color:#cc0000; padding:20px 15px; background:#ffeeee url(/image/error-alert.gif) no-repeat right center; border:1px solid #ff5050; margin-bottom:8px;}
.no-log-image {background-image:none !important;}

.checkbox {width:auto !important; border:none !important;}

.map-border { float:right; margin:0px 0px 10px 15px; padding:2px; background:#fff; border:1px solid #ccc; }
.maps {width:350px; height:254px; } 

/* addthis settings */
.at300bs {display:none !important;}

