/****************************
RESET STYLES
****************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { background: none repeat scroll 0 0 transparent; border: 0 none; font-size: 100%; margin: 0; outline: 0 none; padding: 0; vertical-align: baseline; }
body { background: url("img/patterns/body-bg.jpg") repeat fixed center top #333333; color: #AAAAAA; font: 12px/1.9em arial; margin: 20px 0 40px; overflow-x: hidden; }
ol, ul { list-style: none outside none; }
blockquote, q { quotes: none; }
:focus { outline: 0 none; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; margin: 0 0 6px; }
th { padding: 2px; width: 86px; }
td { padding: 2px; }
input, textarea, select { border: 0 none; color: #8D8D8D; font: 12px 'arial'; padding: 4px; }
h1, h2, h3, h4, h5, h6 { color: #EA9D76; display: block; font-family: 'OpenSansBold'; font-weight: normal; margin-bottom: 25px; text-shadow: 0 1px 1px #000000; }
h1 { font-size: 22px; }
h2 { font-size: 20px; }
h3 { font-size: 18px; text-transform: uppercase; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }
a:link, a:visited { color: #FFFFFF; text-decoration: none; }
p { margin-bottom: 20px; }
.last { margin-right: 0 !important; }
::selection {
background:#EA9D76;
color:#FFF;
}
::-moz-selection {
background:#EA9D76;
color:#FFF;
}


/****************************
FONT FACE REPLACEMENT
****************************/

