/* import ---------------------------------------------------------- */
@import url("/css/reset.css");
@import url("/css/sections.css");
@import url("/css/sifr.css");

/* base ------------------------------------------------------------ */
html, body {
background-color:#333; 
color:#fff;
height:100%; /* Required to make the footer stick at the bottom */
}

p {
margin-bottom:15px;
}

acronym {
background:url(../g/acronym.gif) repeat-x center bottom; cursor: help;
}

textarea {
font:inherit;
}

legend {
display:none;
}

/* links ----------------------------------------------------------- */
a {
color:#888;
text-decoration:none;
}

a:hover {
color:#fff;
}

body.design #content .highlight li a {
margin-bottom:0px;
}

body.home .highlight li a, body.about .highlight li a, body.showcase .highlight a {
background-image:url(../g/link.gif);
background-position: 0 2px;
background-repeat: no-repeat;
display: block;
padding:0 2px 2px 23px;
margin-bottom: 10px;
}

#content a.more-info, #content #sidebar .more-info {
background-image:url(../g/link.gif);
background-position: 0 2px;
background-repeat: no-repeat;
padding:0 2px 2px 23px;
margin-bottom: 10px;
}

body.home .highlight a:hover, body.community .highlight a:hover, body.showcase .highlight a:hover, #content a.more-info:hover, #content #sidebar .more-info:hover {
background-position: 0 -50px;
}

a.toggle {
background-image:url(../g/accordion.gif);
background-repeat:no-repeat;
background-position:right top;
display:block;
height:20px;
overflow:hidden;
position:absolute;
right:10px;
text-indent:-9999px;
top:10px;
width:450px;
z-index: 300;
cursor: pointer;
}

body.community a.toggle:hover, .dl-help a.toggle:hover {
background-position:right -47px;
cursor:pointer;
}

body.community a.toggle2 {
cursor:pointer;
}

body.help a.toggle {
background:url(../g/accordion.gif) no-repeat right top;
display:block;
width:450px;
position:relative;
top:0;
right:0;
text-indent:0;
}

body.design .highlight li a {
z-index:100;
}


/* headings ---------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
font-family:"Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
}

h1 {
font-size:1.6em;
}

h2 {
background:#202020 url(../g/section.gif) no-repeat 20px 50%;
font-size:1.4em;
left:158px;
padding:10px 10px 10px 50px;
position:absolute;
top:15px;
}

#extra h3 {
background:#33353A;
border-top:1px solid #375dbd;
margin:0 10px 10px 0;
padding:7px 7px 3px 7px;
}

body.home a.rss {
position:absolute;
top:12px;
right:10px; /* screen ie difference */
background:url(../g/rss.gif) no-repeat 0 0 !important;
height:15px;
width:15px;
z-index:200;
margin:0;
padding:0;	
}


/* content clearings ------------------------------------------------ */
#targeted-services:after, #extra:before, #content:after, .our-team:after, .browser-list:after, #switcher-options:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

#targeted-services, #extra, #content, .our-team, .browser-list, #switcher-options {
display:block;
}

/* content ---------------------------------------------------------- */
/*#wrap {
min-height:100%; For Modern Browsers 
height:auto !important;  For Modern Browsers 
height:100%;  For IE 
margin:0 auto;
width:974px;
position:relative;
text-align:left;
}*/

#wrap {
margin:0 auto;
width:974px;
position:relative;
text-align:left;
}

#content {
min-height:330px;
padding:70px 31px 20px 181px;
}

#main {
float:left;
width:470px;
}

#sidebar {
float:right;
font-size:1em;
width:270px;
padding-right:10px;
}

body.home #sidebar p {
padding-right:70px;
margin-bottom:1.3em;
}

#sidebar p {
padding-right:90px;
margin-bottom:1.3em;
}

body.about #sidebar p {
padding-right:0;
}

/* highlighted/boxed content ---------------------------------------- */
#main .highlight p {
font-size: 1em;
font-weight:lighter;
}

#main .highlight, #sidebar .highlight {
margin-bottom: 15px;
position:relative;
}

#main .highlight h3.first-child, #sidebar .highlight h3.first-child {
padding:10px 15px 7px;
margin:0;
}

#main .highlight p.first-child, #sidebar .highlight p.first-child {
padding:15px;
margin:0;
}

