/* GLOBAL 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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, button,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote, q{
background: url(/images/skin/blockquote.png) 10px left no-repeat;
padding:10px 40px;
font-style:italic;
font-family:Georgia, Times, ‘Times New Roman’, serif;
}
blockquote cite {
text-align:right;
display:block;
}
ol, ul {
list-style:none;
margin-bottom:10px;
margin-left:10px;
}
p {margin:15px 0;}
img {border:none;}
p img {margin:5px;}
strong {font-weight:bold;}
em {font-style:italic;}
hr {
border: 0;
width: 100%;
color: #ddd;
background-color: #ddd;
height: 1px;
}
/* ------------------- Headings -------------------------------*/
h1, h2, h3, h4, h6{
padding:10px 0 10px 0; margin:0;
}
h1 + h2, h1 + ul, h1 + p,
h2 + h3, h2 + ul, h2 + p,
h3 + p, h3 + ul, h3 + ol,
ul + p, ol + p{margin-top:0;padding-top:0;}
h1:first-child{margin-top:0;padding-top:0;}
h1{font-family:sans-serif;font-size:25px;color:#0E3C54;word-spacing:5px;}
h2{font-size:26px;color:#222;}
h3{font-size:20px;color:#1E81BA;padding:5px 0 5px 0;}
h4{font-size:18px;font-weight:normal;margin-top:15px;}
h5 {font-size:1.0em;font-weight:bold;}
h6 {font-size:0.8em;font-weight:bold;}
p, ul, ol {margin:0;padding:10px 0;}
ul, ol {padding:0 0 18px 10px;}
small{font-size:0.8em;}
img {border:0;}
.content img{}
img.border {padding:4px;outline:1px solid #ddd;}
sup {position:relative;bottom:0.3em;vertical-align:baseline;}
sub {position:relative;bottom:-0.2em;vertical-align:baseline;}
acronym, abbr {cursor:help;letter-spacing:1px;border-bottom:1px dashed;}
/* ------------------- Lists -------------------------------*/
ul.tick, ul.tick_list {margin-left:-5px;margin-right:5px;list-style:none;}
ul.disc, ol.decimal {margin-left:7px;}
ul.disc li {list-style:disc;line-height:180%;}
ol.decimal li {list-style-type:decimal;}
ul.disc li, ol.decimal li {margin-left:10px;padding-bottom:5px;}
ul.tick li {background:url(/images/tick-icon.png) no-repeat 0px 10px ;padding-left:25px;padding-top:7px;}
ul.tick_list li {background:url(/images/tick.gif) no-repeat 0px 70%;padding-left:25px;padding-top:7px;}
ul.tick li ul{margin-left:-35px; padding-bottom:0;margin-bottom:-20px}
ul.tick li ul li{background:none;}
ul.bigtick, ul.bigcross{margin-left:-7px;}
.bigtick li, .bigcross li{padding-left:23px; margin-bottom: 18px;}
.bigtick li{background:url(/images/icons_large/icon_tick.png) no-repeat 0 2px}
.bigcross li{background:url(/images/icons_large/icon_cross.png) no-repeat 0 2px}
ul li.facebook_icon {background:url(/images/facebook.jpg) no-repeat 0px 100%;}
ul li.twitter_icon {background:url(/images/twitter.jpg) no-repeat 0px 100%;}
.box li ul li {border:0;}
/* ------------------- Links -------------------------------*/
a {outline:0;}
a{color: #1F84BE;text-decoration:none;}
a:visited{color:#1F84BE;}
a:hover, a:active{color:#0c5a86;text-decoration:none;}
/* Common Classes */
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.small, small {font-size:0.8em;}
.center{display:block;margin:auto;}
.text-left {text-align:left;}
.text-right {text-align:right;}
.text-center {text-align:center;}
.image-left{float:left;padding:0 20px 20px 0;}
.image-right{float:right;padding:0 0 20px 20px;}
.padded-left {padding-left:10px;}
.padded-right {padding-right:10px;}
.padded-top {padding-top:20px;}
.nopadding {padding:0;margin:0;}
.padded-top-bottom{padding:10px 0;display:block;}
/* ------------------- 960.gs grid. Don't edit this -------------------------------*/
.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;position:relative;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.container_12 .push_3,.container_16 .push_4{left:240px}.container_12 .push_6,.container_16 .push_8{left:480px}.container_12 .push_9,.container_16 .push_12{left:720px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_16 .push_1{left:60px}.container_16 .push_2{left:120px}.container_16 .push_3{left:180px}.container_16 .push_5{left:300px}.container_16 .push_6{left:360px}.container_16 .push_7{left:420px}.container_16 .push_9{left:540px}.container_16 .push_10{left:600px}.container_16 .push_11{left:660px}.container_16 .push_13{left:780px}.container_16 .push_14{left:840px}.container_16 .push_15{left:900px}.container_12 .pull_3,.container_16 .pull_4{left:-240px}.container_12 .pull_6,.container_16 .pull_8{left:-480px}.container_12 .pull_9,.container_16 .pull_12{left:-720px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.container_16 .pull_1{left:-60px}.container_16 .pull_2{left:-120px}.container_16 .pull_3{left:-180px}.container_16 .pull_5{left:-300px}.container_16 .pull_6{left:-360px}.container_16 .pull_7{left:-420px}.container_16 .pull_9{left:-540px}.container_16 .pull_10{left:-600px}.container_16 .pull_11{left:-660px}.container_16 .pull_13{left:-780px}.container_16 .pull_14{left:-840px}.container_16 .pull_15{left:-900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}
/* End of generic CSS */
body{
background:#fff;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
line-height: 160%;
color:#555;
}
.gradient{
position: relative;
}
.gradient span{
background: url(/images/homePageGradient.png) repeat-x;
position: absolute;
display: block;
width: 100%;
height: 43px;
margin-top:-5px;
}
.homePage {font-size:43px;text-align:center;word-spacing:15px; }
.homePage img{position:absolute;top:-12px; left:150px;}
/* -------------------- Nav and Header ---------------------------- */
#header{
background: url(/images/skin/header-bg.jpg) repeat-x;
height:82px;
width:100%;
}
#header a {border:none;}
#logo{
width:180px; height:82px;
margin-top:-4px;
float:left;
background: url(/images/skin/logo.png) no-repeat;
}
/* -------------------- End Nav and Header ---------------------------- */
#container-right{padding-top:10px;line-height:160%;width:730px;}
.content b, .content strong, .page b, .page strong {color:#444;font-weight:bold;}
/* -------------------- Sub Menu ---------------------------- */
#subMenuLeft{
background:url(/images/subMenuLeft-bg.jpg) no-repeat 15% 0%;
float:left;
min-height:563px;
padding:30px 25px 0 0;
}
.clearfix:after, #subMenuLeft li.subMenuActive ul li:after {
content: ".";
display: block;
height:0;
clear: both;
visibility: hidden;
}
#subMenuLeft li ul {display:none;}
#subMenuLeft li a, #subMenuLeft li ul li a {
padding:10px 10px 10px 6px;
list-style:none;
display:block;
color:#666;
font-size:1.15em;
border:none;
width:100%;
clear:both;
}
#subMenuLeft li img {padding:0;margin:0;margin-top:-1px;margin-right:5px;}
#subMenuLeft li {
border-top:1px solid #fff;
border-bottom:1px solid #eee;
}
#subMenuLeft li:first-child{border-top:none;}
#subMenuLeft li:last-child{border-bottom:none;}
#subMenuLeft li a:hover, #subMenuLeft li ul li a:hover{text-decoration:underline;}
#subMenuLeft li.subMenuActive {clear:both;width:184px;border:none !important;}
#subMenuLeft li.subMenuActive a{
background: url(/images/skin/sub_menu_left_li_bg.png) no-repeat center right;
padding-right:25px;
padding-top:7px;
margin-right:-19px;
margin-top:-2px;
border:none !important;
height:20px;
}
#subMenuLeft li.subMenuActive a{color:#fff;font-weight:bold;}
#subMenuLeft li.subMenuActive ul {display:block;clear:both;border:none !important;margin-bottom:0px;padding-bottom:0;}
#subMenuLeft li ul li a {margin:0;padding:5px;width:148px;float:left;}
#subMenuLeft li.subMenuActive ul li {border:none;}
#subMenuLeft li.subMenuActive ul li a {
background: url(/images/skin/sub_menu_left_arrow.png) 95% center no-repeat;
color:#666;
font-weight:normal;
margin:3px 0;
border:none;
padding-left:10px;
}
#subMenuLeft li.subMenuActive ul li.subMenuActive a {
background:#e9e9e9 url(/images/skin/sub_menu_left_arrow.png) 95% center no-repeat;
text-decoration:underline;
font-weight:bold;
}
#subMenuLeft li ul {margin-bottom:5px;clear:both;}
#subMenuLeft li ul li a{font-size:0.8em;}
/* -------------------- End Sub Menu ---------------------------- */
#header a#logo{text-indent:-9999px;font-size:0.1em;}
#header {margin:0;padding:0;}
#mainContent{
float:left;
width:720px;
min-height:500px;
padding:30px 0 20px 10px;
}
#top-banner{
margin:0 auto;
height:290px;
background: url(/images/skin/top-banner.png) repeat-x;
position:relative;
border-bottom:1px solid #fff;
}
#top-banner .alpha {margin-top:65px;}
#top-banner .alpha img {margin-left: 90px;}
#top-banner .omega {position:relative;}
#banner_loveheart{
color:#FA4343;
font-size:32px;
}
p#banner_main_links{
color:#fff;
font-size:16px;
margin-top:9px !important;
}
h1#main_website_slogan {
font-family:arial, sans-serif;
color:#fff;
font-size:32px;
font-weight:bold;
letter-spacing: -0.04em;
display:inline;
margin-top:29px;
word-spacing:0px;
white-space:nowrap;
}
h1#page_title_heading{
font-family: sans-serif;
font-size:42px;
color: white;
font-weight: bold;
letter-spacing: -0.04em;
margin-top: 29px;
white-space: nowrap;
}
#top-banner h3, #top-banner-small h3, .page h3.blurb {
font-family:arial, sans-serif;
font-size:1.6em;
color:#b5e2f9;
font-weight:bold;
border:none;
}
.page h3.blurb {color:#222; font-size:30px;letter-spacing:-1px;font-weight:normal}
#top-banner-small h2 {font-size:2.8em;letter-spacing:-1px;}
#top-banner-small{
background: url(/images/skin/top-banner.png) repeat-x;
height:120px;
}
#top-banner-small .alpha, #top-banner-small .omega {margin-top:20px;}
.quote-button{background-image: url(/images/skin/top-banner-button.png) ;}
.see-our-work-button{background-image: url(/images/skin/see-our-work-button.png) ;}
.banner-button {
background-position:top left ;
text-indent:-9999px;
width:232px;
height:57px;
display:block;
border:none;
margin:15px 0 0 10px;
}
.banner-button:hover{
border:none;
background-position:center left;
}
.banner-button:active{
background-position:bottom left;
}
h2#default
{
font-size:3.0em;
}
.to-top {
width:100%;
height:20px;
opacity:0;
padding:2px;
text-align:center;
background:#1E7FB7;
z-index:999;
position:fixed;
top:0;
right:0px;
font-size:1em;
font-weight:bold;
color:#fff !important;
}
.moreinfo{
float:right;
margin:0 0 20px 20px;
}
ul.contentHalf{margin:0;padding:0;}
ul.contentHalf li{float:left; width:48%;margin:0 2% 2% 0;list-style-type:none;padding:0;}
ul.contentHalf li img{float:left;margin:0 20px 0 0;}
ul.contentListNice{margin:0;padding:0;}
ul.contentListNice li{margin:0;padding:0;list-style:none;border-bottom:1px solid #eee;}
ul.contentListNice li img{float:left;margin:10px 20px 20px 0;position:relative;}
ul.contentListNice p{overflow:hidden;}
#top-banner p{margin:0;padding:6px 0;}
/* -------------------- Front Page only ---------------------------- */
.link-bar {
background:#f2f2f2;
border-bottom:1px solid #ccc;
height:100px;
padding:0px 0;
overflow:hidden;
}
.link-bar div {background: url(/images/home_page/homepage_icons.jpg) no-repeat top left;cursor:pointer;}
.link-bar div.process {width:218px; background-position: 0px 10px;padding-left:70px;}
.link-bar div.process:hover {background-position: 0px -67px;}
.link-bar div.packages {width:240px; background-position: 0px -144px;padding-left:100px;}
.link-bar div.packages:hover {background-position: 0px -221px;}
.link-bar div.services {width:245px; background-position: 0px -291px;padding-left:85px;}
.link-bar div.services:hover {background-position: 0px -367px;}
.link-bar div.work {background-position: 0px -143px;padding-left:75px;}
.link-bar div.work:hover {background-position: 0px -218px;}
.link-bar h3 {
font-family:arial, sans-serif;
font-size:2.3em;
color:#AFB0B0;
margin-top:20px;
font-weight:bold;
border:none;
}
.link-bar div.process h3 strong {color:#555;}
.link-bar div.process h3 a:hover strong {color:#2e94cf;}
.link-bar div.packages h3 strong {color:#555;}
.link-bar div.packages h3 a:hover strong {color:#b05200;}
.link-bar div.services h3 strong {color:#555;}
.link-bar div.services h3 a:hover strong {color:#77C83B;}
.link-bar div.work h3 strong {color:#555;}
.link-bar div.work h3 a:hover strong {color:#853289;}
.link-bar small {font-size:0.9em;color:#767676;}
.link-bar a {color:#999;border:none;}
.link-bar a:hover small, .link-bar h3 a:hover {color:#777;text-decoration:none;border:none;}
.big-num {margin:0;padding:0;list-style:none;}
.big-num li {clear:both;margin-bottom:20px;}
.big-num li span {
display:block;
width:48px;
height:40px;
text-align:center;
float:left;
background:url(/images/home_page/blue_circle.gif) no-repeat;
color:#fff;
font-size:2.2em;
font-weight:bold;
padding-top:14px;
margin-right:10px;
margin-top:3px;
}
.sidebar-grey {
background: url(/images/home_page/testimonial_sidebar.gif) no-repeat bottom left;
height:564px;
margin-left:-30px;
color:#969696;
padding:0px;
padding-top:0px;
bottom:0;
}
.sidebar-grey a {border:none;}
.sidebar-grey div {}
.sidebar-grey .testimonial {
background:url(/images/home_page/testimonial_blurb.gif) no-repeat top left;
width:259px;
margin-left:47px;
margin-top:35px;
}
.sidebar-grey .testimonial blockquote {
background:none;
color:#929292;
font-style:italic;
padding:15px 20px;
font-size:1em;
letter-spacing:-0.01em;
}
.sidebar-grey .testimonial a {color:#888}
.sidebar-grey .testimonial a:hover {color:#bbb;text-decoration:none;}
.bqstart {
float: left;
height: 45px;
font-family:"times new roman";
margin-top: -30px;
padding-top: 45px;
margin-right:10px;
margin-bottom: -50px;
font-size: 550%;
color: #333;
font-style: normal;
}
.sidebar-grey .testimonial .author {
background:url(/images/home_page/testimonial_blurb.gif) no-repeat bottom left;
width:259px;
height:20px;
color:#777;
line-height:120%;
text-align:left;
font-size:0.85em;
padding-top:20px;
padding-left:75px;
}
.sidebar-grey .testimonial .author a {margin-top:5px;display:block;}
.sidebar-grey .testimonial .author small { font-size:0.8em;color:#666;display:block;}
.sidebar-grey .contact-form {
width:259px;
margin-left:35px;
margin-top:35px;
}
.sidebar-grey h3 {
font-family:arial, sans-serif;
font-size:1.3em;
color:#989898;
margin-top:20px;
font-weight:normal;
text-transform:none;
text-align:center;
}
.sidebar-grey .contact-form .blurb {text-align:center;}
/* -------------------- End Front Page only ---------------------------- */
.content, .page {
margin:0;
padding:20px 0 40px 0;
color:#666;
line-height:140%;
position:relative;
}
.content h2, .page h2, .page h3, .page h4, .page h5 {
font-family:arial, sans-serif;
margin-top:20px;
line-height:130%;
}
.content h2 {color:#AFB0B0;}
.content h4 {width:100%;margin:0;}
.content hr, .page hr {width:80%;text-align:center;border-top:1px solid #ccc;}
.page h2, .page h3, .page h4, .page h5 {
margin-top:15px;
letter-spacing:0.03em;
margin-bottom:10px;
padding-bottom:5px;
}
.page h3, .page h4, .page h5 {font-size:1.3em;margin-bottom:0;padding-bottom:5px;}
.page h3, .page ul li h3, .page h4, .page h5 {border-bottom:none;}
.page h5 {font-size:1.2em;margin-top:5px;text-transform:none;color:#444;}
.page h3{color:#222;font-size:1.6em;font-weight:normal;}
.page .intro {font-size:1.4em;line-height:160%;letter-spacing:-0.01em;color:#636B75;}
.page .hilite{padding:30px 0 5px 0;color:#1F84BE;}
h2.feature-text{text-transform:none;font-weight:normal;font-size:22px;line-height:150%;}
.nice-list-image{
margin:0;
padding:0;
}
.nice-list-image li.first{
float:left;
width:50%;
list-style:none;
height:120px;
}
.nice-list-image img{padding:10px 10px 0 0;}
.nice-list-image div{overflow:hidden;}
.nice-list-image li div ul li{
list-style:disc;
margin-left:10px;
}
.testimonials li {
margin-bottom:40px;}
.testimonials blockquote {
font-size:1.15em;
font-style:italic;
line-height:150%;
margin-bottom:10px;
background:#E2E2E2;
color:#555;
letter-spacing:-0.02em;
padding:15px;
}
.testimonials .bqstart {color:#ccc;}
.testimonials .author {background:url(/images/testimonial_arrow.png) no-repeat 30% top;font-size:0.85em;color:#777;line-height:140%;margin:0;margin-top:-10px;padding-top:4px;padding-left:140px;}
.clients {margin-top:0px;padding-top:10px;}
.clients h4 {padding:0;margin-top:20px;}
.clients a {border:none;}
.clients ul {margin:0px;padding:0;}
.clients ul li {display:inline;padding:0px 15px;}
.content .left-col {background:url(/images/home_page/crown_icon.gif) no-repeat 95% 8%;}
.content .right-col {width:295px;padding:0;}
.content .right-col p a {margin-left:55px;}
.packages {width:100%;margin:0 auto;}
.packages .grid_4 {width:230px;}
.contactbutton{
margin-right:20px;
}
.process h3.yellow{
color:#FABE09;
}
.process h3.orange{
color:#FF820C;
}
.process h3.red{
color:#B72830;
}
.process h3.green{
color:#8EBE25;
}
.process h3.blue{
color:#34A9DA;
}
.process img{
margin-left:0;
}
.box {
border:1px solid #666;
background:#eee;
padding-top:0;
margin:-1px;
z-index:2;
}
.box .inner {padding:5px;}
.box:hover, .box.hover {
margin-left:-10px;
margin-top:-10px;
width:239px;
z-index:999;
}
.box h2 {
font-size:1.2em;
margin:0px;
background:#333;
text-align:center;
font-weight:bold;
color:#fff;
border-bottom:1px solid #4aa7dd;
}
.box p.blurb {
color:#fff;
font-size:1.5em;
text-transform:uppercase;
font-weight:bold;
text-align:center;
padding-top:20px;
height:30px;
margin-left:-1px;
margin-right:0px;
border-left:1px solid #176490;
border-right:1px solid #4aa7dd;
border-bottom:1px solid #fff;
background:#1F84BE url(/images/skin/top-banner.png) repeat-x center left;
}
.box:hover p.blurb, .box.hover p.blurb { height:40px;padding-top:30px;}
.box p.intro {font-size:0.9em;letter-spacing:0.01em;color:#777;line-height:135%;text-align:center;}
.box li {padding:8px 0;margin:0;border-top:1px solid #fff;border-bottom:1px solid #ddd;}
.box .price {margin-top:20px;margin-bottom:30px;font-size:1.4em;font-weight:bold;color:#555;text-align:center;}
.box .price small {font-weight:normal;}
.box a.features {
font-weight:bold;
background:#379FD2;
color:#fff;
padding:5px 8px;
font-size:1.2em;
}
a.link_button{
-moz-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.2);
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.2);
box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.2);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-weight:bold;
padding:5px 8px;
font-size:14px;
display:block;
float:left;
}
a.link_button:hover {
}
a.link_button:focus, a.link_button:active {
}
a.link_button.blue_button{
text-shadow: 0px 1px 0px #1B4E66;
color:#fff;
border:1px solid #277DA7;
background: #49A8D6;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#49A8D6', endColorstr='#2D96C8');
background: -webkit-gradient(linear, left top, left bottom, from(#49A8D6), to(#2D96C8));
background: -moz-linear-gradient(top, #49A8D6, #2D96C8);
}
a.link_button.blue_button:hover {
background: #67B8DE;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#67B8DE', endColorstr='#369FD1');
background: -webkit-gradient(linear, left top, left bottom, from(#67B8DE), to(#369FD1));
background: -moz-linear-gradient(top, #67B8DE, #369FD1);
}
a.link_button.blue_button:focus, a.link_button.blue_button:active {
background: #49A8D6;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#49A8D6', endColorstr='#2D96C8');
background: -webkit-gradient(linear, left top, left bottom, from(#49A8D6), to(#2D96C8));
background: -moz-linear-gradient(top, #49A8D6, #2D96C8);
}
a.link_button.white_button{
text-shadow: 0px 1px 0px #ffffff;
color:#333333;
border:1px solid #C9CDD1;
background: #F4F4F5;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#E8E9EA');
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#E8E9EA));
background: -moz-linear-gradient(top, #fff, #E8E9EA);
}
a.link_button.white_button:hover {
background: #ffffff;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#F1F2F3');
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#F1F2F3));
background: -moz-linear-gradient(top, #ffffff, #F1F2F3);
}
a.link_button.white_button:focus, a.link_button.white_button:active {
background: #F1F2F3;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F1F2F3', endColorstr='#ffffff');
background: -webkit-gradient(linear, left top, left bottom, from(#F1F2F3), to(#ffffff));
background: -moz-linear-gradient(top, #F1F2F3, #ffffff);
}
.large_grey_button{
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-weight:bold;
padding:14px 60px;
font-size:15px;
text-transform:uppercase;
display:block;
float:left;
text-shadow: 0px 1px 0px #fff;
color:#1F84BE !important;
border:1px solid #FBFBFC !important;
background: #C7D1D3;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBFBFC', endColorstr='#C7D1D3');
background: -webkit-gradient(linear, left top, left bottom, from(#FBFBFC), to(#C7D1D3));
background: -moz-linear-gradient(top, #FBFBFC, #C7D1D3);
-moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.4);
-webkit-box-shadow: 0px 1px 4px rgba(0,0,0,0.4);
box-shadow: 0px 1px 4px rgba(0,0,0,0.4);
}
.large_grey_button:hover{
background: #D8DFE0;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FCFCFC', endColorstr='#D8DFE0');
background: -webkit-gradient(linear, left top, left bottom, from(#FCFCFC), to(#D8DFE0));
background: -moz-linear-gradient(top, #FCFCFC, #D8DFE0);
}
.large_grey_button:focus, .large_grey_button:active{
background: #FBFBFC;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C7D1D3', endColorstr='#FBFBFC');
background: -webkit-gradient(linear, left top, left bottom, from(#C7D1D3), to(#FBFBFC));
background: -moz-linear-gradient(top, #C7D1D3, #FBFBFC);
}
a.large_grey_button.right{
float:right;
margin:15px -20px 0 0;
}
img.gitc{margin-top:-40px}
.portfolio{width:100%;height:300px}
.portfolio-schools{width:100%;height:270px}
.portfolio a{border-bottom:none;}
.portfolio img{margin:0}
.portfolio-image{float:left;width:500px;height:250px;padding:8px;border:1px solid #dedede}
.portfolio-schoolsim{margin:auto;width:500px;height:250px;padding:8px;border:1px solid #dedede}
.portfolio-text{float:left;width:167px; padding-left:15px;}
.portfolio ul{margin:0 0 20px 0;padding:0;list-style:none;}
.portfolio li {background:url(/images/tick.gif) no-repeat center left; padding-left:20px;}
.portfolio h5 a {color:#333; font-size:14px; letter-spacing:-1px; border-bottom:none}
/* --- Nice button - Maurice 2012/01/16 : I think this is legacy code --- */
a.button {
background: transparent url('/images/button-right.png') no-repeat scroll top right;
display: block;
float: left;
height: 28px;
margin-right: 6px;
padding-right: 10px;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#666;
border:none;
}
a.button span {
background: transparent url('/images/button-left.png') no-repeat left 0%;
display: block;
line-height: 30px;
padding: 0px 0 0px 13px;
}
a.button:hover{color:#222;}
a.button:hover span{text-decoration:none;}
a.button span img {margin-bottom:-2px;}
a.button:active{background-position:bottom right;}
a.button:active span{background-position:bottom left;}
/* --- End Nice button --- */
#footer_content{
background: url(/images/skin/bg_footer.jpg) center center repeat;
border-top:1px solid #DBDBDB;
margin:0px 0 0 0;
padding:40px 0 40px 0;
}
#footer_content .container_16{
background:#fff;
border:1px solid #ededed;
border-radius:5px;
padding:35px 35px 0 35px;
width:890px;
}
#footer_content .grid_8{
width:440px;
padding:0 0 80px 0;
margin:0;
}
#footer_content .left_content{
padding-right:40px;
width:400px !important;
}
#footer_content .white_button{
margin-left:10px;
}
#footer{
background:#0C3145 url(/images/skin/footer.png) repeat-x;
margin:0px 0 0 0;
padding:0px 0;
padding-bottom:30px;
color:#96bacf;
font-size:0.8em;
line-height:160%;
}
#footer h2{
color:#6890b4;
padding-top:20px;
padding-bottom:20px;
}
#footer .blurb p{font-size:13px;padding:6px 0;line-height:160%;}
#footer p.blog{margin:0;padding:5px 0 0 0; font-size:12px;}
#footer h4 {color:#6890b4}
#footer a{color:#a9d3eb;text-decoration:none;border:none;}
#footer a:visited{color:#bee7ff;}
#footer a:hover{text-decoration:none;border-bottom:1px solid #a9d3eb;}
#footer a:active{text-decoration:underline;}
#footer ul li{list-style:none;}
#footer ul li:hover {}
#footer ul li:hover:first-child {}
.footer-blog p{line-height:150%;}
#footer hr{background:#114D6C;margin:20px 0 0 0;}
#footer-bottom{
background: url(/images/skin/footer_bottom.png) repeat-x ;
font-size:0.85em;
height:32px;
padding:16px 0 0 0;
color:#93ccec;
letter-spacing:0.03em;
}
#footer-bottom p{margin:0;padding:0;display:inline;}
#footer-bottom a{color:#93ccec;border:none;}
#footer-bottom a:hover{text-decoration:none;border-bottom:none;color:#fff;}
#footer hr{
height:2px;
}
#footer form{margin:0;padding:0;}
#footer input{color:#6890B4;background:#0D364D;border:1px solid #135477;padding:3px;}
#footer input[type="submit"]{
background: url(/images/newsletter-subscribe.png) top left no-repeat;
width:91px;
height:31px;
text-indent:-9999px;
border:none;
}
#footer .social-media{padding:15px 0 0 0;}
#footer .social-media a{color:#6890B4;}
#footer .social-media a:hover{color:#a9d3eb;text-decoration:underline;}
#footer .social-media img{float:left;}
#footer .social-media span{float:left;padding:3px 0 0 5px;margin-right:12px;}
#slider {
width:627px;
height:290px;
overflow:hidden;
margin-right:0px;
z-index:999;
position:relative;
z-index:1;
margin-right:-68px;
}
#slider ul, #slider li{ margin:0; padding:0; list-style:none;}
#slider li{ width:627px; height:290px; overflow:hidden;float:right; }
p#controls{
margin:0;
width:755px;
float:right;
z-index:500;
position:relative;
margin-top:-103px;
display:none;
}
form.contact {text-align:center;}
form.contact span.small {padding-top:9px;padding-left:90px;color:#606060}
form.contact input, form.contact textarea {
padding:6px 6px;
background:#19191A;
color:#777;
border:1px solid #353535;
border-bottom:1px solid #3a3a3a;
border-right:1px solid #3a3a3a;
margin:3px 0;
width:230px !important;
}
form.contact textarea {font:100%/1.25 helvetica, arial, sans-serif;height:100px;}
form.contact input:hover, form.contact textarea:hover {color:#888;}
form.contact input:focus, form.contact textarea:focus {
border:1px solid transparent;
border-bottom:1px solid #222;
border-right:1px solid #222;
color:#aaa ;
padding:6px 6px;
background:#272728;
}
form.contact input[type='submit'] {
border:none;
font-weight:bold;
color:#fff;
padding:3px;
cursor:pointer;
background:#e5f3fe;
margin-right:2px;
width:70px !important;
background:#222;
float:right;
margin-right:8px;
border-bottom:1px solid transparent;
border-right:1px solid transparent;
}
form.contact input[type='submit']:hover, form.styled input[type='submit']:focus {
background:#204668;
color:#fff;
border-bottom:1px solid #2e6290;
border-right:1px solid #2e6290;
}
form.contact input[type='submit'].loading {background-image:url(/images/loading.gif);background-repeat:no-repeat;background-position:center left;}
form.styled fieldset {
padding:10px;
background:#f0f0f0;
border:1px solid #ddd;
margin:10px 0;
}
form.styled fieldset.question-fieldset {background:#f7f7f7;}
form.styled legend {padding:0 5px;color:#999;}
form.styled label {
cursor:pointer;
width:30%;
float:left;
color:#333;
font-weight:bold;
padding:6px;
font-size:0.9em;
}
form.styled label.long-label {width:100%;padding:0;color:#676767; font-size: 12px;}
form.styled label.long-input,
input.long-input,
select.long-input {
width:85%!important;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
padding: 10px!important;
font-size: 12px!important;
-moz-box-shadow: inset 2px 2px 2px #f5f5f5;
-webkit-box-shadow: inset 2px 2px 2px #f5f5f5;
box-shadow: inset 2px 2px 2px #f5f5f5;
}
form.styled label.spam{color:#676767; font-size: 12px;width:220px; font-weight: normal;}
form.styled input, form.styled select, form.styled textarea {
padding:6px;
border:1px solid #d2d2d2;
color:#555;
display:inline;
font-size:1.1em;
width:60%;
margin-top:0;
}
form.styled select.short {width:40% !important;}
form.styled textarea {font:100%/1.25 helvetica, arial, sans-serif;height:150px;}
form.styled input:focus, form.styled select:focus, form.styled textarea:focus {
color:#111;
border:1px solid #999;
}
form.styled input[type='submit'] {
border:none;
font-weight:bold;
color:#fff;
padding:3px;
cursor:pointer;
background:#e5f3fe;
margin-right:2px;
width:120px;
background:#222;
border-bottom:1px solid transparent;
border-right:1px solid transparent;
}
form.styled input[type='submit']:hover, form.styled input[type='submit']:focus {
background:#204668;
color:#fff;
border-bottom:1px solid #2e6290;
border-right:1px solid #2e6290;
}
form.styled label em {color:#1F84BE;font-weight:normal; font-size:11px;}
.call-image {
border: 1px solid #E6E6E6;
padding: 5px;
background-color: #fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin-top:10px;
}
form.new_styled{
padding: 15px;
border: 1px solid #E6E6E6;
margin: 10px 0;
background-color:#f7f7f7;
}
form.new_styled input#name,
form.new_styled input#company,
form.new_styled input#email,
form.new_styled input#phone
{padding: 11px 10px;}
form.new_styled .newcontact {
width:200px;
padding:3px
}
form.new_styled h3 {
text-align:center;
font-size:16px;
color:#000;
margin:10px 0
}
form.new_styled input,
form.new_styled select
{
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border: 1px solid #CACACA;
padding: 10px;
font-size: 12px;
width:188px;
-moz-box-shadow: inset 2px 2px 2px #f5f5f5;
-webkit-box-shadow: inset 2px 2px 2px #f5f5f5;
box-shadow: inset 2px 2px 2px #f5f5f5;
}
form.new_styled select {
width:210px;
}
form.new_styled fieldset {
}
form.new_styled label{
font-size:12px;
color: #676767;
}
form.new_styled label em{
color:#1F84BE;
font-size:11px;
}
form.new_styled .spam {margin-left: 187px;}
table.emailMarketingTable{
width:500px;
border:1px solid #ddd;
}
table.niceTable{
font-size:14px;
border-collapse:collapse;
}
table.niceTable td{
padding:7px;
border:1px solid #ddd;
}
table.niceTable .bg{background:#f0f0f0;}
table.niceTable strong {background:none !important;font-weight:bold !important;}
/* -------------- QUESTIONNAIRE PAGE -------------- */
#newcontact-success {
padding:25px;
border: 1px solid #e6e6e6;
margin: 10px 0;
background-color: #f7f7f7;
}
#newcontact-success p {font-size: 12px; color: #000;}
#newcontact-success strong {color: #000; font-size:14px;}
.enquiry-left {
width: 360px;
padding-left: 20px;
padding-top: 10px;
float: left;
}
.enquiry-right {
width:265px;
float:right;
}
#newcontact-success a.question-btn {
padding: 15px 10px;
width:auto;
}
img.btn-arrow {vertical-align:middle;}
.tick {
vertical-align: middle;
margin-top: -5px;
margin-left: 20px;
}
/* Email Marketing Table
----------------------------------------*/
table.nice_table{
border-top: 1px solid #D7D7D7;
border-right: 1px solid #D7D7D7;
border-left: 1px solid #D7D7D7;
margin:10px 0;
}
table.nice_table tr td {
border-bottom: 1px solid #D7D7D7;
}
table.nice_table td, table.nice_table_blog td {
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#F0F0F0));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#F0F0F0'); /* for IE */
background: -moz-linear-gradient(top, #ffffff, #F0F0F0); /* for firefox 3.6+ */
border-top: #E2E2E2;
color: #466EAB;
font-size: 11px;
font-weight: bold;
padding: 10px 15px;
text-align: center;
padding: 6px 12px;
}
table.nice_table tr.nice_table_monthly_cost td, table.nice_table_blog tr.nice_table_monthly_cost td {
color: #49B2FF;
font-size: 21px;
padding: 15px;
}
table.nice_table th, table.monthly_high_table th, tr.nice_table_bottom td, table.bulkcredit_table th, table.local_currency tr th, table.nice_table_blog tr th {
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FCFCFC), to(#E1E1E1));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FCFCFC', endColorstr='#E1E1E1'); /* for IE */
background: -moz-linear-gradient(top, #FCFCFC, #E1E1E1); /* for firefox 3.6+ */
border-bottom: 1px solid #CFCFCF;
border-right: 1px solid #CFCFCF;
color: #6F757E;
font-size: 11px;
text-align: center;
text-shadow: white 0px 1px 0px;
text-transform: uppercase;
vertical-align: middle;
padding: 6px 12px;
font-weight:bold;
}
table.nice_table .large-text{
font-size:16px;
}
table.email_pricing{
width:350px;
}
table.email_pricing td{
text-align:left;
}
table.td_padding td{
border-right:1px solid #E2E2E2;
}
/* -------------- Green Submit Button --------------- */
form.new_styled input.get-started {float:right;}
form.new_styled input.grn-button,
a.grn-button {
display: inline-block;
outline: none;
cursor: pointer;
font-weight:bold;
text-align: center;
text-decoration: none;
padding: 8px 60px;
font-size: 13px;
text-shadow: 0 1px 1px rgb(117,151,70);
width: auto;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset 0 1px 0px #ADD577;
-o-box-shadow: inset 0 1px 0px #ADD577;
-moz-box-shadow: inset 0 1px 0px #ADD577;
box-shadow: inset 0 1px 0px #ADD577;
color: #fff;
border: solid 1px #79AB36;
background-color: #8AC33E;
background: -webkit-gradient(linear, left top, left bottom, from(#8AC33E), to(#79AB36));
background: -moz-linear-gradient(top, #8AC33E, #79AB36);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8AC33E', endColorstr='#79AB36');
}
form.new_styled input.grn-button:hover,
a.grn_button:hover {
text-decoration: none;
background: #79AB36;
}
form.new_styled input.grn-button:active,
a.grn_button:active {
position: relative;
top: 1px;
}
/* -------- Crossfader --------------------*/
.dumbCrossFade {
width:627px;
height:272px;
display:block;
cursor:pointer;
border:none;
position:relative;
overflow:hidden;
background:url(/images/slideshow/slideshow_bg.png) no-repeat;
}
.dumbCrossFade .item {
display:none;
position:absolute;
top:0;
left:0;
border:none;
}
.dumbCrossFade .item img {
border:none;
}
.dumbCrossFade * {
border:none;
text-decoration:none;
}
.prev, .next {z-index:999;display:block;position:absolute; bottom:0;left:0;width:47px; height:35px;border:none;}
.prev {background:url(/images/slideshow/slider_button_left.png) no-repeat left top; }
.prev:hover{background-position:left top;text-decoration:none !important;border-bottom:none !important;}
.next {background:url(/images/slideshow/slider_button_right.png) no-repeat right top;left:570px;}
.next:hover{background-position:right top;text-decoration:none !important;border-bottom:none !important;}
.team
{
clear:both;
}
.team h2
{
border:0;
margin-bottom:0;
}
.team p
{
margin-bottom:0;
padding-bottom:0;
}
.team img
{
border:1px solid #eee;
padding:10px;
margin-right:20px;
}
.fancybox{border:none !important;}
/* ------------------------------ Tooltips -------------------------------*/
a.tooltip {
background:#fff;
padding:1px 3px;
font-weight:bold;
font-size:0.9em;
white-space:nowrap;
}
label a.tooltip {
background:#5292c1;
color:#fff;
padding:1px 3px;
font-weight:bold;
}
a.tooltip b {display:none;text-transform:none;}
a.tooltip:hover {
border:0;
position:relative;
z-index:500;
text-decoration:none;
}
a.tooltip:hover b {
font-size:1em;
display:block;
position:absolute;
bottom:26px;
left:-6px;
padding:5px;
font-weight:normal;
color:#4C3601;
border:1px solid #aaa;
border-right:1px solid #777;
border-bottom:1px solid #777;
background:#f3f3f3;
width:180px;
text-align:left;
}
a.tooltip:hover b {font-size:1.2em;}
a.tooltip:hover b em {
position:absolute;
bottom:-8px;
width:11px;
height:8px;
padding:0px;
display:block;
font-size:1px;
}
.formError {
position:absolute;
top:300px; left:300px;
padding-bottom:13px;
display:block;
z-index:5000;
cursor:pointer;
}
#debugMode{
background:#000;
position:fixed;
width:100%; height:200px;
top:0; left:0;
overflow:scroll;
opacity:0.8;
display:block;
padding:10px;
color:#fff;
font-size:14px;
z-index:100000;
}
.ajaxSubmit{ padding:20px; background:#55ea55;border:1px solid #999;display:none}
.formError .formErrorContent {
width:100%;
background:#ee0101;
color:#fff;
width:150px;
font-family:tahoma;
font-size:11px;
border:2px solid #ddd;
padding:4px 10px 4px 10px;
}
.greenPopup .formErrorContent {background:#1F84BE;}
.blackPopup .formErrorContent {background:#393939;color:#FFF;}
.formError .formErrorArrow{
position:absolute;
bottom:0;left:20px;
width:15px; height:15px;
z-index:5001;
}
.formError .formErrorArrowBottom{top:0;margin:-6px;}
.formError .formErrorArrow div{
border-left:2px solid #ddd;
border-right:2px solid #ddd;
font-size:0px; height:1px; background:#ee0101;margin:0 auto;line-height:0px; font-size:0px; display:block;
}
.formError .formErrorArrowBottom div{
}
.greenPopup .formErrorArrow div{background:#33be40;}
.blackPopup .formErrorArrow div{background:#393939;color:#FFF;}
.formError .formErrorArrow .line10{width:15px;border:none;}
.formError .formErrorArrow .line9{width:13px;border:none;}
.formError .formErrorArrow .line8{width:11px;}
.formError .formErrorArrow .line7{width:9px;}
.formError .formErrorArrow .line6{width:7px;}
.formError .formErrorArrow .line5{width:5px;}
.formError .formErrorArrow .line4{width:3px;}
.formError .formErrorArrow .line3{width:1px;
border-left:2px solid #ddd;
border-right:2px solid #ddd;
border-bottom:0px solid #ddd;}
.formError .formErrorArrow .line2{width:3px;border:none;background:#ddd;}
.formError .formErrorArrow .line1{width:1px;border:none;background:#ddd;}
/*----------mod for div on contact page----------*/
.contact-width {
width:450px !important;
float:right;
top:-40px;
}
.contact-space{
width:50px;
float:left;
}
.address-box{
width:46%;
}
/*------------------end mod----------------------*/
/* ----------------- start new portfolio -----------------*/
.new-portfolio {}
.new-portfolio h1 {
font-size: 30px;
line-height:100%;
}
.new-portfolio p {
font-size: 12px;
color: #636363;
line-height: 18px;
}
.new-portfolio .snapshot-info {
width:308px;
height:186px;
overflow: hidden;
}
.new-portfolio .snapshot.snapshop_content {
width:305px;
border:none;
height:214px;
overflow: hidden;
}
.new-portfolio .snapshot.snapshop_content h1{
font-weight:normal;
font-size:30px;
padding:0 0 10px 0;
text-transform:uppercase;
color:#000;
margin:0;
}
.new-portfolio .snapshot.snapshop_content p{
border:none;
}
.new-portfolio .snapshot.snapshop_content:hover{
border:none;
}
.new-portfolio .snapshot {
float: left;
margin-right:12px;
margin-bottom: 17px;
border: 1px solid #cdcdcd;
}
.recent_projects_view .snapshot{
margin-right:6px;
}
.new-portfolio .snapshot:hover{
border: 1px solid #aaa;
}
.new-portfolio .snapshot-last {
margin-right:0px;
}
.new-portfolio .snapshot p{
padding:5px 0;
border-top: 1px solid #cdcdcd;
}
.new-portfolio .snapshot a{
border:none;
font-weight:bold;
color:#686868;
text-align:center;
}
.new-portfolio .snapshot a span{
font-size:14px;
}
.new-portfolio .snapshot a:hover{
border:none;
}
.new-portfolio .snapshot a img{
width:233px;
height:140px;
}
a.back_to_portfolio{
color:#000;
font-size:11px;
margin-top:-30px;
display:block;
float:left;
}
a.back_to_portfolio:hover{
text-decoration:underline;
}
/* ----------------- end new portfolio ------------------*/
/* ----------------- start new view portfolio -----------------*/
.portfolio_top{
margin-bottom:20px;
margin-top:15px;
}
h1.portfolio_heading {
font-family: sans-serif;
color: #000;
float:left;
font-size: 30px;
}
small.date_text {
display:block;
margin-top:-10px;
font-size: 9px;
font-weight:bold;
}
.view-project{
width:340px !important;
padding-bottom:40px;
}
.view-project h2 {
font-size: 20px;
margin:0 0 5px 0;
padding:0;
}
.view-project a {color: #1F81AE;}
.view-project p {font-size: 12px;}
.view-project ul {list-style-type: disc; margin-left: 10px; font-size: 12px;}
.view-project ul + h2 {margin-top:5px;}
.view-project .quote-box, .spacing_box {
margin-bottom:20px;
}
.view-project .quote-box p {
margin: 0;
padding:0 0 10px 0;
font-size: 16px;
letter-spacing:1px;
line-height:22px;
}
.view-project .quote-box p.quote-description {font-size: 12px;}
.portfolio_image_container{
width:592px;
float:right;
}
.portfolio_image{
width:624px;
margin-right:-32px;
}
.portfolio_image .header, .portfolio_image .footer{
background-image: url(/images/portfolio/bg_image_top_and_bottom_2.jpg);
}
.portfolio_image .header{
background-position:top center;
height:23px;
padding-top:2px;
text-align:center;
}
.portfolio_image .header a{
font-size:10px;
font-weight:bold;
color:#505050;
text-shadow: rgba(255,255,255,0.5) 0 1px;
}
.portfolio_image .body{
margin-left:32px;
cursor:move;
width:560px;
margin-bottom:-8px;
}
.portfolio_image .body #overscroll{
max-height:500px;
border-left:1px solid #cfcfcf;
border-right:1px solid #cfcfcf;
border-bottom:1px solid #cfcfcf;
}
.portfolio_image .footer{
background-position:bottom center;
height:15px;
}
.view-project blockquote{
padding:0 0 20px 0;
background:none;
}
.view-project blockquote img{
float:left;
display:block;
padding:0 10px 0px 0;
margin-top:2px;
}
.view-project blockquote cite{
float:left;
font-family:sans-serif;
font-size:12px;
font-style:normal;
}
.view-project blockquote cite strong{
color:#222222;
}
.quote-box {
position: relative;
}
.quote-box-top, .quote-box-bottom {
position: absolute;
height: 21px;
width: 25px;
}
.quote-box-bottom {
background: url(/images/portfolio/bg_quote_close.jpg) no-repeat;
right: -5px;
bottom:0;
}
a.previous_button, a.next_button{
background-image: url(/images/portfolio/previous_next_buttons.jpg);
height:40px;
display:block;
float:right;
text-indent:-9999px;
}
a.previous_button{
background-position:top left;
width:138px;
}
a.previous_button:hover{
background-position: left -40px;
}
a.previous_button:focus{
background-position: left -80px !important;
}
a.next_button{
background-position:-139px top;
width:101px;
margin-left:10px;
}
a.next_button:hover{
background-position:-139px -40px;
}
a.next_button:focus{
background-position:-139px -80px !important;
}
/* ----------------- end new portfolio ------------------*/
.clickable-link, p.clickable-link {color:#5d8fac !important;cursor:pointer !important}
.hovered, p.hovered {color:#0c5a86 !important;text-decoration:underline !important;}
.thumb{ float: left; margin: 10px 20px 20px 0;}
.description {overflow: hidden;}
.description h4 {margin-top:10px;padding-top:0;}
/*Homepage Tabs*/
ul.tabs {
margin: 0;
padding: 0;
float: left;
list-style: none;
height: 32px; /*--Set height of tabs--*/
width: 100%;
margin-top:20px;
}
ul.tabs li {
float: left;
margin: 0;
padding: 0;
height: 31px; /*--Subtract 1px from the height of the unordered list--*/
line-height: 31px; /*--Vertically aligns the text within the tab--*/
border-left: none;
margin-bottom: -1px; /*--Pull the list item down 1px--*/
overflow: hidden;
position: relative;
}
ul.tabs li a {
text-decoration: none;
color: #000;
display: block;
padding: 0 10px;
outline: none;
}
ul.tabs li a:hover {
}
html ul.tabs li.active, html ul.tabs li.active a:hover { /*--Makes sure that the active tab does not listen to the hover properties--*/
background: #0C3145;
}
ul.tabs h2{
display:inline;
font-size:14px;
}
.tab_container {
overflow: hidden;
clear: both;
float: left; width: 100%;
}
.tab_container a{
text-decoration:underline !important;
}
.tab_content {
padding:10px;
font-size: 1.2em;
}
.section{
float:left;
}
#checklist{
overflow:hidden;
width:722px;
}
.section{
width:722px;
}
#innerChecklist{
position:relative;
}
.dependent {
display: none;
}