@font-face {
 font-family: 'OpenSansSemibold';
 src: url('fonts/OpenSans/OpenSans-Semibold-webfont.eot');
 src: url('fonts/OpenSans/OpenSans-Semibold-webfont.eot_#iefix') format('embedded-opentype'), url('fonts/OpenSans/OpenSans-Semibold-webfont.woff') format('woff'), url('fonts/OpenSans/OpenSans-Semibold-webfont.ttf') format('truetype'), url('fonts/OpenSans/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'OpenSansBold';
 src: url('fonts/OpenSans/OpenSans-Bold-webfont.eot');
 src: url('fonts/OpenSans/OpenSans-Bold-webfont.eot_#iefix') format('embedded-opentype'), url('fonts/OpenSans/OpenSans-Bold-webfont.woff') format('woff'), url('fonts/OpenSans/OpenSans-Bold-webfont.ttf') format('truetype'), url('fonts/OpenSans/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'OpenSansExtraboldItalic';
 src: url('fonts/OpenSans/OpenSans-ExtraBoldItalic-webfont.eot');
 src: url('fonts/OpenSans/OpenSans-ExtraBoldItalic-webfont.eot_#iefix') format('embedded-opentype'), url('fonts/OpenSans/OpenSans-ExtraBoldItalic-webfont.woff') format('woff'), url('fonts/OpenSans/OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'), url('fonts/OpenSans/OpenSans-ExtraBoldItalic-webfont.svg#OpenSansExtraboldItalic') format('svg');
 font-weight: normal;
 font-style: normal;
}
/****************************
GLOBAL STYLES
****************************/

.clear:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden; }
#container { margin: 0 auto; padding: 24px; position: relative; width: 976px; behavior: url(js/PIE.htc); }
.logo { float: left; height: 72px; margin: 0 0 0 30px; position: relative; top: 0; z-index: 2; }
#footer { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3); border-top: 2px solid #59504D; color: #FFFFFF; overflow: hidden; padding: 10px 30px; text-shadow: 0 1px 1px #42515F; }
#footer label { float: left; }
label.created { float: right !important; }
/****************************
LAYOUT
****************************/
#header { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4); border-bottom: 3px solid #000000; border-radius: 7px 7px 0 0; -moz-border-radius: 7px 7px 0 0; -webkit-border-radius: 7px 7px 0 0; position: relative; behavior: url(js/PIE.htc); }
#header .menu select { display: none; }
#slider, #top-image { background: none repeat scroll 0 0 #F6F7F9; border-bottom: 3px solid #000000; height: 402px; position: relative; z-index: 1; }
#top-image { height: 200px; }
.breadcrumb { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5); bottom: 20px; color: #FFFFFF; left: 0; padding: 8px 30px; position: absolute; text-shadow: 0 1px 1px #000000; }
.breadcrumb a:link, .breadcrumb a:visited { font-weight: bold; }
.breadcrumb a:hover { text-decoration: underline; }
.sthumbs { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3); bottom: 10px; left: 105px; padding: 15px 15px 0; position: absolute; width: 745px; }
.sthumbs li { float: left; margin: 0 15px 10px 0; }
.sthumbs li a img { border: 4px solid #111; opacity: 0.8; }
.sthumbs li a:hover img, .sthumbs li a.active img { border: 4px solid #EA9D76; opacity: 1; }
#contents { padding: 30px 0; }
.main-content { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.04); border-top: 3px solid #59504D; float: left; padding: 30px; width: 640px; }
.fullwidth { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.04); border-top: 3px solid #59504D; width: 100%; }
.padding-1 { padding: 30px; }
.fullwidth .notify h2 { margin-right: 10px; width: 675px; }
.right { float: right; }
.small-description { padding: 30px; }
.small-description h2 { font: 20px/26px 'georgia'; text-align: center; text-shadow: 0 1px 1px #000000; }
.small-description label { display: block; font: italic 18px/26px 'georgia'; text-align: center !important; text-shadow: 0 1px 1px #000000; }
.welcome, .services, .full-services, .br-bot, .team, .cols-wrap, .comment-box { border-bottom: 1px dashed #59504D; margin-bottom: 30px; }
.welcome { font-size: 14px; padding-bottom: 10px; }
.services p { overflow: hidden; }
.services ul li { float: left; margin: 0 20px 10px 0; overflow: hidden; width: 310px; }
.services ul li h4 { color: #FFFFFF; font: 14px 'OpenSansSemibold'; margin-bottom: 10px; }
.services ul li img { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3); border-bottom: 1px solid #333; border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -webkit-border-radius: 50% 50% 50% 50%; float: left; margin-right: 15px; padding: 10px; behavior: url(js/PIE.htc); }
.services ul li:hover img { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7); }
.full-services p { overflow: hidden; }
.full-services ul li { float: left; margin: 0 20px 10px 0; overflow: hidden; width: 310px; }
.full-services ul li h4 { color: #FFFFFF; font: 14px 'OpenSansSemibold'; margin-bottom: 10px; }
.full-services ul li img { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3); border-bottom: 1px solid #333; border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -webkit-border-radius: 50% 50% 50% 50%; padding: 10px; behavior: url(js/PIE.htc); }
.full-services ul li:hover img { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7); }
.client-logo { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3); border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; margin-bottom: 30px; padding: 20px; behavior: url(js/PIE.htc); }
.client-logo ul li { float: left; }
.client-logo ul li span { color: #AAAAAA; line-height: 50px; margin: 0; font-size: 18px; display: block; font-family: 'OpenSansBold'; font-weight: normal; text-shadow: 0 1px 1px #000000; text-transform: uppercase; }
.notify { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3); border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; margin-bottom: 30px; padding: 20px; behavior: url(js/PIE.htc); }
.notify h2 { color: #aaa; float: left; font: italic 20px 'georgia' !important; margin: 0; text-shadow: 0 1px 1px #000; width: 410px; }
.notify span, .form ul li span { border: 5px solid #333; border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; display: inline-block; behavior: url(js/PIE.htc); }
a.btn:link, a.btn:visited, .pagination ul li a:link, .pagination ul li a:visited { background: #EA9D76; background: -moz-linear-gradient(top, #EA9D76 0%, #834628 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #EA9D76), color-stop(100%, #834628)); background: -webkit-linear-gradient(top, #EA9D76 0%, #834628 100%); background: -o-linear-gradient(top, #EA9D76 0%, #834628 100%); background: -ms-linear-gradient(top, #EA9D76 0%, #834628 100%); background: linear-gradient(top, #EA9D76 0%, #834628 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EA9D76', endColorstr='#834628', GradientType=0 );
border-radius: 6px 6px 6px 6px; color: #000; -moz-border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; box-shadow: 0 1px 0 #ffcaaf inset; -webkit-box-shadow:  0 1px 0 #ffcaaf inset; -moz-box-shadow:  0 1px 0 #ffcaaf inset; display: inline-block; font: 18px 'OpenSansSemibold'; padding: 10px 15px; text-shadow: 0 1px 1px #EA9D76; text-transform: uppercase; behavior: url(js/PIE.htc); }
a.btn:hover, .pagination ul li a:hover { background: #834628; background: -moz-linear-gradient(top, #834628 0%, #EA9D76 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #834628), color-stop(100%, #EA9D76)); background: -webkit-linear-gradient(top, #834628 0%, #EA9D76 100%); background: -o-linear-gradient(top, #834628 0%, #EA9D76 100%); background: -ms-linear-gradient(top, #834628 0%, #EA9D76 100%); background: linear-gradient(top, #834628 0%, #EA9D76 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#834628', endColorstr='#EA9D76', GradientType=0 );
behavior: url(js/PIE.htc); }
a.btn:active, .pagination ul li a.active { padding:11px 15px 9px 15px; top:1px; background: #834628; background: -moz-linear-gradient(top, #834628 0%, #EA9D76 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #834628), color-stop(100%, #EA9D76)); background: -webkit-linear-gradient(top, #834628 0%, #EA9D76 100%); background: -o-linear-gradient(top, #834628 0%, #EA9D76 100%); background: -ms-linear-gradient(top, #834628 0%, #EA9D76 100%); background: linear-gradient(top, #834628 0%, #EA9D76 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#834628', endColorstr='#EA9D76', GradientType=0 );
behavior: url(js/PIE.htc); }
.border-bot { border-bottom: 1px dashed #59504D; margin-bottom: 20px; padding-bottom: 10px; }
.blog h5 { margin-bottom: 15px; }
.blog img, .map iframe, .gallery img, .img-head img, .img-head iframe, .parent img { background: none repeat scroll 0 0 #000; border: 1px solid #333; padding: 4px; }
.blog a:hover img, .gallery a:hover img { border: 1px solid #EA9D76; }
.blog ul { width: 675px; }
.blog ul li { float: left; margin: 0 27px 10px 0; width: 195px; }
.blog ul li h5 a:link, .blog ul li h5 a:visited { font: 14px 'OpenSansSemibold'; }
.blog ul li h5 a:hover { color: #EA9D76; }
.blog ul li img { height: 104px; margin-bottom: 8px; width: 185px; }
.blog label { background: none repeat scroll 0 0 #111; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; display: block; font-size: 11px; font-style: italic; margin-bottom: 15px; padding: 2px 8px; text-shadow: 0 1px 1px #000; behavior: url(js/PIE.htc); }
.blog label a:link, .blog label a:visited { color: #777; display: inline; font: italic 11px 'arial' !important; }
.blist ul li { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1); border: 0 none; margin-bottom: 30px; width: 638px; }
.blist h5 { margin-bottom: 6px; }
.desc span { color: #777777; display: block; font-size: 11px; margin-bottom: 10px; text-shadow: 0 1px 1px #000000; text-transform: uppercase; }
.desc span a:link, .desc span a:visited { color: #999999; display: inline; }
.desc span a:hover { color: #EA9D76; }
.blist .desc { float: left; padding: 15px; width: 355px; }
.blist .desc p { margin-bottom: 0; }
.blist ul li img { border: 0 none !important; height: 135px; margin-bottom: 0; margin-right: 15px; padding: 0; width: 240px; }
.blist ul li a.img-title:link, .blist ul li a.img-title:visited { float: left; height: 135px; width: 240px; }
.team h5 { background: none repeat scroll 0 0 #111; border: 1px solid #59504D; bottom: -2px; font-family: 'arial'; left: 0; margin: 0; padding: 4px 15px; position: absolute; text-align: center; text-shadow: 0 1px 1px #000; width: 107px; }
.team ul { margin-bottom: 20px; }
.team li { background: none repeat scroll 0 0 #111; border: 1px solid #59504D; border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -webkit-border-radius: 50% 50% 50% 50%; float: left; margin-right: 25px; padding: 5px 4px 0; position: relative; behavior: url(js/PIE.htc); }
.team li img { border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -webkit-border-radius: 50% 50% 50% 50%; behavior: url(js/PIE.htc); width: 130px; }
.skills, .testimonials, .how-we-work { float: left; margin-right: 27px; width: 195px; }
.skills h5 { font: 14px 'OpenSansSemibold'; margin-bottom: 10px; }
.testimonials ul li { background: url("img/qoute.png") no-repeat scroll left 6px transparent; font-family: 'georgia'; font-style: italic; margin-bottom: 20px; padding-left: 30px; }
.testimonials p { margin-bottom: 6px; }
.testimonials span { font-weight: bold; }
.how-we-work p { overflow: hidden; }
.how-we-work label { background: none repeat scroll 0 0 #111; border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -webkit-border-radius: 50% 50% 50% 50%; behavior: url(js/PIE.htc); color: #FFFFFF; display: inline-block; float: left; font: italic bold 48px 'OpenSansExtraboldItalic'; height: 35px; margin-right: 10px; padding: 0 0 10px; text-align: center; width: 45px; }
.how-we-work span { display: block; margin-top: -10px; text-shadow: 0 2px 2px #000; }
.map { margin-bottom: 30px; }
.form ul li { margin-bottom: 15px; }
.form ul li .la { background: none repeat scroll 0 0 #171717; border-bottom: 4px solid #171717; border-top: 2px solid #171717; border-left: 3px solid #171717; color: #ccc; font-family: 'OpenSansBold'; font-size: 14px; float: left; font-size: 14px; padding-bottom: 8px; padding-left: 15px; padding-top: 8px; text-shadow: 0 1px 1px #000; text-transform: uppercase; border-radius: 6px 0 0 6px; -moz-border-radius: 6px 0 0 6px; -webkit-border-radius: 6px 0 0 6px; behavior: url(js/PIE.htc); }
.form ul li .last { height: 208px; }
.form ul li label { float: left; font-size: 14px; width: 93px; }
.form input, .form textarea { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3); border-bottom: 4px solid #171717; border-top: 2px solid #171717; border-right: 3px solid #171717; color: #aaa; padding: 12px 8px 12px 8px; width: 507px; border-radius: 0 6px 6px 0; -moz-border-radius: 0 6px 6px 0; -webkit-border-radius: 0 6px 6px 0; behavior: url(js/PIE.htc); }
.form textarea { height: 200px; margin: 0; }
input.btsubmit { background: #EA9D76; background: -moz-linear-gradient(top, #EA9D76 0%, #834628 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #EA9D76), color-stop(100%, #834628)); background: -webkit-linear-gradient(top, #EA9D76 0%, #834628 100%); background: -o-linear-gradient(top, #EA9D76 0%, #834628 100%); background: -ms-linear-gradient(top, #EA9D76 0%, #834628 100%); background: linear-gradient(top, #EA9D76 0%, #834628 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EA9D76', endColorstr='#834628', GradientType=0 );
border: 0 none; border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; box-shadow: 0 1px 0 #EA9D76 inset; color: #000; cursor: pointer; display: inline-block; font: 14px 'OpenSansSemibold'; padding: 4px 10px; text-shadow: 0 1px 1px #EA9D76; text-transform: uppercase; width: auto; behavior: url(js/PIE.htc); }
input.btsubmit:hover { background: #834628; background: -moz-linear-gradient(top, #834628 0%, #EA9D76 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #834628), color-stop(100%, #EA9D76)); background: -webkit-linear-gradient(top, #834628 0%, #EA9D76 100%); background: -o-linear-gradient(top, #834628 0%, #EA9D76 100%); background: -ms-linear-gradient(top, #834628 0%, #EA9D76 100%); background: linear-gradient(top, #834628 0%, #EA9D76 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#834628', endColorstr='#EA9D76', GradientType=0 );
behavior: url(js/PIE.htc); }
.form ul li span { border: 4px solid #171717; float: right; }
input.error, textarea.error { border-bottom: 4px solid #FF0000; color: #FF0000; }
label.error { display: none !important; }
.home-rc .gallery { margin-bottom: 10px; }
.home-rc .gallery ul { width: 100%; }
.home-rc .gallery .g-last { margin-right: 0; }
.gallery ul { width: 675px; }
.gallery ul li { margin-bottom: 24px; position: relative; }
.two-columns ul li, .three-columns ul li, .home-rc .four-columns ul li { float: left; margin: 0 20px 16px 0; width: 310px; }
.two-columns ul li img { width: 300px; }
.three-columns ul li { margin: 0 27px 20px 0; width: 195px; }
.three-columns ul li img { width: 185px; }
.home-rc .four-columns ul li a { display: block; height: 107px; }
.home-rc .four-columns ul li { margin: 0 24px 20px 0; width: 211px; }
.home-rc .four-columns ul li img { width: 201px; }
.blog-list ul li { margin-bottom: 30px; }
.img-head { margin-bottom: 20px; position: relative; }
.img-head h4 { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5); bottom: 4px; left: 5px; padding: 6px 10px; position: absolute; text-shadow: 0 1px 1px #000000; }
.details-share { margin-bottom: 20px; }
.details-share h4 a { color: #fff !important; }
.details { float: left; width: 450px; }
.details label { background: none repeat scroll 0 0 #111; display: inline-block; font-style: italic; margin-bottom: 3px; padding: 2px 6px; text-shadow: 0 1px 1px #000; }
.details label.comments { font-weight: bold; }
.details span { font-weight: bold; }
.details label a:link, .details label a:visited { color: #777; }
.details label a:hover { text-decoration: underline; }
.share { float: right; }
.parent h5 { margin-bottom: 2px !important; }
.parent h5 a:link, .parent h5 a:visited { color: #fff; font: bold 14px 'arial'; }
.parent img { float: left; margin-right: 15px; }
.parent span { font: italic 12px 'georgia'; }
.parent a.reply:link, .parent a.reply:visited { background: none repeat scroll 0 0 #EA9D76; color: #333333; font-size: 10px; font-weight: bold; margin-left: 20px; padding: 2px 6px; text-shadow: 0 1px 1px #FFFFFF; text-transform: uppercase; }
.parent a.reply:hover { background: none repeat scroll 0 0 #CCCCCC; }
.parent p { margin-top: 10px; overflow: hidden; }
.child { margin-left: 97px; }
.subchild { margin-left: 194px; }
.pagination span { float: left; font-weight: bold; margin: 2px 10px 0 0; text-transform: uppercase; }
.pagination ul li { float: left; margin-right: 2px; }
.pagination ul li a:link, .pagination ul li a:visited { font: 12px 'arial'; padding: 4px 8px; }
.pagination ul li a.active { font-weight: bold; }
#footer-columns { border-top: 3px solid #59504D; padding: 30px; text-shadow: 0 1px 1px #000000; }
.tags, .archive, .tweet { float: left; margin-right: 27px; width: 195px; }
.tags a:link, .tags a:visited { border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5), 1px 1px 1px rgba(255, 255, 255, 0.1) inset; behavior: url(js/PIE.htc); display: inline-block; margin-bottom: 3px; padding: 2px 6px; }
.tags a:hover { background: none repeat scroll 0 0 #EA9D76; color: #333; text-shadow: 0 0 1px #fff; }
.archive ul li { border-bottom: 1px dotted #646464; padding: 4px 0; }
.archive a:link, .archive a:visited { color: #AAAAAA; }
.archive a:hover { color: #EA9D76; }
.about-brief { float: right; width: 245px; }
ul.tweet_list li { margin-bottom: 15px; overflow: hidden; }
ul.tweet_list li img { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #E1E1E1; float: left; margin-right: 10px; padding: 2px; }
ul.tweet_list li a:link, ul.tweet_list li a:visited { color: #636363; }
/****************************
SIDEBAR
****************************/

#toTop { background: none repeat scroll 0 0 #000; bottom: 0; color: #EEEEEE; cursor: pointer; font-size: 10px; padding: 10px 20px; position: fixed; right: 0; text-align: center; text-decoration: none; text-shadow: 0 1px 1px #000000; text-transform: uppercase; }
.sidebar { float: right; width: 250px; }
.left { float: left; width: 250px; }
.sidebar div, .left div { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.03); margin-bottom: 30px; }
.sidebar div h5, .left div h5 { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3); -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #59504D; border-style: solid none; border-width: 3px 0 1px; color: #EA9D76; margin-bottom: 0; padding: 8px 15px; position: relative; text-shadow: 0 1px 1px #000000; text-transform: uppercase; }
.sociable ul, .categories ul, .side-paragraph div, .flickr div, .search div { padding: 20px 15px 10px; }
.sociable ul li { float: left; margin-right: 5px; }
span.arrow { bottom: -4px; height: 4px; left: 20px; position: absolute; width: 9px; }
span.tail { background: url("img/tail.png") no-repeat scroll 50% 0 transparent; height: 4px; position: absolute; width: 250px; }
.categories ul li { float: left; margin-right: 9px; padding: 2px 0; width: 100px; }
.categories ul li a:link, .categories ul li a:visited { background: url("img/arrow.png") no-repeat scroll 0 5px transparent; color: #AAAAAA; padding-left: 20px; text-shadow: 0 1px 1px #000000; }
.categories ul li a:hover { color: #EA9D76; }
.side-paragraph div { margin-bottom: 0; }
.side-paragraph img, .flickr ul li img { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3); border: 1px solid #333333; float: left; margin-right: 12px; margin-top: 4px; padding: 4px; }
.flickr div { margin: 0; padding-bottom: 0; }
.flickr ul { width: 250px; }
.flickr ul li { float: left; margin: 0 15px 15px 0; }
.flickr ul li.empty { font-size: 0; margin: 0; }
.flickr ul li img { height: 49px; margin: 0; width: 52px; }
.search form { margin-bottom: 8px; }
.search input[type="text"] { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3); border: 1px solid #333333; padding: 10px; width: 195px; }
.search p, .search div { margin-bottom: 0; }
.fullwidth .services ul li { margin: 0 24px 10px 0; width: 211px; }
.fullwidth .full-services ul li { margin: 0 24px 10px 0; width: 211px; text-align: center; }
.fullwidth .services ul li p { overflow: visible !important; }
.fullwidth .full-services ul li p { overflow: visible !important; }
.fullwidth .blist ul { width: 100%; }
.fullwidth .blist ul .first { background: none repeat scroll 0 0 transparent; border-bottom: 0 none; }
.fullwidth .blist ul li { border-bottom: 1px solid #111; border-right: 0 none; border-left: 0 none; border-top: 0 none; float: left; margin-bottom: 0; margin-right: 24px; width: 211px; }
.fullwidth .blist ul li img { margin: 7px 0 0 7px; width: 197px; }
.fullwidth .blist ul li .desc { width: auto; }
.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
/****************************
SITE ELEMENTS
****************************/

blockquote { background: url("img/qoute.png") no-repeat scroll left top transparent; font: italic 14px/1.8em 'georgia'; margin-bottom: 30px; padding-left: 40px; text-shadow: 0 1px 1px #000; }
blockquote.style2 { background: url("img/qoute.png") no-repeat scroll left top #222; padding: 30px 30px 10px; }
blockquote.qleft { float: left; width: 200px; }
blockquote.qright { background: url("img/qoute.png") no-repeat scroll left top #222; float: right; padding: 30px 30px 10px; width: 300px; }
blockquote.curve { background: url("img/qoute.png") no-repeat scroll left top #EA9D76; color: #111; text-shadow: 0 1px 1px #ffdcca; border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; behavior: url(js/PIE.htc); }
.dropcap { float: left; font: 40px 'OpenSansBold'; margin-right: 15px; }
.dropcap2 { background: #222; background: -moz-linear-gradient(top, #222 0%, #111 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #222), color-stop(100%, #111)); background: -webkit-linear-gradient(top, #222 0%, #111 100%); background: -o-linear-gradient(top, #222 0%, #111 100%); background: -ms-linear-gradient(top, #222 0%, #111 100%); background: linear-gradient(top, #222 0%, #111 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#111', GradientType=0 );
border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; box-shadow: 0 1px 0 #666 inset; color: #ccc; float: left; font: 20px 'OpenSansBold'; margin-right: 15px; padding: 10px 20px; text-shadow: 0 1px 1px #000; behavior: url(js/PIE.htc); }
.dropcap3 { background: none repeat scroll 0 0 #EA9D76; border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; color: #000; float: left; font: 20px 'OpenSansBold'; margin-right: 15px; padding: 10px 20px; text-shadow: 0 1px 1px #f7c5ac; behavior: url(js/PIE.htc); }
.dropcap4 { background: #EA9D76; background: -moz-linear-gradient(top, #EA9D76 0%, #834628 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #EA9D76), color-stop(100%, #834628)); background: -webkit-linear-gradient(top, #EA9D76 0%, #834628 100%); background: -o-linear-gradient(top, #EA9D76 0%, #834628 100%); background: -ms-linear-gradient(top, #EA9D76 0%, #834628 100%); background: linear-gradient(top, #EA9D76 0%, #834628 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EA9D76', endColorstr='#834628', GradientType=0 );
color: #000; border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; box-shadow: 0 1px 0 #ffcaaf inset; -webkit-box-shadow:  0 1px 0 #ffcaaf inset; -moz-box-shadow:  0 1px 0 #ffcaaf inset; behavior: url(js/PIE.htc); float: left; font: 20px 'OpenSansBold'; margin-right: 15px; padding: 10px 20px; text-shadow: 0 1px 1px #EA9D76; }
.dropcap5 { background: #222; background: -moz-linear-gradient(top, #222 0%, #111 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #222), color-stop(100%, #111)); background: -webkit-linear-gradient(top, #222 0%, #111 100%); background: -o-linear-gradient(top, #222 0%, #111 100%); background: -ms-linear-gradient(top, #222 0%, #111 100%); background: linear-gradient(top, #222 0%, #111 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#111', GradientType=0 );
border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -webkit-border-radius: 50% 50% 50% 50%; box-shadow: 0 1px 0 #666 inset; -webkit-box-shadow:  0 1px 0 #666 inset; -moz-box-shadow:  0 1px 0 #666 inset; color: #ccc; float: left; font: 20px 'OpenSansBold'; margin-right: 15px; padding: 10px 20px; text-shadow: 0 1px 1px #000; behavior: url(js/PIE.htc); }
.dropcap6 { background: none repeat scroll 0 0 #EA9D76; border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -webkit-border-radius: 50% 50% 50% 50%; color: #000; float: left; font: 20px 'OpenSansBold'; margin-right: 15px; padding: 10px 20px; text-shadow: 0 1px 1px #f7c5ac; behavior: url(js/PIE.htc); }
.drop-gradient { background: #EA9D76; background: -moz-linear-gradient(top, #EA9D76 0%, #834628 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #EA9D76), color-stop(100%, #834628)); background: -webkit-linear-gradient(top, #EA9D76 0%, #834628 100%); background: -o-linear-gradient(top, #EA9D76 0%, #834628 100%); background: -ms-linear-gradient(top, #EA9D76 0%, #834628 100%); background: linear-gradient(top, #EA9D76 0%, #834628 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EA9D76', endColorstr='#834628', GradientType=0 );
border-radius: 50% 50% 50% 50%; -moz-border-radius: 50% 50% 50% 50%; -webkit-border-radius: 50% 50% 50% 50%; box-shadow: 0 1px 0 #ffcaaf inset; -webkit-box-shadow:  0 1px 0 #ffcaaf inset; -moz-box-shadow:  0 1px 0 #ffcaaf inset; color: #000; float: left; font: 20px 'OpenSansBold'; margin-right: 15px; padding: 10px 20px; text-shadow: 0 1px 1px #EA9D76; behavior: url(js/PIE.htc); }
.balloon, .book, .bookmark, .box, .briefcase, .calendar, .clipboard, .clock, .cross, .document, .exclamation, .folder, .heart, .home, .lifebuoy, .marker, .minus, .nav, .pin, .tick { margin-bottom: 30px; }
.balloon li { background: url("img/icons/balloon.png") no-repeat scroll left center transparent; padding-left: 25px; }
.book li { background: url("img/icons/book.png") no-repeat scroll left center transparent; padding-left: 25px; }
.bookmark li { background: url("img/icons/bookmark.png") no-repeat scroll left center transparent; padding-left: 25px; }
.box li { background: url("img/icons/box.png") no-repeat scroll left center transparent; padding-left: 25px; }
.briefcase li { background: url("img/icons/briefcase.png") no-repeat scroll left center transparent; padding-left: 25px; }
.calendar li { background: url("img/icons/calendar.png") no-repeat scroll left center transparent; padding-left: 25px; }
.clipboard li { background: url("img/icons/clipboard.png") no-repeat scroll left center transparent; padding-left: 25px; }
.clock li { background: url("img/icons/clock.png") no-repeat scroll left center transparent; padding-left: 25px; }
.cross li { background: url("img/icons/cross.png") no-repeat scroll left center transparent; padding-left: 25px; }
.document li { background: url("img/icons/document.png") no-repeat scroll left center transparent; padding-left: 25px; }
.exclamation li { background: url("img/icons/exclamation.png") no-repeat scroll left center transparent; padding-left: 25px; }
.folder li { background: url("img/icons/folder.png") no-repeat scroll left center transparent; padding-left: 25px; }
.heart li { background: url("img/icons/heart.png") no-repeat scroll left center transparent; padding-left: 25px; }
.home li { background: url("img/icons/home.png") no-repeat scroll left center transparent; padding-left: 25px; }
.lifebuoy li { background: url("img/icons/lifebuoy.png") no-repeat scroll left center transparent; padding-left: 25px; }
.marker li { background: url("img/icons/marker.png") no-repeat scroll left center transparent; padding-left: 25px; }
.minus li { background: url("img/icons/minus.png") no-repeat scroll left center transparent; padding-left: 25px; }
.nav li { background: url("img/icons/navigation.png") no-repeat scroll left center transparent; padding-left: 25px; }
.pin li { background: url("img/icons/pin.png") no-repeat scroll left center transparent; padding-left: 25px; }
.tick li { background: url("img/icons/tick.png") no-repeat scroll left center transparent; padding-left: 25px; }
.round { border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; behavior: url(js/PIE.htc); }
.round-1 { border-radius: 27px 27px 27px 27px; -moz-border-radius: 27px 27px 27px 27px; -webkit-border-radius: 27px 27px 27px 27px; behavior: url(js/PIE.htc); }
.connected { background: url("img/icons/info-1.png") no-repeat scroll 15px 50% #E1F2FC; border: 1px solid #68A2CF; color: #64757F; display: block; font-size: 14px; font-weight: bold; margin-bottom: 10px; padding: 30px 20px 30px 105px; }
.failed { background: url("img/icons/error-1.png") no-repeat scroll 15px 50% #FEEBEB; border: 1px solid #7E6C6C; color: #697A58; display: block; font-size: 14px; font-weight: bold; margin-bottom: 10px; padding: 30px 20px 30px 105px; }
.remove { background: url("img/icons/alert-1.png") no-repeat scroll 15px 50% #FEF7E0; border: 1px solid #E6C555; color: #79725B; display: block; font-size: 14px; font-weight: bold; margin-bottom: 10px; padding: 30px 20px 30px 105px; }
.remove a { color: #79725B; }
.remove a:hover { color: #000; }
.add { background: url("img/icons/download-1.png") no-repeat scroll 15px 50% #EEFFDD; border: 1px solid #A3C159; color: #697A58; display: block; font-size: 14px; font-weight: bold; margin-bottom: 10px; padding: 30px 20px 30px 105px; }
.add a { color: #697A58; }
.add a:hover { color: #000; }
.buttons li { margin-bottom: 20px; overflow: hidden; }
a.small:link, a.small:visited, a.medium:link, a.medium:visited, a.large:link, a.large:visited, a.xlarge:link, a.xlarge:visited { font-size:12px; font-weight:bold; float:left; padding:6px 10px; margin-right:15px; color:#000; text-shadow:0 1px 1px #EA9D76; background: #EA9D76; background: -moz-linear-gradient(top, #EA9D76 0%, #834628 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #EA9D76), color-stop(100%, #834628)); background: -webkit-linear-gradient(top, #EA9D76 0%, #834628 100%); background: -o-linear-gradient(top, #EA9D76 0%, #834628 100%); background: -ms-linear-gradient(top, #EA9D76 0%, #834628 100%); background: linear-gradient(top, #EA9D76 0%, #834628 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EA9D76', endColorstr='#834628', GradientType=0 );
box-shadow: inset 0px 1px 0px #ffcaaf; -webkit-box-shadow: inset 0px 1px 0px #ffcaaf; -moz-box-shadow: inset 0px 1px 0px #ffcaaf; behavior: url(js/PIE.htc); }
a.small:hover, a.medium:hover, a.large:hover, a.xlarge:hover { background: #834628; background: -moz-linear-gradient(top, #834628 0%, #EA9D76 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #834628), color-stop(100%, #EA9D76)); background: -webkit-linear-gradient(top, #834628 0%, #EA9D76 100%); background: -o-linear-gradient(top, #834628 0%, #EA9D76 100%); background: -ms-linear-gradient(top, #834628 0%, #EA9D76 100%); background: linear-gradient(top, #834628 0%, #EA9D76 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#834628', endColorstr='#EA9D76', GradientType=0 );
behavior: url(js/PIE.htc); }
a.blue:link, a.blue:visited { font-size:12px; font-weight:bold; float:left; padding:6px 10px; margin-right:15px; color:#000; text-shadow:0 1px 1px #75d554; background: #75d554; background: -moz-linear-gradient(top, #75d554 0%, #57a93a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #75d554), color-stop(100%, #57a93a)); background: -webkit-linear-gradient(top, #75d554 0%, #57a93a 100%); background: -o-linear-gradient(top, #75d554 0%, #57a93a 100%); background: -ms-linear-gradient(top, #75d554 0%, #57a93a 100%); background: linear-gradient(top, #75d554 0%, #57a93a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75d554', endColorstr='#57a93a', GradientType=0 );
box-shadow: inset 0px 1px 0px #75d554; -webkit-box-shadow: inset 0px 1px 0px #75d554; -moz-box-shadow: inset 0px 1px 0px #75d554; behavior: url(js/PIE.htc); }
a.blue:hover { background: #67c048; background: -moz-linear-gradient(top, #57a93a 0%, #75d554 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #57a93a), color-stop(100%, #75d554)); background: -webkit-linear-gradient(top, #57a93a 0%, #75d554 100%); background: -o-linear-gradient(top, #57a93a 0%, #75d554 100%); background: -ms-linear-gradient(top, #57a93a 0%, #75d554 100%); background: linear-gradient(top, #57a93a 0%, #75d554 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57a93a', endColorstr='#75d554', GradientType=0 );
behavior: url(js/PIE.htc); }
a.brown:link, a.brown:visited { font-size:12px; font-weight:bold; float:left; padding:6px 10px; margin-right:15px; color:#000; text-shadow:0 1px 1px #92C4F2; background: #73A9DC; background: -moz-linear-gradient(top, #73A9DC 0%, #296094 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #73A9DC), color-stop(100%, #296094)); background: -webkit-linear-gradient(top, #73A9DC 0%, #296094 100%); background: -o-linear-gradient(top, #73A9DC 0%, #296094 100%); background: -ms-linear-gradient(top, #73A9DC 0%, #296094 100%); background: linear-gradient(top, #73A9DC 0%, #296094 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73A9DC', endColorstr='#296094', GradientType=0 );
box-shadow: inset 0px 1px 0px #92C4F2; -webkit-box-shadow: inset 0px 1px 0px #92C4F2; -moz-box-shadow: inset 0px 1px 0px #92C4F2; behavior: url(js/PIE.htc); }
a.brown:hover { background: #296094; background: -moz-linear-gradient(top, #296094 0%, #73A9DC 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #296094), color-stop(100%, #73A9DC)); background: -webkit-linear-gradient(top, #296094 0%, #73A9DC 100%); background: -o-linear-gradient(top, #296094 0%, #73A9DC 100%); background: -ms-linear-gradient(top, #296094 0%, #73A9DC 100%); background: linear-gradient(top, #296094 0%, #73A9DC 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#296094', endColorstr='#73A9DC', GradientType=0 );
behavior: url(js/PIE.htc); }
a.green:link, a.green:visited { font-size:12px; font-weight:bold; float:left; padding:6px 10px; margin-right:15px; color:#000; text-shadow:0 1px 1px #777; background: #777; background: -moz-linear-gradient(top, #777 0%, #333 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #777), color-stop(100%, #333)); background: -webkit-linear-gradient(top, #777 0%, #333 100%); background: -o-linear-gradient(top, #7777 0%, #333 100%); background: -ms-linear-gradient(top, #777 0%, #333 100%); background: linear-gradient(top, #777 0%, #333 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#777', endColorstr='#333', GradientType=0 );
box-shadow: inset 0px 1px 0px #999; -webkit-box-shadow: inset 0px 1px 0px #999; -moz-box-shadow: inset 0px 1px 0px #999; behavior: url(js/PIE.htc); }
a.green:hover { background: #333; background: -moz-linear-gradient(top, #333 0%, #777 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333), color-stop(100%, #777)); background: -webkit-linear-gradient(top, #333 0%, #777 100%); background: -o-linear-gradient(top, #333 0%, #777 100%); background: -ms-linear-gradient(top, #333 0%, #777 100%); background: linear-gradient(top, #333 0%, #777 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333', endColorstr='#777', GradientType=0 );
behavior: url(js/PIE.htc); }
a.orange:link, a.orange:visited { font-size:12px; font-weight:bold; float:left; padding:6px 10px; margin-right:15px; color:#FFF; text-shadow:0 1px 1px #000; background: #171717; background: -moz-linear-gradient(top, #171717 0%, #000 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #171717), color-stop(100%, #000)); background: -webkit-linear-gradient(top, #171717 0%, #000 100%); background: -o-linear-gradient(top, #171717 0%, #000 100%); background: -ms-linear-gradient(top, #171717 0%, #000 100%); background: linear-gradient(top, #171717 0%, #000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#171717', endColorstr='#000', GradientType=0 );
box-shadow: inset 0px 1px 0px #555; -webkit-box-shadow: inset 0px 1px 0px #555; -moz-box-shadow: inset 0px 1px 0px #555; behavior: url(js/PIE.htc); }
a.orange:hover { background: #000; background: -moz-linear-gradient(top, #000 0%, #171717 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #000), color-stop(100%, #171717)); background: -webkit-linear-gradient(top, #000 0%, #171717 100%); background: -o-linear-gradient(top, #000 0%, #171717 100%); background: -ms-linear-gradient(top, #000 0%, #171717 100%); background: linear-gradient(top, #000 0%, #171717 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000', endColorstr='#171717', GradientType=0 );
behavior: url(js/PIE.htc); }
a.medium:link, a.medium:visited { font-size: 14px; padding: 10px 15px; }
a.large:link, a.large:visited { font-size: 16px; padding: 12px 18px; }
a.xlarge:link, a.xlarge:visited { font-size: 18px; padding: 15px 20px; }
.columns.two-columns { float: left; margin-right: 20px; width: 310px; }
.columns.three-columns { float: left; margin-right: 27px; width: 195px; }
.home-rc.four-columns { float: left; margin-right: 27px; width: 195px; }
table.default, table.table-style2, table.table-style3, table.table-style4 { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3); border: 4px solid #59504D; margin-bottom: 25px; width: 100%; }
table.default tr th, table.table-style2 tr th, table.table-style3 tr th, table.table-style4 tr th { background: none repeat scroll 0 0 #EA9D76; border-right: 1px solid #59504D; color: #000; padding: 6px 10px; text-align: left; text-shadow: 0 1px 1px #FFCAAF; }
table.default tr td, table.table-style2 tr td, table.table-style3 tr td, table.table-style4 tr td { border-bottom: 1px solid #59504D; border-right: 1px solid #59504D; padding: 6px 10px; }
table.table-style2 { border: 4px solid #78AA67; }
table.table-style2 tr th { background: none repeat scroll 0 0 #4E9336; border: 1px solid #78AA67; color: #FFFFFF; text-shadow: 0 1px 1px #265616; }
table.table-style2 tr td { border-bottom: 1px solid #78AA67; border-right: 1px solid #78AA67; }
table.table-style3 { border: 4px solid #59504D; }
table.table-style3 tr th { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3); border: 1px solid #59504D; color: #FFFFFF; text-shadow: 0 1px 1px #000; }
table.table-style3 tr td { border-bottom: 1px solid #59504D; border-right: 1px solid #59504D; }
table.table-style4 { background: none repeat scroll 0 0 #333333; border: 4px solid #000; }
table.table-style4 tr th { background: none repeat scroll 0 0 #222; border: 1px solid #333; color: #aaa; text-shadow: 0 1px 1px #000; }
table.table-style4 tr td { border-bottom: 1px solid #666; border-right: 1px solid #666; }
/****************************
TOOLTIP TIPSY
****************************/

.tipsy { background-image: url("js/tipsy/tipsy.gif"); background-repeat: no-repeat; font-size: 11px; opacity: 0.8; padding: 5px; }
.tipsy-inner { background-color: black; color: #FFFFFF; max-width: 200px; padding: 0 6px; text-align: center; }
.tipsy-inner { border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; behavior: url(js/PIE.htc); }
.tipsy-north { background-position: center top; }
.tipsy-south { background-position: center bottom; }
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }
/****************************
ZOOM ROLLOVER
****************************/

.blog ul li a, .blist ul li a { display: block; position: relative; }
.blog ul li a span.rollover, .gallery ul li a span.rollover-zoom, .blist ul li a span.rollover-list { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7); border-radius: 50px 50px 50px 50px; -moz-border-radius: 50px 50px 50px 50px; -webkit-border-radius: 50px 50px 50px 50px; behavior: url(js/PIE.htc); color: #FFFFFF; display: block; font: bold 10px 'arial'; left: 25%; padding: 10px 20px; position: absolute; text-shadow: 0 1px 1px #000000; text-transform: uppercase; top: 35%; }
.gallery ul li a span.rollover-zoom { background: url("img/icons/zoom.png") no-repeat scroll center 13px rgba(0, 0, 0, 0.7); box-shadow: 0 1px 0 1px #FFFFFF; left: 46%; padding: 20px 25px; top: 42%; }
.two-columns ul li a span.rollover-zoom { left: 42%; top: 35%; }
.three-columns ul li a span.rollover-zoom { left: 40%; top: 23%; }
.home-rc .four-columns ul li a span.rollover-zoom { left: 40%; top: 23%; }
.blist ul li a span.rollover-list { left: 30%; top: 40%; }
.fullwidth .blist ul li a span.rollover-list { left: 24%; top: 42%; }
/****************************
SLIDERS
****************************/

#slideshow { height: 402px; position: relative; width: 976px; }
#slideshow img { position: absolute; z-index: 8; }
#slideshow img.active { z-index: 10; }
#slideshow img.last-active { z-index: 9; }

/****************************
RESPONSIVE CSS
****************************/
@media handheld and (max-width: 480px), screen and (max-device-width: 767px), screen and (max-width: 1024px) {
 #container, .blog ul {
width: 650px;
}
#header, #slider img, .services ul li, .full-services ul li {
width: 100%;
}
#slider, #slideshow, .coin-slider, #coin-slider, .orbit-wrapper, #featured {
height: 268px !important;
width: 650px !important;
}
#slideshow, .coin-slider, .orbit-wrapper, #featured, .ei-slider {
top: 0;
}
.coin-slider .cs-buttons {
position: absolute !important;
right: 35% !important;
}
.coin-slider .cs-title, .nivoSlider .nivo-caption {
display: none !important;
}
.coin-slider .cs-prev, .coin-slider .cs-next {
position: absolute;
top: 40% !important;
}
#top-image {
height: 133px;
}
#slider img, #top-image img, #slideshow img {
width: 100%;
}
.main-content {
width: 590px;
}
.notify h2, .fullwidth .notify h2 {
width: 350px;
}
.blog ul li, .skills, .testimonials, .how-we-work, .three-columns ul li {
width: 175px;
}
.home-rc .four-columns ul li img {
 width: 117px;
}
.home-rc .four-columns ul li {
width: 127px;
}
.home-rc .four-columns ul li a span.rollover-zoom {
left: 30%;
top: 9%;
}
 .blog ul li a {
font-size: 12px !important;
}
.blog ul li img {
height: 97px;
width: 172px;
}
.blist {
border-bottom: 0 none !important;
margin-bottom: 0 !important;
}
.blist ul li {
width: 587px;
}
.blist ul li a {
font-size: 14px !important;
}
.blist ul li img, .fullwidth .blist ul li img {
height: auto;
width: auto;
}
.desc {
width: 300px !important;
}
.desc span a:link, .desc span a:visited {
font-size: 11px !important;
}
.sidebar {
float: left;
width: 100%;
}
.sthumbs {
bottom: 10px;
left: 9px;
width: 600px;
}
.sthumbs li a img {
max-height: 39px;
width: 45px !important;
}
.menu ul, span.tail {
display: none;
}
#header .menu select {
display: block;
width: 200px;
}
.home-rc .gallery {
border-bottom: 0 none;
}
.team, .blog, .cols-wrap, .services, .full-services, .history, .form, .left, .gallery {
border-bottom: 1px dashed #59504D;
margin-bottom: 30px;
padding-bottom: 10px;
}
.team h5 {
font-size: 12px;
width: 95px;
}
.team li img {
width: 118px;
}
.map iframe {
width: 611px;
}
.form input, .form textarea {
width: 460px;
}
.flickr ul {
width: auto;
}
.gallery {
padding-bottom: 30px;
}
.gallery ul {
width: 640px;
}
.gallery img, .img-head img, .img-head iframe {
width: 580px;
}
.two-columns {
padding-bottom: 10px;
}
.three-columns {
padding-bottom: 15px;
}
.home-rc .four-columns {
padding-bottom: 15px;
}
.two-columns ul, .three-columns ul {
width: 610px;
}
.two-columns ul li {
width: 285px;
}
.two-columns ul li img {
width: 275px;
}
.three-columns ul li {
margin-bottom: 10px;
}
.home-rc .four-columns ul li a {
display: block;
height: 67px;
}
.home-rc .four-columns ul li {
margin-bottom: 10px;
}
.three-columns ul li img {
width: 176px;
}
.pagination, .rg-image-wrapper, .am-container {
margin-bottom: 30px;
}
.details {
width: 300px;
}
#footer-columns div, #accordion {
margin-bottom: 30px;
width: 100%;
}
.tweet {
margin-bottom: 0 !important;
}
blockquote.qright {
width: 250px;
}
.columns.two-columns {
width: 285px;
}
.columns.three-columns {
width: 178px;
}
.home-rc.four-columns {
width: 208px;
}
.tab-container, #accordion {
width: 588px !important;
}
.search input[type="text"] {
width: 533px;
}
.fullwidth .services ul li {
float: none;
width: 100%;
}
.fullwidth .full-services ul li {
float: none;
width: 100%;
text-align: left;
}
.full-services ul li img {
 float: left;
 margin-right: 15px;
}
.fullwidth .blist ul li {
margin-bottom: 30px;
width: 587px;
}
.fullwidth .blist ul li img {
margin: 0;
}
.fullwidth .blist ul li a span.rollover-list {
left: 30%;
top: 40%;
}
}
 @media handheld and (max-width: 767px), screen and (max-device-width: 767px), screen and (max-width: 767px) {
 #container, .blog ul {
width: 310px;
}
#header, #slider img, #top-image img, .services ul li, .full-services ul li, .gallery ul, .columns.two-columns, .columns.three-columns, .home-rc .four-columns, .tab-container, #accordion {
width: 100% !important;
}
#slider, #top-image, #slideshow, .coin-slider, #coin-slider, .orbit-wrapper, #featured, .ei-slider {
height: 128px !important;
width: 310px !important;
}
.coin-slider .cs-buttons, .orbit-wrapper .slider-nav, .flex-control-nav, .flex-caption {
display: none;
}
.coin-slider .cs-prev, .coin-slider .cs-next {
position: absolute;
top: 40% !important;
}
.nivoSlider .nivo-controlNav {
display: none !important;
}
#slideshow, .coin-slider, .orbit-wrapper, #featured, .ei-slider {
top: 0;
}
#top-image img {
height: 128px;
}
.main-content, .skills, .testimonials, .how-we-work {
width: 250px;
}
.notify h2, .fullwidth .notify h2 {
margin-bottom: 15px;
width: 215px;
}
.blog ul li {
width: 250px;
}
.blog ul li a {
font-size: 14px !important;
}
.blog ul li img {
height: 135px;
width: 240px;
}
.blist ul li, .fullwidth .blist ul li {
padding: 4px;
width: 240px;
}
.desc {
width: 210px !important;
}
.sthumbs {
display: none;
}
#header .menu select {
border: 1px solid #CCCCCC;
display: block;
left: 4px;
position: relative;
top: 205px;
width: 250px;
}
label.created {
display: block;
float: none;
}
.blog ul li a span.rollover {
left: 30%;
top: 37%;
}
.welcome, .left {
margin-top: 50px;
}
.team h5 {
margin-left: 60px;
}
.team li {
margin-bottom: 20px;
text-align: center;
width: 100%;
}
.team li img {
width: 137px;
}
.skills, .testimonials, .how-we-work, .left, .gallery {
border-bottom: 1px dotted #DBDCDD;
margin-bottom: 30px;
padding-bottom: 10px;
}
.cols-wrap {
border: 0 none;
margin-bottom: 20px;
}
.map iframe {
width: 270px;
}
.form input, .form textarea {
width: 120px;
}
.right .welcome {
margin: 0;
}
span.tail {
display: block;
}
.flickr ul {
width: 250px;
}
.categories ul li {
margin-right: 8px;
}
.gallery {
padding-bottom: 30px;
}
.gallery img, .two-columns ul li img, .three-columns ul li img, .home-rc .four-columns ul li img, .img-head img, .img-head iframe {
width: 240px;
}
.gallery ul li a span.rollover-zoom {
left: 40%;
top: 30%;
}
.two-columns, .three-columns, home-rc .four-columns {
padding-bottom: 0;
}
.two-columns ul li, .three-columns ul li {
margin-bottom: 25px;
}
.two-columns ul li a span.rollover-zoom {
left: 35%;
top: 30%;
}
.three-columns ul li a span.rollover-zoom {
left: 58%;
top: 30%;
}
.home-rc .four-columns ul li {
 width: 250px;
 margin-right: 0;
}
.home-rc .four-columns ul li a {
 display: block;
 height: 127px;
}
 .home-rc .four-columns ul li a span.rollover-zoom {
left: 42%;
top: 30%;
}
.img-head iframe {
height: 117px;
}
.details {
margin-bottom: 30px;
width: 240px;
}
.img-head h4 {
background: none repeat scroll 0 0 transparent;
bottom: -6px;
font: 14px 'OpenSansBold';
padding: 0;
position: relative;
}
.img-head h4 a:link, .img-head h4 a:visited {
color: #333333 !important;
text-shadow: 0 1px 1px #FFFFFF;
}
.share {
float: left;
}
.child {
margin-left: 40px;
}
.subchild {
margin-left: 80px;
}
.rg-image-wrapper, .am-container {
margin-bottom: 30px;
}
blockquote.qright {
width: 190px;
}
.small-description {
padding-top: 90px;
}
.search input[type="text"] {
width: 195px;
}
.fullwidth .services ul li p {
overflow: hidden !important;
}
.fullwidth .full-services ul li p {
overflow: hidden !important;
}
}