body.design #main .highlight p.first-child, body.services #main .highlight p.first-child {
padding:8px;
margin:0;
}

.highlight p, .highlight h3, .highlight ol, .highlight ul {
margin:0 15px;
}


.highlight p, .highlight h3, .highlight dl, .highlight ol, li.last-child {
padding-bottom:15px;
}

.highlight ol {
list-style:decimal-leading-zero;
padding:0 0 0 30px;
}

.highlight h3 {
margin:0 15px;
padding-bottom:7px;
position:relative;
z-index:1;
}

#main .highlight {
background:#383838 url(../g/highlight_bottom.gif) no-repeat left bottom;
}

#main .first-child {
background:url(../g/highlight_top.gif) no-repeat left top;
}

#sidebar li {
background-position:left bottom;
background-repeat:repeat-x;
padding-bottom:2px;
position:relative;
margin:0 0 10px 0;
min-height:85px;
}

body.home #sidebar li, body.showcase #sidebar li {
min-height:0;
}

body.about #sidebar li {
min-height:0;
}

#sidebar li img {
position:absolute;
top:0;
right:0; /* screen ie difference */
}

body.design #sidebar li img, body.services #sidebar li img {
width:80px;
height:80px;
z-index:100;
}

#content #sidebar li.last-child {
background-image:none;
}

#sidebar .highlight {
background:#383838 url(../g/highlight_bottom_small.gif) no-repeat left bottom;
}

#sidebar .first-child {
background:url(../g/highlight_top_small.gif) no-repeat left top;
}

#main h3, #sidebar h4 {
font-size: 1.2em;
}

/* nav -------------------------------------------------------------- */
#nav {
left:12px;
position:absolute;
text-transform:uppercase;
top:0;
width:150px;
}

#nav #branding {
background:url(../g/logo.gif) no-repeat;
display:block;
width:121px;
height:108px;
margin:15px 0 15px 17px;
overflow:hidden;
text-indent:-9999px;
}

#nav ul li {
margin-bottom:30px;
}

#nav ul li a {
background-position:right 2px;
background-repeat:no-repeat;
display:block;
padding:0 25px 0 0;
text-align:right;


}

#nav ul li a:hover {
background-position:right -98px;
}

/* footer ----------------------------------------------------------- */
/*#footer {
bottom:0 !important;
bottom:-1px; 
font-size:.8em;
position:absolute;
text-align:center;
text-transform:uppercase;
width:100%;
}*/

#footer {
position:relative;
width:100%;
padding-bottom:28px;
background:url(../g/shadow.jpg) no-repeat left bottom;
}

#footer-links {
left:15px;
position:relative;
background-color:#303030;
border-top:1px solid #373737;
font-size:.8em;
text-transform:uppercase;
width:943px;
text-align:right;
}

#sub-nav {
padding:5px; margin-right: 15px;
}

#sub-nav li {
display:inline;
margin:0;
padding:12px 0 0;
}

#sub-nav li a {
color:#666;
text-decoration:none;
padding:7px 0 7px 7px;
}

#sub-nav li a:hover {
/*border-top:3px solid #393939;*/
color:#fff;
}

#copyright {
position:absolute;
top:6px;
left:40px;
color: #999;
}

/* about ------------------------------------------------------------ */
.vcard {
margin-bottom:15px;
display:block;
float:left;
padding-right:5px;
width:14em;
}

.vcard h4 {
visibility:visible !important;
font-size:1.2em;
}

.vcard p {
margin:0;
padding:0 0 2px 0;
}

.vcard .title {
font-size:.9em;
}

.browser-list li {
display:block;
float:left;
width:9em;
}

.browser-list #ie {
display:block;
float:left;
width:13em;
}

body.about #sidebar li li a {
background-position:left center;
background-repeat:no-repeat;
display:block;
padding:3px 0 3px 30px;
}

.firefox {
background-image:url(../g/icon_firefox.gif);
}

.opera {
background-image:url(../g/icon_opera.gif);
}

.flock {
background-image:url(../g/icon_flock.gif);
}

.safari {
background-image:url(../g/icon_safari.gif);
}

.ie {
background-image:url(../g/icon_ie.gif);
}

/* home ------------------------------------------------------------- */
body.home #sidebar li {
margin-right: 10px;
}

