/* CSS Document */
html, body { width: 100%; padding: 0px; margin: 0px; }
body { height: 100%; }
h1, h2, h3, h4, h5, h6 { font-family: 'Droid Serif', serif; padding: 6px 10px; background-color: black; }
p { font-family: 'Open Sans', sans-serif; font-weight: normal; }
img { border: none; }
ul { width: 100%; float: left; margin: 0px; padding: 0px; }
li { list-style-image: none; list-style-type: none; }
ol { margin: 0px; padding: 10px 0px 0px 15px; }
ol > li { background-image: url(../images/crest.png); background-repeat: no-repeat; padding: 0px 0px 8px 28px; color: #8D8D8D; }
ol > li a, ol > li a:visited { color: #8D8D8D; }
ol > li a:hover { color: white; text-decoration: none; }
.underlay { background-image: url(/site/images/overlay.png); background-repeat: repeat; }
.clear { clear: both; }
.abrieve { width: 40%; float: right; padding: 24px 8px 8px 12px; background-color: #000000; border: 6px solid #000000; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 7px; -moz-box-shadow: 0px 0px 1px 1px #2E2E2E; -ms-box-shadow: 0px 0px 1px 1px #2E2E2E; -o-box-shadow: 0px 0px 1px 1px #2E2E2E; -webkit-box-shadow: 0px 0px 1px 1px #2E2E2E; box-shadow: 0px 0px 1px 1px #2E2E2E; background-image: url(/site/images/abrieve.png); background-repeat: no-repeat; background-position: 2px 2px; font-style: italic; color: #8D8D8D; }
.hrtag { background-color: transparent; height: 2px !important; width: 100%; margin: 10px 0px; background-color: black; clear: both; }
.fullwidth { width: 100%; float: left; margin: 10px 0px; }
.halfwidth { width: 48%; float: left; margin: 10px 1%; }
.thirdwidth { width: 31%; float: left; margin: 10px 1%; }
.quarterwidth { width: 23%; float: left; margin: 10px 1%; }
.fullwidth h1, .fullwidth h2, .fullwidth h3, .fullwidth h4, .fullwidth h5, .fullwidth h6 .halfwidth h1, .halfwidth h2, .halfwidth h3, .halfwidth h4, .halfwidth h5, .halfwidth h6 .thirdwidth h1, .thirdwidth h2, .thirdwidth h3, .thirdwidth h4, .thirdwidth h5, .thirdwidth h6 .quarterwidth h1, .quarterwidth h2, .quarterwidth h3, .quarterwidth h4, .quarterwidth h5, .quarterwidth h6 { background-color: transparent; background-image: url(../images/transparentblack.png); background-repeat: repeat-y; background-position: left top; }
/* Background Slider CSS */
#supersized { display: block; position: fixed; left: 0; top: 0; overflow: hidden; z-index: -999; height: 100%; width: 100%; }
#supersized img { width: auto; height: auto; position: relative; display: none; outline: none; border: none; }
#supersized.speed img { -ms-interpolation-mode: nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
#supersized.quality img { -ms-interpolation-mode: bicubic; image-rendering: optimizeQuality; }			/*Quality*/
#supersized li { display: block; list-style: none; z-index: -30; position: fixed; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; background: #111; }
#supersized a { width: 100%; height: 100%; display: block; }
#supersized li.prevslide { z-index: -20; }
#supersized li.activeslide { z-index: -10; }
#supersized li.image-loading { background: #111 url(/site/images/progress.gif) no-repeat center center; width: 100%; height: 100%; }
#supersized li.image-loading img { visibility: hidden; }
#supersized li.prevslide img, #supersized li.activeslide img { display: inline; }
/* Navigation and Logo */
.nav_wrap_start { width: 221px; position: absolute; background-image: url(/site/images/nav_bg.png); background-repeat: repeat; background-color: grey; border-radius: 0px 0px 5px 5px; -moz-box-shadow: 0px 0px 6px black; -ms-box-shadow: 0px 0px 6px black; -o-box-shadow: 0px 0px 6px black; -webkit-box-shadow: 0px 0px 6px black; box-shadow: 0px 0px 6px black; overflow: hidden; top: -500px; left: 50%; margin: 0px 0px 0px -110px; }
.nav_wrap { width: 221px; float: none; margin: 0px auto 0px auto; background-image: url(/site/images/nav_bg.png); background-repeat: repeat; background-color: grey; border-radius: 0px 0px 5px 5px; -moz-box-shadow: 0px 0px 6px black; -ms-box-shadow: 0px 0px 6px black; -o-box-shadow: 0px 0px 6px black; -webkit-box-shadow: 0px 0px 6px black; box-shadow: 0px 0px 6px black; overflow: hidden; }
.nav_wrapleft { width: 221px; position: absolute; top: 10px; left: 10px; background-image: url(/site/images/nav_bg.png); background-repeat: repeat; background-color: grey; border-radius: 0px 0px 5px 5px; -moz-box-shadow: 0px 0px 6px black; -ms-box-shadow: 0px 0px 6px black; -o-box-shadow: 0px 0px 6px black; -webkit-box-shadow: 0px 0px 6px black; box-shadow: 0px 0px 6px black; display: none; }
.logo { width: 111px; height: 56px; float: left; background-image: url(/site/images/logo_bg.png); background-repeat: no-repeat; padding: 20px 55px 20px 55px; }
.nav, .navcat { width: 100%; float: left; background-image: url(/site/images/nav_bg_top.png); background-repeat: repeat-x; background-position: left top; }
.nav select, .navcat select, .pagination select { display: none; padding: 4px 8px 6px 8px; border: 1px solid #484848; margin: 5px 0px 5px 20px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; width: 180px; font-family: Arial, Helvetica, sans-serif; color: #f5f2eb; font-size: 10pt; font-weight: normal; text-decoration: none; background-color: #262626; }
.nav ul, .navcat ul { width: 100%; float: left; top: 0; padding: 10px 0px; margin: 0px; }
.nav > ul > li, .nav > ul > li > ul > li, .navcat > ul > li, .navcat > ul > li > ul > li { width: 100%; padding: 14px 0px 18px 0px; background-image: url(/site/images/splitter.png); background-repeat: no-repeat; background-position: center bottom; text-align: center; font-family: Georgia, "Times New Roman", Times, serif; list-style-image: none; list-style-type: none; cursor: pointer; position: relative; font-size: 10pt; }
.nav > ul > li:hover > ul, .navcat > ul > li:hover > ul { display: block; }
.nav > ul > li:last-child, .nav > ul > li > ul > li:last-child, .navcat > ul > li:last-child, .navcat > ul > li > ul > li:last-child { padding: 16px 0px 10px 0px; background-image: none; }
.nav > ul > li a, .nav > ul > li a:visited, .navcat > ul > li a, .navcat > ul > li a:visited { color: #f5f2eb; text-decoration: none; }
.nav > ul > li a:hover, .navcat > ul > li a:hover { color: #00abfa; }
.nav > ul > li > ul, .navcat > ul > li > ul { width: 100px; position: absolute; top: 0px; right: -100px; background-image: url(/site/images/nav_bg.png); background-repeat: repeat; background-color: grey; border-radius: 0px 5px 5px 0px; -moz-box-shadow: 2px 0px 4px black; -ms-box-shadow: 2px 0px 4px black; -o-box-shadow: 2px 0px 4px black; -webkit-box-shadow: 2px 0px 4px black; box-shadow: 2px 0px 4px black; overflow: hidden; display: none; z-index: 2; }
/* Social Icons Section */
.socialicons { width: 100%; float: left; height: 20px; text-align: center; background-image: url(/site/images/social_bg.png); background-repeat: repeat-x; padding: 10px 0px 9px 0px; border-radius: 0px 0px 5px 5px; }
.socialicons img { border: 0px; }
.socialicons img:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; }
/* Home Page */
.home_wrap { width: 700px; position: absolute; top: 10px; left: 50%; margin-left: -350px; background-image: url(/site/images/main_bg.png); background-repeat: repeat; height: auto; -moz-box-shadow: 0px 0px 6px black; -ms-box-shadow: 0px 0px 6px black; -o-box-shadow: 0px 0px 6px black; -webkit-box-shadow: 0px 0px 6px black; box-shadow: 0px 0px 6px black; text-align: center; padding: 0px 10px; }
.home_title { width: 95%; text-align: center; }
.home_title h1 { font-family: 'Droid Serif', serif; color: #f5f2eb; font-size: 16pt; padding: 20px 0px; margin: 0px; font-weight: 200; background-color: transparent; }
.welcome_wrap { width: 700px; float: none; margin: 40px auto 0px auto; background-image: url(/site/images/main_bg.png); background-repeat: repeat; border-radius: 5px; -moz-box-shadow: 0px 0px 6px black; -ms-box-shadow: 0px 0px 6px black; -o-box-shadow: 0px 0px 6px black; -webkit-box-shadow: 0px 0px 6px black; box-shadow: 0px 0px 6px black; overflow: hidden; display: none; }
.welcome_title { width: 95%; float: left; text-align: center; }
.welcome_title h1 { font-family: 'Droid Serif', serif; color: #f5f2eb; font-size: 16pt; padding: 20px 0px; margin: 0px; font-weight: 200; background-color: transparent; }
/* Blog Section */
.main_blog_wrap { width: 900px; position: absolute; top: 10px; left: 50%; margin-left: -450px; background-image: url(/site/images/main_bg.png); background-repeat: repeat; height: auto; -moz-box-shadow: 0px 0px 6px black; -ms-box-shadow: 0px 0px 6px black; -o-box-shadow: 0px 0px 6px black; -webkit-box-shadow: 0px 0px 6px black; box-shadow: 0px 0px 6px black; }
.blogtitle { width: 100%; float: left; text-align: center; background-image: url(/site/images/blogtitle_bg.png); background-repeat: repeat-x; border-bottom: 1px solid black; background-position: center top; }
.blogtitle h1, .blogtitle h2, .blogtitle h3 { color: #f5f2eb; padding: 15px; margin: 0px; line-height: 30px; font-size: 18pt; font-family: 'Droid Serif', serif; font-weight: 200; background-color: transparent; padding: 12px 0px 12px 0px; }
.blog_item { width: 660px; float: left; padding: 0px; margin: 45px 0px 0px 0px; padding: 0px 20px; position: relative; }
.blog_item:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; filter: alpha(opacity=85); -moz-opacity: 0.85; -khtml-opacity: 0.85; opacity: 0.85; }
.blog_item img { width: 100%; float: left; height: auto; display: block; }
.blog_item img { border: 0px; }
.blog_item_date { width: 115px; position: absolute; bottom: -20px; right: 20px; text-align: center; font-family: 'Droid Serif', serif; color: #f5f2eb; font-size: 30pt; padding: 20px 0px; -moz-text-shadow: 0px 2px black; -ms-text-shadow: 0px 2px black; -o-text-shadow: 0px 2px black; -webkit-text-shadow: 0px 2px black; text-shadow: 0px 2px black; background-image: url(../images/logo_bg.png); background-repeat: repeat-x; background-position: left top; background-color: #191919; }
.blog_item_title { width: auto; position: absolute; bottom: -20px; right: 135px; z-index: 20; background-color: #000000; text-transform: uppercase; padding: 10px 0px; }
.blog_item_title h2 { padding: 5px 10px 0px 10px; margin: 0px; font-size: 16pt; color: #8d8d8d; background-color: transparent; }
.blog_item_title h2 a, .blog_item_title h2 a:visited { color: #8d8d8d; text-decoration: none; }
.blog_item_title h2 a:hover { color: white; }
.blog_item_info { color: #9e9e9d; font-family: 'Open Sans', sans-serif; font-size: 8pt; padding: 0px 10px 10px 10px; }
.blog_item_info a, .blog_item_info a:visited { color: white; text-decoration: none; }
.blog_item_info a:hover { color: #9e9e9d; }
/* Portfolio Section */
.portpag { width: 100%; float: left; background-color: black; margin-top: 0px; }
.portfolio_item_wrap { width: 100%; float: left; margin: 15px 0px; background-color: black; }
.item { position: relative; float: left; margin: 7px 1%; background-color: black; max-height: 200px; overflow: hidden; }
.count1 { width: 98%; }
.count2 { width: 48%; }
.count3 { width: 31.3%; }
.count4 { width: 23%; }
.count5 { width: 18% }
.item img { width: 100%; height: auto; display: block; border: none; }
#portfolio-filter { width: 100%; float: left; margin: 10px 0px 14px 0px; }
#portfolio-filter > ul { width: 100%; float: left; margin: 0px; padding: 0px; }
#portfolio-filter> ul > li { margin-top: 7px; float: left; display: inline-block; height: 23px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 10pt; list-style-image: none; list-style-type: none; margin-top: 10px; }
#portfolio-filter > ul > li a { padding: 6px 8px 6px 9px; margin: 0px 0px 0px 10px; color: white; text-decoration: none; background-color: #171717; border: 1px solid #282828; -moz-box-shadow: 0px 0px 6px black; -ms-box-shadow: 0px 0px 6px black; -o-box-shadow: 0px 0px 6px black; -webkit-box-shadow: 0px 0px 6px black; box-shadow: 0px 0px 6px black; }
#portfolio-filter > ul > li a:hover { background-color: #303030; color: #00abfa; }
/* Contact Page */
#googlemap { width: 100%; height: 300px; background-color: #000000; float: left; margin: 10px 0px; overflow: hidden; }
#googlemap img { box-shadow: none; background-color: transparent; }
.contactinfo_left, .contactinfo_right { width: 50%; float: left; }
.contactinfo_left, .contactinfo_right, .contactinfo_left p, .contactinfo_right p { font-family: 'Open Sans', sans-serif; color: #424242; font-size: 10pt; }
/** Contact Form **/
fieldset { padding: 0px; margin: 0px; border: 0px; }
.emailsuccess { display: none; color: #6F9 !important; }
.emailfail { display: none; color: red !important; }
.inputsection { background-color: #303030; border: 1px solid black; color: #f1eee7; font-family: 'Droid Serif', serif; font-size: 10pt; padding: 8px 12px; width: 44%; float: left; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.inputsectionerror { background-color: #FB736F; border: 1px solid red; color: #f1eee7; font-family: 'Droid Serif', serif; font-size: 10pt; padding: 8px 12px; width: 44%; float: left; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.inputsection_right { background-color: #303030; border: 1px solid black; color: #f1eee7; font-family: 'Droid Serif', serif; font-size: 10pt; padding: 8px 12px; width: 44%; float: right; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.inputsection_righterror { background-color: #FB736F; border: 1px solid red; color: #f1eee7; font-family: 'Droid Serif', serif; font-size: 10pt; padding: 8px 12px; width: 44%; float: right; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.inputlargesection { background-color: #303030; border: 1px solid black; color: #f1eee7; font-family: 'Droid Serif', serif; font-size: 10pt; padding: 8px 2%; margin-top: 8px; width: 96%; float: left; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.inputlargesectionerror { background-color: #FB736F; border: 1px solid red; color: #f1eee7; font-family: 'Droid Serif', serif; font-size: 10pt; padding: 8px 2%; margin-top: 8px; width: 96%; float: left; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.formbutton { background-color: #303030; border: 1px solid #474747; color: #f1eee7; font-family: 'Droid Serif', serif; font-size: 10pt; padding: 8px 12px; margin-top: 15px; float: left; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; cursor: pointer; }
.formbutton:hover { background-color: #474747; border: 1px solid #303030; }
/* Blog Detail Page */
.page_content_wrap { width: 100%; float: left; }
.page_content_wrap img { width: 35%; margin: 10px 15px 15px 0px; padding: 6px; background-color: #000000; border: 6px solid #000000; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; box-shadow: 0px 0px 1px 1px #2E2E2E; }
.page_content_wrap img.left { margin: 10px 15px 15px 0px; float: left; }
.page_content_wrap img.right { margin: 10px 0px 15px 15px; float: right; }
.page_content_wrap, .page_content_wrap p { font-family: 'Open Sans', sans-serif; font-size: 10pt; color: #f5f2eb; padding-:left:10px;
}
.page_item { width: 95%; float: left; padding: 0px; margin: 15px 0px 0px 0px; padding: 0px 20px; position: relative; }
.page_item_title { width: auto; position: absolute; bottom: -20px; right: 135px; z-index: 20; background-color: black; text-transform: uppercase; padding: 10px 0px; }
.page_item_title h2 { padding: 5px 10px 0px 10px; margin: 0px; font-size: 16pt; color: #f5f2eb; }
.page_item_title h2 a, .page_item_title h2 a:visited { color: #f5f2eb; text-decoration: none; }
.page_item_title h2 a:hover { color: white; }
/* Comments Section */
.commentwrap { width: 100%; float: left; }
.commentreply { width: 85%; float: left; padding: 8px 1% 12px 14%; background-image: url(/site/images/nav_bg_top.png); background-repeat: repeat-x; }
.commentfull { width: 98%; float: left; padding: 8px 1% 10px 1%; background-image: url(/site/images/nav_bg_top.png); background-repeat: repeat-x; background-color: #191919; }
.commentformwrap { width: 98%; float: left; padding: 8px 1% 10px 1%; }
.commentfull img, .commentreply img { width: 68px; height: 68px; float: left; padding-right: 15px; border: 0px; }
.commentfull p, .commentreply p { color: #f1eee7; font-family: 'Droid Serif', serif; font-size: 10pt; padding: 0px; margin: 0px; margin-top: 4px; }
.commentinfo { color: #a3a3a3 !important; }
.commentinfo span.reply a, .commentinfo span.reply a:visited, .commentreply span.reply a, .commentreply span.reply a:visited { padding-top: 10px !important; color: #a3a3a3 !important; float: right; text-decoration: none; text-transform: uppercase; }
.commentinfo span.reply a:hover, .commentreply span.reply a:hover { color: white !important; }
/** Contact Form **/
fieldset { padding: 0px; margin: 0px; border: 0px; }
.emailsuccess { display: none; color: #6F9 !important; }
.emailfail { display: none; color: red !important; }
.inputsection { background-color: #303030; border: 1px solid black; color: #f1eee7; font-family: 'Droid Serif', serif; font-size: 10pt; padding: 8px 12px; width: 44%; float: left; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.inputsectionerror { background-color: #FB736F; border: 1px solid red; color: #f1eee7; font-family: 'Droid Serif', serif; font-size: 10pt; padding: 8px 12px; width: 44%; float: left; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.inputsection_right { background-color: #303030; border: 1px solid black; color: #f1eee7; font-family: 'Droid Serif', serif; font-size: 10pt; padding: 8px 12px; width: 44%; float: right; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.inputsection_righterror { background-color: #FB736F; border: 1px solid red; color: #f1eee7; font-family: 'Droid Serif', serif; font-size: 10pt; padding: 8px 12px; width: 44%; float: right; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.inputlargesection { background-color: #303030; border: 1px solid black; color: #f1eee7; font-family: 'Droid Serif', serif; font-size: 10pt; padding: 8px 2%; margin-top: 8px; width: 96%; float: left; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.inputlargesectionerror { background-color: #FB736F; border: 1px solid red; color: #f1eee7; font-family: 'Droid Serif', serif; font-size: 10pt; padding: 8px 2%; margin-top: 8px; width: 96%; float: left; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.formbutton { background-color: #303030; border: 1px solid #474747; color: #f1eee7; font-family: 'Droid Serif', serif; font-size: 10pt; padding: 8px 12px; margin-top: 15px; float: left; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; cursor: pointer; }
.formbutton:hover { background-color: #474747; border: 1px solid #303030; }
/* Tabs */
.tabs { width: 98%; margin: 10px 0%; padding: 22px 1% 5px 1%; background: black; border: 1px solid #141414; }
.tabs a { color: #D3D3D3; text-decoration: none; }
.tabs a:hover { color: #009; text-decoration: underline; }
ul.tabnav { padding: 0px; margin: -20px 0px 0px 0px; }
.tabnav li { display: inline; list-style: none; padding: 4px 10px; border-right: 1px solid #141414; }
.tabnav li a { text-decoration: none; font-family: 'Droid Serif', serif; padding: 4px 10px; outline: none; font-size: 10pt; background: black; }
.tabnav li a:hover, .tabnav li a:active, .tabnav li.ui-tabs-selected a { background: black; color: #E9E9E9; text-decoration: none; }
.tabdiv { margin-top: 2px; background: #141414; padding: 5px; }
.tabdiv p { color: #8D8D8D; }
.tabdiv li { margin-left: 20px; }
.ui-tabs-hide { display: none; }
/* Accordion */
.accordion { width: 100%; margin: 10px 0%; }
.accordion h3 { padding-left: 2px; }
dl { cursor: pointer; background: black; color: #D1D1D1; border: 1px solid #141414; }
dd { margin: 0px; padding: 10px; background-color: #141414; font-family: 'Open Sans', sans-serif; font-size: 10pt; }
dd p { color: #8D8D8D !important; }
dt { padding: 10px; border-top: 1px solid #141414; font-family: 'Droid Serif', serif; font-size: 10pt; }
dt:first-child { border-top: 0px; }
/* Pagination Css */
.pagination { width: 100%; float: left; margin: 50px 0px 0px 0px; padding: 0px; background-color: black; min-width: 100%; }
.pagination > ul { width: 100%; float: left; margin: 0px; padding: 0px; }
.pagination > ul > li { margin-top: 7px; float: left; display: inline-block; height: 23px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 10pt; list-style-image: none; list-style-type: none; }
.pagination > ul > li a { padding: 7px 10px 12px 11px; margin: 0px 0px 0px 10px; color: white; text-decoration: none; }
.pagination > ul > li a:hover { background-color: #f5f2eb; color: black; }
.paginationactive { padding: 7px 10px 12px 11px; margin: 0px 0px 0px 10px; background-color: #f5f2eb; color: black !important; text-decoration: none; }
/* Cards */
ul.card-container { width: 300px; height: 250px; position: relative; padding: 0; list-style-type: none; -webkit-perspective: 1400px; -moz-perspective: 1400px; -ms-perspective: 1400px; -o-perspective: 1400px; perspective: 1400px; margin-top: 0; margin-bottom: 30px; margin-left: -20px; margin-right: 0px; }
ul.card-container li { width: 100%; height: 100%; display: none; margin: 0; position: absolute; top: 0; left: 0; background: #fff; padding: 20px; pointer-events: auto; }
ul.card-container li.wi-move { pointer-events: none; -webkit-transition: -webkit-transform 600ms ease, opacity 600ms ease, left 600ms ease, top 600ms ease; -moz-transition: -moz-transform 600ms ease, opacity 600ms ease, left 600ms ease, top 600ms ease; -o-transition: -o-transform 600ms ease, opacity 600ms ease, left 600ms ease, top 600ms ease; -ms-transition: -ms-transform 600ms ease, opacity 600ms ease, left 600ms ease, top 600ms ease; transition: transform 600ms ease, opacity 600ms ease, left 600ms ease, top 600ms ease; }
.cards { width: 300px; color: #aaa; margin-top: -20px; margin-right: auto; margin-bottom: 40px; margin-left: auto; }
.cards ul.card-container { border-radius: 5px; }
.cards ul.card-container::before, .cards ul.card-container::after { content: ''; width: 100%; height: 100%; position: absolute; background: white; left: 0; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); border-radius: 5px; }
.cards ul.card-container::before { top: 10px; z-index: -2; box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.2); }
.cards ul.card-container::after { top: 7px; z-index: -1; }
.cards h4 { color: #666; font-size: 14px; padding: 8px 0 5px; margin: 5px 0; border-bottom: 1px solid #f0f0f0; background-color: transparent; font-family: Arial, Helvetica, sans-serif; }
.cards h4 span { font-size: 9px; margin-left: 10px; }
.cards p { font-size: 11px; padding: 0; margin: 0; color: #666; font-family: Arial, Helvetica, sans-serif }
.cards a { color: #09F; text-decoration: none; font-family: Arial, Helvetica, sans-serif }
.cards ul.card-container li { border-radius: 5px; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.cards li img { display: block; margin: 0 auto; max-width: 100%; box-shadow: 0 0 1px 1px rgba(255,255,255,0.6), 0 0 0 4px rgba(0,0,0,0.1); }
.cards nav { position: relative; width: 96px; margin-top: 0px; margin-right: auto; margin-bottom: 0; margin-left: auto; }
.cards nav span { width: 40px; height: 40px; float: left; background: url(/site/images/nav.png) no-repeat 100% 0; text-indent: -9000px; cursor: pointer; border-radius: 50%; box-shadow: 0 2px 3px rgba(0,0,0,0.5); -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-top: 20px; margin-right: 4px; margin-bottom: 0; margin-left: 4px; }
.cards nav span:first-child { background-position: 0 0; }
.cards nav span:active { box-shadow: 0 1px 1px rgba(0,0,0,0.3); background-position: 100% 2px; }
.cards nav span:first-child:active { background-position: 0 2px; }
p.info { font-family: Cambria, Georgia, serif; font-style: italic; color: #666; text-shadow: 0 1px 0 rgba(255,255,255,0.9); padding: 20px; display: block; clear: both; text-align: center; width: 240px; margin: 0 auto; }
.slogan { font-family: Arial, Helvetica, sans-serif; font-size: 9px; }
/* Extras */
.map_canvas img { box-shadow: none; background-color: transparent; }
/* Scroll Tab */
#scrolltab { width: 40px; height: 40px; position: fixed; bottom: 30px; right: 30px; margin-top: -20px; background-color: black; border-radius: 4px; z-index: 2000; display: none; background-image: url(/site/images/scrolltop.png); background-repeat: no-repeat; background-position: 0px 1px; cursor: pointer; }
/*  Search  */
#postcode { font-size: 14px; font-size: 14px; width: 100px; margin: 0 auto; }
#postcode div.selector, #postcode select, #postcode input[type=button], #postcode input[type=submit] { display: -moz-inline-box; display: inline-block;  *display: inline;
padding: 4px 12px; margin-bottom: 0;  *margin-left: .3em;
color: #666666; text-align: center; font-size: 1em; /*  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);*/
vertical-align: middle; cursor: pointer; background-color: #f5f5f5;  *background-color: #e6e6e6;
background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-repeat: repeat-x; border: 1px solid #bbbbbb;  *border: 0;
border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-bottom-color: #a2a2a2; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
 filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
 *zoom: 1;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }
#postcode input[type=submit] { background-color: #006dcc; color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-image: -moz-linear-gradient(top, #67c2ef, #2FABE9); background-image: -ms-linear-gradient(top, #67c2ef, #2FABE9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#67c2ef), to(#2FABE9)); background-image: -webkit-linear-gradient(top, #67c2ef, #2FABE9); background-image: -o-linear-gradient(top, #67c2ef, #2FABE9); background-image: linear-gradient(top, #67c2ef, #2FABE9); background-repeat: repeat-x;  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#67c2ef', endColorstr='#2FABE9', GradientType=0);
border-color: #1598d9 #1598d9 #007bb8 #1598d9; }
#postcode input[type=text], #postcode input[type=password], #postcode textarea { width: 96%; padding: 6px 2%; margin-left: -1px; font-size: 1em; font-weight: normal; padding: 6px; color: #777; /*background-image: -ms-linear-gradient(top, #444444, #999999); /* IE10 */
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#22000000', EndColorStr='#00FFFFFF'); /* IE6�IE9 */
	/*background-image: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#999999)); /* Saf4+, Chrome */
background-image: -moz-linear-gradient(top, rgba(0,0,0,0.18), rgba(0,0,0,0) 4px, rgba(0,0,0,0) ); /* FF3.6 */ background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.18), rgba(0,0,0,0) 4px, rgba(0,0,0,0) ); /* Chrome 10+, Saf5.1+ */ background-image: -o-linear-gradient(top, rgba(0,0,0,0.18), rgba(0,0,0,0) 4px, rgba(0,0,0,0) ); /* Opera 11.10+ */ background-image: linear-gradient(top, rgba(0,0,0,0.18), rgba(0,0,0,0) 5px, rgba(0,0,0,0) ); border-top: solid 1px #aaa; border-left: solid 1px #aaa; border-bottom: solid 1px #ccc; border-right: solid 1px #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; outline: 0; }
#postcode input[type=text]:focus, #postcode input[type=password]:focus, #postcode textarea:focus { -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6); border-color: rgba(82, 168, 236, 0.8); /*background-image: -ms-linear-gradient(top, #444444, #999999); /* IE10 */
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#22000000', EndColorStr='#00FFFFFF'); /* IE6�IE9 */
	/*background-image: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#999999)); /* Saf4+, Chrome */
background-image: -moz-linear-gradient(top, rgba(0,0,0,0.19), rgba(0,0,0,0) 5px, rgba(0,0,0,0) ); /* FF3.6 */ background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.19), rgba(0,0,0,0) 5px, rgba(0,0,0,0) ); /* Chrome 10+, Saf5.1+ */ background-image: -o-linear-gradient(top, rgba(0,0,0,0.19), rgba(0,0,0,0) 5px, rgba(0,0,0,0) ); /* Opera 11.10+ */ background-image: linear-gradient(top, rgba(0,0,0,0.19), rgba(0,0,0,0) 5px, rgba(0,0,0,0) ); transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s; }

#city { font-size: 14px; font-size: 14px; width: 100px; margin: 0 auto; }
#city div.selector, #city select, #city input[type=button], #city input[type=submit] { display: -moz-inline-box; display: inline-block;  *display: inline;
padding: 4px 12px; margin-bottom: 0;  *margin-left: .3em;
color: #666666; text-align: center; font-size: 1em; /*  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);*/
vertical-align: middle; cursor: pointer; background-color: #f5f5f5;  *background-color: #e6e6e6;
background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-repeat: repeat-x; border: 1px solid #bbbbbb;  *border: 0;
border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-bottom-color: #a2a2a2; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
 filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
 *zoom: 1;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }
#city input[type=submit] { background-color: #006dcc; color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-image: -moz-linear-gradient(top, #67c2ef, #2FABE9); background-image: -ms-linear-gradient(top, #67c2ef, #2FABE9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#67c2ef), to(#2FABE9)); background-image: -webkit-linear-gradient(top, #67c2ef, #2FABE9); background-image: -o-linear-gradient(top, #67c2ef, #2FABE9); background-image: linear-gradient(top, #67c2ef, #2FABE9); background-repeat: repeat-x;  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#67c2ef', endColorstr='#2FABE9', GradientType=0);
border-color: #1598d9 #1598d9 #007bb8 #1598d9; }
#city input[type=text], #city input[type=password], #city textarea { width: 96%; padding: 6px 2%; margin-left: -1px; font-size: 1em; font-weight: normal; padding: 6px; color: #777; /*background-image: -ms-linear-gradient(top, #444444, #999999); /* IE10 */
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#22000000', EndColorStr='#00FFFFFF'); /* IE6�IE9 */
	/*background-image: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#999999)); /* Saf4+, Chrome */
background-image: -moz-linear-gradient(top, rgba(0,0,0,0.18), rgba(0,0,0,0) 4px, rgba(0,0,0,0) ); /* FF3.6 */ background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.18), rgba(0,0,0,0) 4px, rgba(0,0,0,0) ); /* Chrome 10+, Saf5.1+ */ background-image: -o-linear-gradient(top, rgba(0,0,0,0.18), rgba(0,0,0,0) 4px, rgba(0,0,0,0) ); /* Opera 11.10+ */ background-image: linear-gradient(top, rgba(0,0,0,0.18), rgba(0,0,0,0) 5px, rgba(0,0,0,0) ); border-top: solid 1px #aaa; border-left: solid 1px #aaa; border-bottom: solid 1px #ccc; border-right: solid 1px #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; outline: 0; }
#city input[type=text]:focus, #city input[type=password]:focus, #city textarea:focus { -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6); border-color: rgba(82, 168, 236, 0.8); /*background-image: -ms-linear-gradient(top, #444444, #999999); /* IE10 */
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#22000000', EndColorStr='#00FFFFFF'); /* IE6�IE9 */
	/*background-image: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#999999)); /* Saf4+, Chrome */
background-image: -moz-linear-gradient(top, rgba(0,0,0,0.19), rgba(0,0,0,0) 5px, rgba(0,0,0,0) ); /* FF3.6 */ background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.19), rgba(0,0,0,0) 5px, rgba(0,0,0,0) ); /* Chrome 10+, Saf5.1+ */ background-image: -o-linear-gradient(top, rgba(0,0,0,0.19), rgba(0,0,0,0) 5px, rgba(0,0,0,0) ); /* Opera 11.10+ */ background-image: linear-gradient(top, rgba(0,0,0,0.19), rgba(0,0,0,0) 5px, rgba(0,0,0,0) ); transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s; }

/* Media Section*/
@media all and (max-width:2000px) {
.home_wrap { margin-left: -350px; }
.main_blog_wrap { margin-left: -350px; }
.rsContainer { margin-left:-80px}
}
@media all and (max-width:1200px) {
.home_wrap { width: 700px; margin-left: -250px; }
.main_blog_wrap { width: 700px; margin-left: -225px; }
.rsContainer { margin-left:-80px}
}
 @media all and (max-width:1000px) {
.home_wrap { width: 500px; margin-left: -140px; }
.main_blog_wrap { width: 500px; margin-left: -140px; }
.blog_item, .page_item { width: 460px; }
.blog_item_title h2, .blog_item_title h2 a, .blog_item_title h2 a:visited, .blog_item_title h2 a:hover, .page_item_title h2, .page_item_title h2 a, .page_item_title h2 a:visited, .page_item_title h2 a:hover { font-size: 12pt !important; }
.pagination ul { display: none; }
.pagination select { display: block; margin: 10px auto 10px auto; float: none; }
.item { margin: 3px 1%; }
.quarterwidth { width: 31.3%; }
.rsContainer { margin-left:-25px}
}
 @media all and (max-width:800px) {
.home_wrap { width: 400px; margin-left: -85px; }
.main_blog_wrap { width: 400px; margin-left: -85px; }
.blog_item, .page_item { width: 360px; }
.blog_item_title, .page_item_title { right: 95px; }
.blog_item_title h2, .blog_item_title h2 a, .blog_item_title h2 a:visited, .blog_item_title h2 a:hover, .page_item_title h2, .page_item_title h2 a, .page_item_title h2 a:visited, .page_item_title h2 a:hover { font-size: 12pt !important; }
.blog_item_date { width: 85px; font-size: 18pt; }
.blog_item_info { display: none; }
.inputsection, .inputsectionerror, .inputsection_right, .inputsection_righterror { width: 92%; float: left; }
.count3, .count4 { width: 48%; }
.thirdwidth, .quarterwidth { width: 48%; }
.welcome_wrap { width: 500px; }
.welcome_title h1 { font-size: 13pt; }
.rsContainer { margin-left:-15px}
}
 @media all and (max-width:650px) {
.home_wrap { width: 320px; margin: 20px auto 0px auto; float: none; position: static; overflow: hidden; }
.nav ul, .navcat ul { display: none; }
.nav select, .navcat select { display: inline-block; }
#widget, .moot_widget_wrap { display: none; }
.nav_wrapleft { position: relative; width: 221px; float: none; margin: 0px auto 0px auto; background-image: url(../images/nav_bg.png); background-repeat: repeat; background-color: grey; border-radius: 0px 0px 5px 5px; -moz-box-shadow: 0px 0px 6px black; -ms-box-shadow: 0px 0px 6px black; -o-box-shadow: 0px 0px 6px black; -webkit-box-shadow: 0px 0px 6px black; box-shadow: 0px 0px 6px black; overflow: hidden; left: 0px; }
.main_blog_wrap { width: 320px; margin: 20px auto 0px auto; float: none; position: static; overflow: hidden; }
.blog_item, .page_item { width: 280px; }
.blog_item_title h2, .blog_item_title h2 a, .blog_item_title h2 a:visited, .blog_item_title h2 a:hover, .page_item_title h2, .page_item_title h2 a, .page_item_title h2 a:visited, .page_item_title h2 a:hover { font-size: 12pt !important; }
.blog_item_info { display: none; }
.blog_item_date { width: 80px; font-size: 12pt; }
.blog_item_title h2, .blog_item_title h2 a, .blog_item_title h2 a:visited, .blog_item_title h2 a:hover { font-size: 10pt !important; }
.pagination { margin-top: 30px; }
.inputsection, .inputsectionerror, .inputsection_right, .inputsection_righterror { width: 90%; float: left; }
.count2, .count3, .count4 { width: 98%; }
.halfwidth, .thirdwidth, .quarterwidth { width: 98%; }
.contactinfo_left, .contactinfo_right { width: 100%; }
.welcome_wrap { width: 310px; }
.welcome_title h1 { font-size: 11pt; }
.rsContainer { margin-left:-3px}
}
@-webkit-keyframes FadeIn { 0% {
opacity:0;
}
 100% {
opacity:1;
}
}