#targeted-services li {
display:block;
float:left;
width:11.5em;
}

.catchline {
display:none;
}

#kwicks_container {
background:#383838 url(../g/highlight_bottom.gif) no-repeat left bottom;
height:132px;
}

#kwicks {
position:relative;

}

#kwicks .kwick {
float:left;
display:block;
width:151px;
height:122px;
}

#kwicks a {
overflow: hidden;
cursor: pointer;
}

.slide1 {
border-left: 3px solid #383838; border-right: 1px solid  #383838; background: url(../g/slide1.gif) no-repeat left top;
}

.slide2 {
border-left: 2px solid #383838; border-right: 2px solid #383838; background: url(../g/slide2.gif) no-repeat left top;
}

.slide3 {
border-left: 1px solid #383838; border-right: 2px solid #333; background: url(../g/slide3.gif) no-repeat left top;
}

/* help ------------------------------------------------------------- */
.dl-help {
margin:0 15px;
}

.dl-help dt{
color:#375DBD;
font-size:1em;
}

.dl-help dd.last-child{
margin:0 0 0 10px;
}

.dl-help dd{
margin:0 0 10px 10px;
}

.rss-lg {
position:absolute;
top:30px;
right:15px;
}

/* community -------------------------------------------------------- */
body.community .news-entries p {
margin: 5px 0 0 0; }

body.community .news-entries li {
border-top: 1px solid #656565; padding-top: 5px; }

.highlight p.post-date {
color:#fff;
font-size:1em;
padding-bottom:5px;
}

.rss {
display:block;
background:url(../g/rss.gif) no-repeat 0 0 !important;
padding-left:20px;
margin-left:15px;
padding-bottom:10px;
}

body.community .rss a {
background-image:none;
color:#F07531;
display:inline;
font-size:.8em;
padding:0;
}

body.community .rss a:hover {
color:#fff;
background-image:none;
}

.rss img {
height:15px;
width:15px;
}

#accordion {
position:relative;
z-index:100;
}

/* design ----------------------------------------------------------- */
.portfolio li, .what-we-do li {
position:relative;
margin-bottom: 15px;
}

.portfolio li img, .what-we-do li img {position:absolute; top:0; left:235px; z-index:350}

.what-we-do li {
min-height:140px;
}

.portfolio li {
min-height:180px;
}

.highlight .portfolio p, .highlight .what-we-do p {
padding-right:220px;
margin:0;
}

.highlight .portfolio h3, .highlight .what-we-do h3 {
margin:0;
}

body.design .highlight .portfolio a {
margin:0;
}
/* showcase ----------------------------------------------------------- */
body.showcase #main h4 {
margin: 0 15px 10px 15px; padding-bottom: 5px; border-bottom: 1px solid #656565
}

.showcaseImg {
float:right; margin: 0 15px 0px 20px;
position:relative;
}

.featuresList li{
padding-left: 15px; background:url(../g/feature_bullet.gif) no-repeat 0 7px; 
}

.liveLink {
margin-top: 15px;
}

.back {
margin-left: 15px;
background-image:url(../g/back.gif);
background-position: 0 2px;
background-repeat: no-repeat;
padding:0 2px 2px 23px;
}

.back:hover {
background-position: 0 -50px
}

/* contact ---------------------------------------------------------- */
body.contact #sidebar li {
min-height:0;
padding-top:8px;
}

#contact-form span {
display:block;
}

#contact-form input, #contact-form textarea, #contact-form select {
border:none;
}

.hide {
display:none;
}

#switcher-options li {
float:left;
padding:8px 0 0 0; /* screen ie difference */
margin-left:10px; /* screen ie difference */
}

#switcher-options li a {
cursor:pointer;
}

.tab {
color:#999; padding: 5px; background: #333; border:1px solid #383838
}

.tabOver {
color:#FFF; padding: 5px; background: #383838 url(../g/tabBg.jpg) repeat-x top left; border:1px solid #383838;
}

#tab-map {margin-top: 3px; padding-top: 10px} /* screen ie difference */
#tab-form {margin-top: 3px; padding-top: 10px} /* screen ie difference */

#googlemap {
height:400px;
border:1px solid #d76d31;
width:450px;
margin-left:10px;
}