@import url("http://fonts.googleapis.com/css?family=Oswald:400,300");
@import url("http://fonts.googleapis.com/css?family=Fauna+One");

/* /templates/wbv3/css/960/reset.css ************************************/
/* `XHTML, HTML4, HTML5 Reset
----------------------------------------------------------------------------------------------------*/
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, meter, nav, object, ol, output, p, pre, progress, q, rp, rt, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video, xmp {
border: 0;
margin: 0;
padding: 0;
font-size: 100%;
}
html, body {
height: 100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
/*
Override the default (display: inline) for
browsers that do not recognize HTML5 tags.
IE8 (and lower) requires a shiv:
http://ejohn.org/blog/html5-shiv
*/
display: block;
}
b, strong {
/*
Makes browsers agree.
IE + Opera = font-weight: bold.
Gecko + WebKit = font-weight: bolder.
*/
font-weight: bold;
}
img {
color: transparent;
font-size: 0;
vertical-align: middle;
/*
For IE.
http://css-tricks.com/ie-fix-bicubic-scaling-for-images
*/
-ms-interpolation-mode: bicubic;
}
ol, ul {
list-style: none;
}
li {
/*
For IE6 + IE7:
"display: list-item" keeps bullets from
disappearing if hasLayout is triggered.
*/
display: list-item;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
th, td, caption {
font-weight: normal;
vertical-align: top;
text-align: left;
}
q {
quotes: none;
}
q:before, q:after {
content: '';
content: none;
}
sub, sup, small {
font-size: 75%;
}
sub, sup {
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
svg {
/*
For IE9. Without, occasionally draws shapes
outside the boundaries of <svg> rectangle.
*/
overflow: hidden;
}

/* /templates/wbv3/css/960/text.css ************************************/
/*
960 Grid System ~ Text CSS.
Learn more ~ http://960.gs/
Licensed under GPL and MIT.
*/
/* `Basic HTML
----------------------------------------------------------------------------------------------------*/
body {
font: 13px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
}
pre, code {
font-family: 'DejaVu Sans Mono', Menlo, Consolas, monospace;
}
hr {
border: 0 #ccc solid;
border-top-width: 1px;
clear: both;
height: 0;
}
/* `Headings
----------------------------------------------------------------------------------------------------*/
h1 {
font-size: 25px;
}
h2 {
font-size: 23px;
}
h3 {
font-size: 21px;
}
h4 {
font-size: 19px;
}
h5 {
font-size: 17px;
}
h6 {
font-size: 15px;
}
/* `Spacing
----------------------------------------------------------------------------------------------------*/
ol {
list-style: decimal;
}
ul {
list-style: disc;
}
li {
margin-left: 30px;
}
p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset, figure {
margin-bottom: 20px;
}

/* /templates/wbv3/css/960/960.css ************************************/
/*
960 Grid System ~ Core CSS.
Learn more ~ http://960.gs/
Licensed under GPL and MIT.
*/
/*
Forces backgrounds to span full width, even if there is horizontal scrolling.
Increase this if your layout is wider.
Note: IE6 works fine without this fix.
*/
body {
min-width: 960px;
}
/* `Container
----------------------------------------------------------------------------------------------------*/
.container_12, .container_16 {
margin-left: auto;
margin-right: auto;
width: 960px;
}
/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/
.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;
margin-left: 10px;
margin-right: 10px;
}
.push_1, .pull_1, .push_2, .pull_2, .push_3, .pull_3, .push_4, .pull_4, .push_5, .pull_5, .push_6, .pull_6, .push_7, .pull_7, .push_8, .pull_8, .push_9, .pull_9, .push_10, .pull_10, .push_11, .pull_11, .push_12, .pull_12, .push_13, .pull_13, .push_14, .pull_14, .push_15, .pull_15 {
position: relative;
}
.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;
}
/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha {
margin-left: 0;
}
.omega {
margin-right: 0;
}
/* `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.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;
}
/* `Grid >> 16 Columns
----------------------------------------------------------------------------------------------------*/
.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;
}
/* `Prefix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/
.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;
}
/* `Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.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;
}
/* `Prefix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/
.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;
}
/* `Suffix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/
.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;
}
/* `Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.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;
}
/* `Suffix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/
.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;
}
/* `Push Space >> Global
----------------------------------------------------------------------------------------------------*/
.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;
}
/* `Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.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;
}
/* `Push Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/
.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;
}
/* `Pull Space >> Global
----------------------------------------------------------------------------------------------------*/
.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;
}
/* `Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.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;
}
/* `Pull Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/
.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 Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
.clearfix:before, .clearfix:after, .container_12:before, .container_12:after, .container_16:before, .container_16:after {
content: '.';
display: block;
overflow: hidden;
visibility: hidden;
font-size: 0;
line-height: 0;
width: 0;
height: 0;
}
.clearfix:after, .container_12:after, .container_16:after {
clear: both;
}
/*
The following zoom:1 rule is specifically for IE6 + IE7.
Move to separate stylesheet if invalid CSS is a problem.
*/
.clearfix, .container_12, .container_16 {
zoom: 1;
}

/* /templates/system/css/system.css ************************************/
/* OpenID icon style */
input.system-openid, input.com-system-openid {
background: url("../../openid.net/images/login-bg.gif") no-repeat;
background-color: #fff;
background-position: 0 50%;
color: #000;
padding-left: 18px;
}
/* Unpublished */
.system-unpublished {
background: #e8edf1;
border-top: 4px solid #c4d3df;
border-bottom: 4px solid #c4d3df;
}
/* System Messages */
#system-message    { margin-bottom: 10px; padding: 0;}
#system-message dt { font-weight: bold; }
#system-message dd { margin: 0; font-weight: bold; text-indent: 30px; }
#system-message dd ul { color: #0055BB; margin-bottom: 10px; list-style: none; padding: 10px; border-top: 3px solid #84A7DB; border-bottom: 3px solid #84A7DB;}
/* System Standard Messages */
#system-message dt.message { display: none; }
#system-message dd.message {  }
/* System Error Messages */
#system-message dt.error { display: none; }
#system-message dd.error ul { color: #c00; background-color: #E6C0C0; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B;}
/* System Notice Messages */
#system-message dt.notice { display: none; }
#system-message dd.notice ul { color: #c00; background: #EFE7B8; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E;}
/* Debug */
#system-debug     { color: #ccc; background-color: #fff; padding: 10px; margin: 10px; }
#system-debug div { font-size: 11px;}


/* /templates/system/css/general.css ************************************/
/* Form validation */
.invalid { border-color: #ff0000; }
label.invalid { color: #ff0000; }
/* Buttons */
#editor-xtd-buttons {
padding: 5px;
}
.button2-left, .button2-right, .button2-left div, .button2-right div {
float: left;
}
.button2-left a, .button2-right a, .button2-left span, .button2-right span {
display: block;
height: 22px;
float: left;
line-height: 22px;
font-size: 11px;
color: #666;
cursor: pointer;
}
.button2-left span, .button2-right span {
cursor: default;
color: #999;
}
.button2-left .page a, .button2-right .page a, .button2-left .page span, .button2-right .page span {
padding: 0 6px;
}
.page span {
color: #000;
font-weight: bold;
}
.button2-left a:hover, .button2-right a:hover {
text-decoration: none;
color: #0B55C4;
}
.button2-left a, .button2-left span {
padding: 0 24px 0 6px;
}
.button2-right a, .button2-right span {
padding: 0 6px 0 24px;
}
.button2-left {
background: url("../templates/system/images/j_button2_left.png") no-repeat;
float: left;
margin-left: 5px;
}
.button2-right {
background: url("../templates/system/images/j_button2_right.html") 100% 0 no-repeat;
float: left;
margin-left: 5px;
}
.button2-left .image {
background: url("../templates/system/images/j_button2_image.png") 100% 0 no-repeat;
}
.button2-left .readmore {
background: url("../templates/system/images/j_button2_readmore.png") 100% 0 no-repeat;
}
.button2-left .pagebreak {
background: url("../templates/system/images/j_button2_pagebreak.png") 100% 0 no-repeat;
}
.button2-left .blank {
background: url("../templates/system/images/j_button2_blank.png") 100% 0 no-repeat;
}
/* Tooltips */
div.tooltip {
float: left;
background: #ffc;
border: 1px solid #D4D5AA;
padding: 5px;
max-width: 200px;
z-index:13000;
}
div.tooltip h4 {
padding: 0;
margin: 0;
font-size: 95%;
font-weight: bold;
margin-top: -15px;
padding-top: 15px;
padding-bottom: 5px;
background: url("../templates/system/images/selector-arrow.png") no-repeat;
}
div.tooltip p {
font-size: 90%;
margin: 0;
}
/* Caption fixes */
.img_caption.left {
float: left;
margin-right: 1em;
}
.img_caption.right {
float: right;
margin-left: 1em;
}
.img_caption.left p {
clear: left;
text-align: center;
}
.img_caption.right p {
clear: right;
text-align: center;
}
.img_caption  {
text-align: center!important;
}
.img_caption.none {
margin-left:auto;
margin-right:auto;
}
.caption.left {
float: left;
margin-right: 1em;
}
.caption.right {
float: right;
margin-left: 1em;
}
.caption.left p {
clear: left;
text-align: center;
}
.caption.right p {
clear: right;
text-align: center;
}
.caption.none {
margin-left:auto;
margin-right:auto;
}
.caption  {
text-align: center!important;
}
/* Calendar */
a img.calendar {
width: 16px;
height: 16px;
margin-left: 3px;
background: url("../templates/system/images/calendar.png") no-repeat;
cursor: pointer;
vertical-align: middle;
}


/* /templates/system/css/editor.css ************************************/
body {
background: #fff;
font-family: Tahoma,Helvetica,Arial,sans-serif;
line-height: 1.3em;
font-size: 76%;
color: #333;
}
h1 {
font-family:Helvetica ,Arial,sans-serif;
font-size: 16px;
font-weight: bold;
color: #666;
}
h2 {
font-family: Arial, Helvetica,sans-serif;
font-size: 14px;;
font-weight: normal;
color: #333;
}
h3 {
font-weight: bold;
font-family: Helvetica,Arial,sans-serif;
font-size: 13px;
color: #135cae;
}
h4 {
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
color: #333;
}
a:link, a:visited {
color: #1B57B1; text-decoration: none;
font-weight: normal;
}
a:hover {
color: #00c;	text-decoration: underline;
font-weight: normal;
}
div.caption       { padding: 0 10px 0 10px; }
div.caption img   { border: 1px solid #CCC; }
div.caption p     { font-size: .90em; color: #666; text-align: center; }
/* STYLES FOR JOOMLA! EDITOR */
hr#system-readmore  { border: red dashed 1px; color: red; }
hr.system-pagebreak { border: gray dashed 1px; color: gray; }

/* /templates/wbv3/css/template.css ************************************/
/* @import url("//fonts.googleapis.com/css?family=Monda"); */
/* @import url("//fonts.googleapis.com/css?family=Cantarell"); */
body {
/* background:url("/templates/wbv3/images/background-ideas-001-D.png") no-repeat fixed center top #003366; */
/* background:url("/templates/wbv3/images/background-ideas-001-D.jpg") no-repeat fixed center top #003366; */
background:url("../templates/wbv3/images/bodybg-1920x1080.jpg") no-repeat fixed center top #003366;
font: 15px/21px Arial, Helvetica, sans-serif;
line-height:18px;
}
.container_12.docroot {
position:relative;
}
.clr {
clear:both;
}
.shadow {
-moz-box-shadow:    3px 3px 5px 6px #ccc;
-webkit-box-shadow: 3px 3px 5px 6px #ccc;
box-shadow:         3px 3px 5px 6px #ccc;
}
.hideOverflow {
position: relative;
width: 100%;
overflow: hidden;
}
#system-message {}
#system-message dd {}
#system-message dd ul {
margin:0;
padding:0;
position:fixed;
top:32px;
border:none;
width:960px;
z-index:100;
}
#system-message dd ul li {
margin:0 10px;
padding:10px;
text-align:center;
border:1px solid #F00;
background:#900;
background:url("../templates/wbv3/images/red-80.png");
color:#FFF;
}
#system-message dd ul li a {
font-weight:bold;
color:#FFA;
}


/* /templates/wbv3/css/editor.css ************************************/
#system-readmore {
margin:20px 0;
clear:both;
}
.headline {
margin:0 0 20px 0;
padding:0;
color: #333333;
font-family: Arial,Helvetica,sans-serif;
font-weight:normal;
font-size:18px;
}
.articleImg {
float:left;
margin:0 30px 30px 0;
-moz-box-shadow:    0px 2px 8px 2px #777;
-webkit-box-shadow: 0px 2px 8px 2px #777;
box-shadow:         0px 2px 8px 2px #777;
}
.articleTxt {
float:left;
width:430px;
padding:10px 0;
color:#333;
}
.readon, a.readon, .button, a.button {
-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5) );
background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');
background-color:#79bbff;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #84bbf3;
border:2px solid #CCCCCC;
display:inline-block;
color:#ffffff;
font-family: Arial,Helvetica,sans-serif;
font-size:15px;
font-weight:bold;
padding:6px 24px;
text-decoration:none;
text-shadow:0px 1px 0px #4080AA;
color:#FFF;
box-shadow:inset 0px 1px 0px 0px #bbdaf7;
/* box-shadow:0 2px 4px #999; */
}
.readon:hover, a.readon:hover, .button:hover, a.button:hover {
box-shadow:0 0 6px #069;
border:1px solid #FFF;
border:2px solid #FFF;
cursor:pointer;
}
.quoteBlock {
min-height:121px;
background:url("../templates/wbv3/images/quote-arrows.png") no-repeat 0 0;
padding:10px 20px 10px 90px;
margin:0 0 10px 0;
}
.quoteBlock p {
font-style:italic;
font-size:0.9rem;
padding:0;
margin:0;
}
ul.bullet {
list-style:none;
padding-left:0px;
}
ul.bullet > li {
background:url("../templates/wbv3/images/bullet.png") 0 5px no-repeat;
margin-left:10px;
padding:2px 0 3px 14px;
}


/* /templates/wbv3/css/components.css ************************************/
/* ------------------------------------------------ */
.com.open, .com.openclose, .com.close {
}
.com .clip {
position:absolute;
background:url("../templates/wbv3/images/paper_tag-generic.png") no-repeat 0 0;
width:70px;
height:54px;
top:30px;
left:-14px;
}
.com.open .box, .com.openclose .box, .com.middle .box, .com.close .box {
padding:30px 40px 30px 70px;
}
/* ------------------------------------------------ */
.com .box h1, .com .box h2, .com .box h3 {
font-family: Oswald,Arial,Helvetica,sans-serif;
font-weight: normal;
font-size: 18px;
color: #555555;
}
.com .box h2 {
font-size: 17px;
color: #135CAE;
}
.com .box h3 {
font-size: 16px;
color: #135CAE;
}
/* ------------------------------------------------ */
.com .box {
font-size:100%;
}
/* ------------------------------------------------ */
.com .box .articleImg {
float:right;
margin:0 0 30px 30px;
}
/* ------------------------------------------------ */
.com.openclose {
position:relative;
background:url("../templates/wbv3/images/gradient-white.png") repeat 0 0;
background:url("../templates/wbv3/images/modbg-top.png") repeat 0 0;
border-radius:10px;
margin-bottom:30px;
}
/* ------------------------------------------------ */
.com.open {
position:relative;
background:url("../templates/wbv3/images/gradient-white.png") repeat-x 0 0;
background:url("../templates/wbv3/images/modbg-top.png") repeat-x 0 0;
border-radius:10px 10px 0 0;
}
/* ------------------------------------------------ */
.com.middle {
position:relative;
background:url("../templates/wbv3/images/modbg-center.png") repeat-x 0 0;
}
/* ------------------------------------------------ */
.com.close {
position:relative;
background:url("../templates/wbv3/images/gradient-white.png") repeat-x 0 -40px;
background:url("../templates/wbv3/images/modbg-bottom.png") repeat-x 0 0;
border-radius:0 0 10px 10px;
margin-bottom:30px;
}
/* ------------------------------------------------ */
.com.noclip.open .box, .com.noclip.openclose .box, .com.noclip.middle .box, .com.noclip.close .box {
padding:30px 40px 30px 40px;
}
/* ------------------------------------------------ */
.com.article .clip, .com.service .clip, .com.product .clip {
width:448px;
height:76px;
top:10px;
left:-14px;
}
.com.article .box, .com.service .box, .com.product .box {
padding:30px 40px;
padding:60px 40px 30px 40px;
}
.com.article .box h1, .com.service .box h1, .com.product .box h1 {
visibility:hidden;
display:block;
height:70px;
height:40px;
padding:0;
margin:0;
}
/* ------------------------------------------------ */
.com.article.submit-rfp .clip {
background:url("../templates/wbv3/images/paper_tag-rfprequest-wide.png") no-repeat 0 0;
}
/* ------------------------------------------------ */
.com.service.web-design .clip {
background:url("../templates/wbv3/images/paper_tag-webdesignservices-wide.png") no-repeat 0 0;
}
.com.service.web-development .clip {
background:url("../templates/wbv3/images/paper_tag-webdevelopmentservices-wide.png") no-repeat 0 0;
}
.com.service.internet-marketing .clip {
background:url("../templates/wbv3/images/paper_tag-internetmarketingservices-wide.png") no-repeat 0 0;
}
/* ------------------------------------------------ */
.com.product.wbteampro .clip {
background:url("../templates/wbv3/images/paper_tag-wbteamproprojectmanagement-wide.png") no-repeat 0 0;
}
/* ------------------------------------------------ */
.com.product.webpackages .clip {
background:url("../templates/wbv3/images/paper_tag-websitepackages-wide.png") no-repeat 0 0;
}
/* ------------------------------------------------ */
.com.openclose.showtitle h2.title {
font-family: Oswald,Arial,Helvetica,sans-serif;
font-weight: normal;
font-size: 20px;
color: #333333;
padding:40px 40px 10px 40px
}
.com.openclose.showtitle .box {
padding-top:0px;
}
/* ------------------------------------------------ */
#com_formgimp * {
box-sizing: border-box;
}
#com_formgimp #mrktq form .field {
width: 95%;
margin: 0 0 20px 0;
padding: 0;
}
@media (max-width: 767px) {
#com_formgimp #mrktq form .field {
width: 95%;
margin: 0 auto 10px auto;
}
}
#com_formgimp #mrktq form .field.field-txtlbl {
padding: 20px 0;
}
#com_formgimp #mrktq form .field.field-txtlbl label {
text-align: center;
color: #90162F;
font-size: 28.8px;
font-weight: normal;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding: 0 0 20px 0;
width: 100%;
}
#com_formgimp #mrktq form .field.field-txtlbl span {
display: block;
text-align: center;
}
#com_formgimp #mrktq form .field.field-txtlbl span * {
text-align: center;
}
#com_formgimp #mrktq form .field.field-file > label, #com_formgimp #mrktq form .field.field-radio > label, #com_formgimp #mrktq form .field.field-checkbox > label {
float: none;
color: #90162F;
font-size: 17.6px;
font-weight: normal;
width: 100%;
max-width: 100%;
}
#com_formgimp #mrktq form .field.field-file.isvalid label, #com_formgimp #mrktq form .field.field-radio.isvalid label, #com_formgimp #mrktq form .field.field-checkbox.isvalid label, #com_formgimp #mrktq form .field.field-file.hasfocus label, #com_formgimp #mrktq form .field.field-radio.hasfocus label, #com_formgimp #mrktq form .field.field-checkbox.hasfocus label {
color: #e5e5e5;
}
#com_formgimp #mrktq form .field.field-select {
position: relative;
border: 1px solid #ccc;
padding: 30px 10px 10px 10px;
}
#com_formgimp #mrktq form .field.field-select label {
width: 100%;
z-index: 0;
display: inline-block;
position: absolute;
left: 10px;
top: 4px;
font-size: 16px;
transition: all 0.5s;
}
#com_formgimp #mrktq form .field.field-radio {
background: white;
border: 1px solid gray;
}
#com_formgimp #mrktq form .field.field-select select {
margin: 0;
width: 100%;
height: auto;
line-height: 32px;
padding: 0;
background: white;
border: 1px solid gray;
border-radius: 2px;
border: none;
position: relative;
z-index: 0;
}
#com_formgimp #mrktq form .field.field-text, #com_formgimp #mrktq form .field.field-textarea {
position: relative;
}
#com_formgimp #mrktq form .field.field-text label, #com_formgimp #mrktq form .field.field-textarea label {
width: 100%;
max-width: 100%;
z-index: 1;
display: inline-block;
position: absolute;
left: 10px;
top: 4px;
font-size: 16px;
transition: all 0.5s;
}
#com_formgimp #mrktq form .field.field-text input, #com_formgimp #mrktq form .field.field-textarea textarea {
width: 100%;
height: auto;
line-height: 24px;
padding: 30px 10px 10px 10px;
background: white;
border: 1px solid gray;
border-radius: 2px;
position: relative;
z-index: 0;
}
#com_formgimp #mrktq form .field.field-text textarea, #com_formgimp #mrktq form .field.field-textarea textarea {
min-height: 120px;
}
#com_formgimp #mrktq form .field.field-text.isvalid label, #com_formgimp #mrktq form .field.field-select.isvalid label, #com_formgimp #mrktq form .field.field-textarea.isvalid label, #com_formgimp #mrktq form .field.field-text.hasfocus label, #com_formgimp #mrktq form .field.field-select.hasfocus label, #com_formgimp #mrktq form .field.field-textarea.hasfocus label {
color: #e5e5e5;
}
#com_formgimp #mrktq form .field.field-radio, #com_formgimp #mrktq form .field.field-checkbox {
position: relative;
border: 1px solid #ccc;
padding: 10px;
}
#com_formgimp #mrktq form .field.field-radio .list {
float: none;
display: block;
}
#com_formgimp #mrktq form .field.field-radio dl, #com_formgimp #mrktq form .field.field-checkbox dl {
float: none;
margin: 0 auto;
text-align: left;
}
#com_formgimp #mrktq form .field.field-radio dl dt, #com_formgimp #mrktq form .field.field-checkbox dl dt {
float: none;
width: 49%;
display: inline-block;
position: relative;
text-align: left;
}
#com_formgimp #mrktq form .field.field-radio dl dt input, #com_formgimp #mrktq form .field.field-checkbox dl dt input {
vertical-align: top;
position: absolute;
left: 0;
top: 0;
height: 32px;
float: none;
height: 28px;
margin: 0 2%;
vertical-align: top;
}
#com_formgimp #mrktq form .field.field-radio dl dt span, #com_formgimp #mrktq form .field.field-checkbox dl dt span {
vertical-align: top;
display: inline-block;
line-height: 24px;
padding-left: 30px;
font-weight: normal;
display: inline-block;
float: none;
font-size: 14px;
line-height: 28px;
vertical-align: top;
}

/* /templates/wbv3/css/modules.css ************************************/
/* ------------------------------------------------ */
.mod.open, .mod.openclose, .mod.middle, .mod.close {
}
.mod .clip {
position:absolute;
background:url("../templates/wbv3/images/paper_tag-generic.png") no-repeat 0 0;
width:70px;
height:54px;
top:30px;
left:-14px;
z-index:10001;
}
.mod.open .box, .mod.openclose .box, .mod.middle .box, .mod.close .box {
padding:30px 40px 30px 70px;
}
/* ------------------------------------------------ */
.mod .box h1, .mod .box h2, .mod .box h3 {
font-family: Oswald,Arial,Helvetica,sans-serif;
font-weight: normal;
font-size: 18px;
color: #333333;
}
.mod .box h2 {
font-size: 17px;
}
.mod .box h3 {
font-size: 16px;
}
/* ------------------------------------------------ */
.mod.openclose {
position:relative;
background:url("../templates/wbv3/images/gradient-white.png") repeat-x 0 0;
background:url("../templates/wbv3/images/modbg-top.png") repeat-x 0 0;
border-radius:10px;
margin-bottom:30px;
}
/* ------------------------------------------------ */
.mod.open {
position:relative;
background:url("../templates/wbv3/images/gradient-white.png") repeat-x 0 0;
background:url("../templates/wbv3/images/modbg-top.png") repeat-x 0 0;
border-radius:10px 10px 0 0;
}
/* ------------------------------------------------ */
.mod.middle {
position:relative;
background:url("../templates/wbv3/images/modbg-center.png") repeat-x 0 0;
}
/* ------------------------------------------------ */
.mod.close {
position:relative;
background:url("../templates/wbv3/images/gradient-white.png") repeat-x 0 -40px;
background:url("../templates/wbv3/images/modbg-bottom.png") repeat-x 0 0;
border-radius:0 0 10px 10px;
margin-bottom:30px;
}
/* ------------------------------------------------ */
.mod.noclip.open .box, .mod.noclip.openclose .box, .mod.noclip.middle .box, .mod.noclip.close .box {
padding:30px 40px 30px 40px;
}
/* ------------------------------------------------ */
.mod .box .fbox.right {
float:right;
}
.mod .box .fbox.left {
float:right;
}
/* ------------------------------------------------ */
.mod.menu {
position:fixed;
top:0;left:0;
width:100%;
z-index:10000;
margin:0;
padding:0;
}
.mod.menu .box {
width:960px;
margin:0 auto;
}
.mod.menu .box ul {
position:relative;
width:940px;
margin:0 0 0 10px;
padding:0;
text-align:right;
}
.mod.menu .box ul li {
display:inline-block;
list-style:none;
margin:0px;
padding:0px;
height:32px;
}
.mod.menu .box ul li a {
color:#ffffff;
display:inline-block;
padding:0 16px;
font-size:14px;
line-height:32px;
}
.mod.menu .box ul li#current a, .mod.menu .box ul li a:hover {
text-decoration:none;
/* background:url("/templates/wbv3/images/black-80.png"); */
background:rgba(0,0,0,0.8);
}
.mod.menu.scroll .box ul {
/* background:url("/templates/wbv3/images/black-80.png"); */
background:rgba(0,0,0,0.8);
}
/* ------------------------------------------------ */
body.home .mod.menu .box ul li.home {
display:none;
}
/* ------------------------------------------------ */
.mod.menu .box ul li.facebook {
display:none;
position:absolute;
top:0px;
right:-32px;
background:url("../templates/wbv3/images/black-80.png");
}
.mod.menu .box ul li.facebook a {
border:none;
padding:0;
width:32px;
height:32px;
background:url("../templates/wbv3/images/menubtn-vertical.png") 0 0 no-repeat;
}
.mod.menu .box ul li.facebook a span {
visibility:hidden;
}
.mod.menu.scroll .box ul li.facebook {
display:block;
}
/* ------------------------------------------------ */
.mod.menu .box ul li.twitter {
display:none;
position:absolute;
top:32px;
right:-32px;
background:url("../templates/wbv3/images/black-80.png");
}
.mod.menu .box ul li.twitter a {
border:none;
padding:0;
width:32px;
height:32px;
background:url("../templates/wbv3/images/menubtn-vertical.png") 0 -32px no-repeat;
}
.mod.menu .box ul li.twitter a span {
visibility:hidden;
}
.mod.menu.scroll .box ul li.twitter {
display:block;
}
/* ------------------------------------------------ */
.mod.menu .box ul li.holodyn {
display:none;
position:absolute;
top:64px;
right:-32px;
background:url("../templates/wbv3/images/black-80.png");
}
.mod.menu .box ul li.holodyn a {
border:none;
padding:0;
width:32px;
height:32px;
background:url("../templates/wbv3/images/menubtn-vertical.png") 0 -64px no-repeat;
}
.mod.menu .box ul li.holodyn a span {
visibility:hidden;
}
.mod.menu.scroll .box ul li.holodyn {
display:block;
}
/* ------------------------------------------------ */
.mod.menu .box ul li.googleplus {
display:none;
position:absolute;
top:96px;
right:-32px;
background:url("../templates/wbv3/images/black-80.png");
}
.mod.menu .box ul li.googleplus a {
border:none;
padding:0;
width:32px;
height:32px;
background:url("../templates/wbv3/images/menubtn-vertical.png") 0 -96px no-repeat;
}
.mod.menu .box ul li.googleplus a span {
visibility:hidden;
}
.mod.menu.scroll .box ul li.googleplus {
display:block;
}
/* ------------------------------------------------ */
.mod.menu .box ul li.top {
display:none;
position:absolute;
top:128px;
right:-32px;
background:url("../templates/wbv3/images/black-80.png");
border-radius:0 0 4px 4px;
}
.mod.menu .box ul li.top a {
border:none;
padding:0;
width:32px;
height:32px;
background:url("../templates/wbv3/images/menubtn-top2.png") 0px 0px no-repeat;
}
.mod.menu .box ul li.top a span {
visibility:hidden;
}
.mod.menu.scroll .box ul li.top {
display:block;
}
/* ------------------------------------------------ */
.mod.logo .box {
padding:20px 0 0 0;
}
/* ------------------------------------------------ */
.mod.socialicons .box {
float:right;
padding:80px 0 0 0;
}
.mod.socialicons .box ul {
padding:0;
margin:0;
}
.mod.socialicons .box ul li {
vertical-align:top;
display:inline-block;
padding:0 4px;
margin:0;
}
.mod.socialicons .box ul li a {
display:block;
width:24px;
height:32px;
}
.mod.socialicons .box ul li a span {
visibility:hidden;
}
.mod.socialicons .box ul li.facebook a {
background:url("../templates/wbv3/images/social-icons-96x32.png") 0 6px no-repeat;
}
.mod.socialicons .box ul li.facebook a:hover {
background-position:0px 0px;
}
.mod.socialicons .box ul li.twitter a {
background:url("../templates/wbv3/images/social-icons-96x32.png") -24px 6px no-repeat;
}
.mod.socialicons .box ul li.twitter a:hover {
background-position:-24px 0px;
}
.mod.socialicons .box ul li.holodyn a {
background:url("../templates/wbv3/images/social-icons-96x32.png") -48px 6px no-repeat;
}
.mod.socialicons .box ul li.holodyn a:hover {
background-position:-48px 0px;
}
.mod.socialicons .box ul li.googleplus a {
background:url("../templates/wbv3/images/social-icons-96x32.png") -72px 6px no-repeat;
}
.mod.socialicons .box ul li.googleplus a:hover {
background-position:-72px 0px;
}
.mod.socialicons .box ul li.phonecall {
}
.mod.socialicons .box ul li.phonecall a {
width:auto;
padding-right:10px;
white-space:nowrap;
}
.mod.socialicons .box ul li.phonecall a span {
display:inline-block;
padding:9px 0 0 0;
visibility:visible;
font-size:18px;
color:#FFF;
font-family: Oswald,Arial,Helvetica,sans-serif;
}
/* ------------------------------------------------ */
.mod.googleplus .box {
display:block;
float:right;
padding:0px 50px 0 0;
width:100px;
height:20px;
position:relative;
top:-25px;
left:13px;
}
/* ------------------------------------------------ */
.mod.testimonial .clip {
background:url("../templates/wbv3/images/paper_tag-thumbsup.png") no-repeat 0 0;
}
/* ------------------------------------------------ */
.mod.service .box {
padding:30px 40px 30px 40px;
}
/* ------------------------------------------------ */
.mod.casestudies .clip {
background:url("../templates/wbv3/images/paper_tag-casestudies-star.png") no-repeat 0 0;
width:268px;
height:76px;
top:20px;
z-index:1000;
}
.mod.casestudies .box {
padding:24px 0 20px 20px;
}
.mod.casestudies .box p {
margin:0;padding:0;
}
/* ------------------------------------------------ */
.mod.about .clip {
background:url("../templates/wbv3/images/paper_tag-about_webuddha.png") no-repeat 0 0;
width:208px;
height:54px;
top:20px;
}
.mod.about .box {
padding:90px 40px 20px 40px;
}
.mod.about .fbox.right {
padding-left:20px;
}
/* ------------------------------------------------ */
.mod.contact .clip {
background:url("../templates/wbv3/images/paper_tag-contact_webuddha.png") no-repeat 0 0;
width:228px;
height:54px;
top:20px;
}
.mod.contact .box {
padding:90px 40px 20px 40px;
}
.mod.contact .box .btn.topright {
position:absolute;
right:20px;
top:10px;
}
.mod.contact .box .btn.topright img {
margin:0 5px;
}
/* ------------------------------------------------
.mod.mod_wbcontent .box {
padding:0;
}
.mod.mod_wbcontent .box .article {
position:relative;
clear:left;
background:url("/templates/wbv3/images/modbg-center.png") repeat-x 0 0;
}
.mod.mod_wbcontent .box .article.open {
background:url("/templates/wbv3/images/modbg-top.png") repeat-x 0 0;
border-radius:10px 10px 0 0;
}
.mod.mod_wbcontent .box .article.close {
background:url("/templates/wbv3/images/modbg-bottom.png") repeat-x 0 0;
border-radius:0 0 10px 10px;
margin-bottom:30px;
}
.mod.mod_wbcontent .box .article.openclose {
background:url("/templates/wbv3/images/modbg-top.png") repeat-x 0 0;
border-radius:10px;
margin-bottom:30px;
}
.mod.mod_wbcontent .box .article .itxt {
padding:30px 40px 10px 70px;
}
*/
/* ------------------------------------------------ */
.mod.mod_wbcontent .box {
padding:0;
}
.mod.mod_wbcontent .box article {
position:relative;
clear:left;
background:url("../templates/wbv3/images/modbg-center.png") repeat-x 0 0;
}
.mod.mod_wbcontent .box article .itxt {
padding:30px 40px;
}
.mod.mod_wbcontent .box article .readonwrap {
padding:10px 10px 20px 10px;
text-align:right;
}
.mod.mod_wbcontent .box article.open {
background:url("../templates/wbv3/images/modbg-top.png") repeat-x 0 0;
border-radius:10px 10px 0 0;
}
.mod.mod_wbcontent .box article.close {
background:url("../templates/wbv3/images/modbg-bottom.png") repeat-x 0 0;
border-radius:0 0 10px 10px;
margin-bottom:30px;
}
.mod.mod_wbcontent .box article.openclose {
background:url("../templates/wbv3/images/modbg-top.png") repeat-x 0 0;
border-radius:10px 10px 10px 10px;
margin-bottom:30px;
}
/* ------------------------------------------------ */
.mod.serviceblog .clip {
position:absolute;
background:url("../templates/wbv3/images/paper_tag-generic.png") no-repeat 0 0;
width:82px;
height:76px;
top:10px;
left:-14px;
}
.mod.serviceblog .box .article.web-design-services .clip, .mod.serviceblog .box .article.atlanta-web-design-services .clip {
background:url("../templates/wbv3/images/paper_tag-webdesignservices.png") no-repeat 0 0;
}
.mod.serviceblog .box .article.web-development-services .clip, .mod.serviceblog .box .article.atlanta-web-development-services .clip {
background:url("../templates/wbv3/images/paper_tag-webdevelopmentservices.png") no-repeat 0 0;
}
.mod.serviceblog .box .article.internet-marketing-services .clip, .mod.serviceblog .box .article.atlanta-internet-marketing-services .clip {
background:url("../templates/wbv3/images/paper_tag-internetmarketingservices.png") no-repeat 0 0;
}
/* ------------------------------------------------ */
.mod.productblog .clip {
display:none;
position:absolute;
background:url("../templates/wbv3/images/paper_tag-generic.png") no-repeat 0 0;
width:82px;
height:76px;
top:10px;
left:-14px;
}
/* ------------------------------------------------ */
body.item1 .mod.serviceblog .box article.open {
background:url("../templates/wbv3/images/modbg-center.png") repeat-x 0 0;
border-radius:0;
}
body.item1 .mod.serviceblog .box article.close {
background:url("../templates/wbv3/images/modbg-center.png") repeat-x 0 0;
border-radius:0;
margin-bottom:0;
}
/* ------------------------------------------------ */
.mod.portfolioblog .clip {
position:absolute;
background:url("../templates/wbv3/images/paper_tag-star.png") no-repeat 0 0;
width:82px;
height:76px;
top:30px;
left:-14px;
}
/* ------------------------------------------------ */
.mod.knowledgeblog .box article .clip {
display:none;
}
.mod.knowledgeblog .box article .title {
display:block;
font-family: Oswald,Arial,Helvetica,sans-serif;
font-weight: normal;
font-size: 18px;
color: #333333;
padding:40px 40px 0 40px;
}
.mod.knowledgeblog .box article .itxt {
padding:10px 40px 0 40px;
}
.mod.knowledgeblog .box article .readonwrap {
padding:0 40px 20px 0;
}
/* ------------------------------------------------ */
.lenseflares {
margin-left: auto;
margin-right: auto;
width: 960px;
position:relative;
}
.lenseflares .lensflare {
position:absolute;
}
.lenseflares .lensflare.flare01 {
background:url("../templates/wbv3/images/lense-flares.png") 0 0 no-repeat;
width:47px;
height:47px;
}
.lenseflares .lensflare.flare02 {
background:url("../templates/wbv3/images/lense-flares.png") 0 -47px no-repeat;
width:75px;
height:75px;
}
.lenseflares .lensflare.flare03 {
background:url("../templates/wbv3/images/lense-flares.png") 0 -122px no-repeat;
width:102px;
height:102px;
}
.lenseflares .lensflare.flare04 {
background:url("../templates/wbv3/images/lense-flares.png") 0 -224px no-repeat;
width:197px;
height:197px;
}
.lenseflares .lensflare.flare05 {
background:url("../templates/wbv3/images/lense-flares.png") 0 -421px no-repeat;
width:308px;
height:308px;
}
.lenseflares .lensflare.flare06 {
background:url("../templates/wbv3/images/lense-flares.png") -102px 0 no-repeat;
width:126px;
height:126px;
}
.lenseflares .lensflare.flare07 {
background:url("../templates/wbv3/images/lense-flares.png") -228px 0 no-repeat;
width:93px;
height:93px;
}
.lenseflares .lensflare.flare08 {
background:url("../templates/wbv3/images/lense-flares.png") -228px -122px no-repeat;
width:206px;
height:206px;
}
/* ------------------------------------------------ */
.mod.standards .clip {
background:url("../templates/wbv3/images/paper_tag-design_standards.png") no-repeat 0 0;
width:300px;
height:54px;
top:20px;
}
.mod.standards .box {
padding:20px 0 0 0;
}
.mod.standards .box p {
text-align:center;
display:block;
float:left;
width:25%;
}
.mod.standards .box p:first-child {
margin-left:50%;
}
/* ------------------------------------------------ */
.mod.partners.noclip .box {
padding:20px 0 0 0;
}
.mod.partners.noclip .box p {
text-align:center;
display:block;
float:left;
width:25%;
}
/* ------------------------------------------------ */
.mod.footermenu {
text-align:center;
}
.mod.footermenu ul {
margin:0;
padding:0;
list-style:none;
}
.mod.footermenu ul li {
display:inline;
padding:0 5px;
margin:0;
}
.mod.footermenu ul li a {
display:inline-block;
padding:3px 8px;
border-radius:4px;
background:rgba(0,0,0,0.5); /* url("/templates/wbv3/images/black-20.png"); */
text-decoration:none;
font-size:12px;
color:#DDD;
}
/* ------------------------------------------------ */
.mod.copyright {
padding:10px 0;
text-align:center;
font-size:11px;
color:#888;
}
/* ------------------------------------------------ */
.mod.papertabs {
}
.mod.papertabs ul {
position:relative;
z-index:2;
list-style:none;
display:block;
float:right;
padding:0 12px 0 0;
margin:0;
height:0;
}
.mod.papertabs ul li {
display:inline-block;
margin:-1px 0 0 0;
padding:0;
}
.mod.papertabs ul li a {
display:block;
height:35px;
width:120px;
background:url("../templates/wbv3/images/papertabs.png") 0 0 no-repeat;
}
.mod.papertabs ul li a strong {
display:block;
height:35px;
text-align:center;
display:none;
font-size:0.8rem;
}
.mod.papertabs ul li.web-design a {
background-position:0px 1px;
width:111px;
}
.mod.papertabs ul li.web-design a:hover {
background-position:0px -39px;
}
.mod.papertabs ul li.web-design.active a {
background-position:0px -78px;
}
.mod.papertabs ul li.web-development a {
background-position:-111px 1px;
width:161px;
}
.mod.papertabs ul li.web-development a:hover {
background-position:-111px -39px;
}
.mod.papertabs ul li.web-development.active a {
background-position:-110px -78px;
}
.mod.papertabs ul li.internet-marketing a {
background-position:-272px 1px;
width:161px;
}
.mod.papertabs ul li.internet-marketing a:hover {
background-position:-272px -39px;
}
.mod.papertabs ul li.internet-marketing.active a {
background-position:-272px -78px;
}
.mod.papertabs ul li.knowledgebase a {
background-position:-521px 1px;
width:141px;
}
.mod.papertabs ul li.knowledgebase a:hover {
background-position:-521px -39px;
}
.mod.papertabs ul li.knowledgebase.active a {
background-position:-521px -39px;
}
.mod.papertabs ul li.products a {
background-position:-750px 1px;
width:92px;
}
.mod.papertabs ul li.products a:hover {
background-position:-750px -39px;
}
.mod.papertabs ul li.products.active a {
background-position:-750px -39px;
}
/* ------------------------------------------------ */
.mod.servicecols .clip {
background:url("../templates/wbv3/images/paper_tag-ourservices.png") no-repeat 0 0;
width:300px;
height:54px;
top:20px;
}
.mod.servicecols .box {
padding:30px 40px 30px 40px;
}
.mod.servicecols .box ul {
list-style:none;
display:block;
padding:0;
margin:0;
}
.mod.servicecols .box ul li {
display:block;
float:left;
width:33%;
text-align:center;
padding:0 0 40px 0;
margin:0;
}
.mod.servicecols .box ul li img {
width:240px;
margin:0 0 20px 0;
box-shadow: 0 2px 8px 2px #777777;
border:none;
}
.mod.servicecols .box ul li a {
font-family: Oswald,Arial,Helvetica,sans-serif;
font-size:18px;
color: #555555;
}
.mod.servicecols .box ul li a:hover {
text-decoration:none;
color: #1B57B1;
}
.mod.servicecols .box ul li a strong {
font-weight:normal;
}


/* /components/com_formgimp/inc/default.css ************************************/
/* Core Styles
---------------------------------------------- */
.formGimp_wrap {
font-size:12px;
}
.formGimp_wrap fieldset {
padding:20px;
border-radius:10px;
border-width:2px;
}
.formGimp_wrap fieldset legend {
padding:5px;
font-size:1.4em;
}
.formGimp_wrap fieldset .field {
clear:left;
}
.formGimp_wrap fieldset .field label {
line-height:24px;
font-size:1.1em;
display:inline-block;
margin-right:6px;
max-width: 250px;
min-width: 145px;
}
.formGimp_wrap fieldset .field-text input {
padding:4px;
}
.formGimp_wrap fieldset .field-textarea textarea {
padding:4px;
}
.formGimp_wrap fieldset .field-select select {
padding:4px;
}
/* wbMooForm Styles
---------------------------------------------- */
.formGimp_wrap .isValid {
/* border:2px solid #00CC00; */
}
.formGimp_wrap .isInvalid {
border:2px solid #CC0000;
}
.formGimp_wrap .hasFocus {
border:2px solid #666666;
}
.formGimp_wrap .msgInvalid {
font-weight:bold;
color:#FF9999;
display:block;
padding:0 0 10px 0;
}
/* Tooltips
---------------------------------------------- */
.tool-tip {
float: left;
background: #ffc;
border: 1px solid #D4D5AA;
padding: 5px;
max-width: 200px;
z-index: 50;
}
.tool-title {
padding: 0;
margin: 0;
font-size: 12px;
font-weight: bold;
margin-top: -15px;
padding-top: 15px;
padding-bottom: 5px;
background: url("../components/com_formgimp/inc/selector-arrow.html") no-repeat;
}
.tool-text {
font-size: 11px;
margin: 0;
}


/* /components/com_formgimp/forms/contact.css ************************************/
.formGimp_wrap.contact {
}
.formGimp_wrap.contact fieldset {
padding:0px;
margin:0px;
border:none;
}
.formGimp_wrap.contact fieldset .content {
float:right;
width:400px;
}
.formGimp_wrap.contact fieldset .field {
clear:left;
padding:2px 0;
}
.formGimp_wrap.contact fieldset .field label {
float:left;
line-height:24px;
display:block;
width:120px;
}
.formGimp_wrap.contact fieldset .field-text input {
width:240px;
padding:3px;
font-size:14px;
font-family:"Trebuchet MS", Tahoma;
}
.formGimp_wrap.contact fieldset .field-textarea textarea {
width:400px;
height:120px;
padding:3px;
font-size:14px;
font-family:"Trebuchet MS", Tahoma;
}
.formGimp_wrap.contact fieldset .field-text input.default, .formGimp_wrap.contact fieldset .field-textarea textarea.default {
color:#999;
}
.formGimp_wrap.contact fieldset .field-captcha {
padding:8px;
}
.formGimp_wrap.contact fieldset .field-captcha p {
padding:8px 0;
margin:0px;
}
.formGimp_wrap.contact fieldset .field-captcha .imgcode {
position:relative;
height:90px;
width:420px;
}
.formGimp_wrap.contact fieldset .field-captcha .imgcode #security_img {
float:left;
border:2px solid #AAA;
}
.formGimp_wrap.contact fieldset .field-captcha .imgcode input.textbox {
float:left;
padding:3px;
font-size:16px;
font-family:"Trebuchet MS", Tahoma;
text-align:center;
margin:4px 0 0 4px;
}
.formGimp_wrap.contact fieldset .field-captcha .imgcode input.button {
margin:4px 0 0 10px;
padding:5px;
font-size:12px;
float:left;
}
.formGimp_wrap.contact fieldset .submit {
text-align:Center;
}

/* /modules/mod_wbquickmod/wbv3_spotlight/default.css ************************************/
.wbSpotLight {
position:relative;
height:470px;
}
.wbSpotLight ul.wbs_list {
display:none;
}
.wbSpotLight .wbs_view .wbs_limg {
position:absolute;
top:0;left:0;
width:960px;
height:380px;
background:url("../modules/mod_wbquickmod/wbv3_spotlight/webuddha_home_rotator.png") -30px -10px no-repeat;
}
.wbSpotLight .wbs_view .wbs_limg span {
position:absolute;
top:4px;left:4px;
display:block;
width:952px;
height:372px;
}
.wbSpotLight .wbs_view .wbs_info {
position:absolute;
top:52px;left:42px;
top:202px;left:42px;
width:390px;
height:240px;
/* background:url("/modules/mod_wbquickmod/wbv3_spotlight/webuddha_home_rotator.png") -30px -400px no-repeat; */
background:url("../modules/mod_wbquickmod/wbv3_spotlight/webuddha_home_rotator.png") -30px -793px no-repeat;
}
.wbSpotLight .wbs_view .wbs_info .infotxt {
position:absolute;
top:36px;left:54px;
width:300px;
height:150px;
overflow:hidden;
color: #555555;
font: 14px/18px Arial, Helvetica, sans-serif;
text-align:center;
}
.wbSpotLight .wbs_view .wbs_info .infotxt h4 {
color: #333333;
font: 18px/20px Oswald, Arial, Helvetica, sans-serif;
text-align:center;
margin:0 0 18px 0;
}
.wbSpotLight .wbs_view .wbs_read {
position:absolute;
top:350px;left:150px;
top:200px;left:150px;
}
.wbSpotLight .wbs_view .wbs_read a {
display:block;
width:110px;
height:40px;
background:url("../modules/mod_wbquickmod/wbv3_spotlight/webuddha_home_rotator.png") -440px -400px no-repeat;
text-decoration:none;
}
.wbSpotLight .wbs_view .wbs_read a b {
display:block;
font: 14px/18px Oswald, Arial, Helvetica, sans-serif;
text-align:center;
padding:10px 0 0 0;
}
.wbSpotLight .wbs_btns {
position:absolute;
top:320px;left:500px;
}
.wbSpotLight .wbs_btns a {
position:relative;
float:left;
display:block;
width:90px;
height:110px;
margin:0 0 0 20px;
background:url("../modules/mod_wbquickmod/wbv3_spotlight/webuddha_home_rotator.png") -530px -460px no-repeat;
}
.wbSpotLight .wbs_btns a span {
position:absolute;
top:16px;left:5px;
display:block;
width:80px;
height:80px;
background-position:-136px 0px;
background-repeat:no-repeat;
}
.wbSpotLight .wbs_btns a:hover, .wbSpotLight .wbs_btns a.active {
background:url("../modules/mod_wbquickmod/wbv3_spotlight/webuddha_home_rotator.png") -440px -460px no-repeat;
}
.wbSpotLight .wbs_btns a:hover span, .wbSpotLight .wbs_btns a.active span {
top:6px;left:5px;
}


/* /modules/mod_wbcontent/tmpl_wbv3_quotes/default.css ************************************/
/* ------------------------------------------------ */
.mod.testimonial.mod_wbcontent .box {
padding: 30px 0 30px 70px;
}
.mod.testimonial.mod_wbcontent .box .cr_wrap {
position:relative;
height:65px;
}
.mod.testimonial.mod_wbcontent .box .cr_wrap .row {
position:absolute;
width:840px;
}
.mod.testimonial.mod_wbcontent .box .cr_wrap .row .itxt p {
display:block;
line-height:18px;
min-height:18px;
padding:0;
margin:0;
}
.mod.testimonial.mod_wbcontent .box .cr_wrap .row .itxt p:nth-child(1) {
font-family: 'Fauna One', serif;
font-size:16px;
line-height: 24px;
height:48px;
overflow:hidden;
text-overflow:ellipsis;
}
.mod.testimonial.mod_wbcontent .box .cr_wrap .row p em {
float:right;
padding-top:5px;
font-size:14px;
}


/* /modules/mod_wbadvert_nivo/inc/nivoslider-wbadvert.css ************************************/
/*
* jQuery Nivo Slider v3.0.1
* http://nivo.dev7studios.com
*
* Copyright 2012, Dev7studios
* Free to use and abuse under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
*/
/* The Nivo Slider styles */
.nivoSlider {
position:relative;
width:100%;
height:auto;
overflow: hidden;
}
.nivoSlider img {
position:absolute;
top:0px;
left:0px;
}
.nivo-main-image {
display: block !important;
position: relative !important; 
width: 100% !important;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
border:0;
padding:0;
margin:0;
z-index:6;
display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
display:block;
position:absolute;
z-index:5;
height:100%;
top:0;
}
.nivo-box {
display:block;
position:absolute;
z-index:5;
overflow:hidden;
}
.nivo-box img { display:block; }
/* Caption styles */
.nivo-caption {
position:absolute;
left:0px;
bottom:0px;
background:#000;
color:#fff;
width:100%;
z-index:8;
padding: 5px 10px;
opacity: 0.8;
overflow: hidden;
display: none;
-moz-opacity: 0.8;
filter:alpha(opacity=8);
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
}
.nivo-caption p {
padding:5px;
margin:0;
}
.nivo-caption a {
display:inline !important;
}
.nivo-html-caption {
display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
position:absolute;
top:45%;
z-index:9;
cursor:pointer;
}
.nivo-prevNav {
left:0px;
}
.nivo-nextNav {
right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
text-align:center;
padding: 15px 0;
}
.nivo-controlNav a {
cursor:pointer;
}
.nivo-controlNav a.active {
font-weight:bold;
}

/* /modules/mod_wbadvert_nivo/inc/themes/webuddha/webuddha.css ************************************/
.wbadvert_nivo.theme-webuddha {
background:url("../modules/mod_wbadvert_nivo/inc/themes/webuddha/webuddha-theme-images.png") 0 0 no-repeat;
width:900px;
height:360px;
position:relative;
-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
box-shadow: 0px 1px 5px 0px #4a4a4a;
}
.wbadvert_nivo.theme-webuddha .nivoSlider {
position:absolute;
top:4px;
left:4px;
background:#fff url("../modules/mod_wbadvert_nivo/inc/themes/webuddha/loading.gif") no-repeat 50% 50%;
width:892px;
height:352px;
margin:0px;
}
.wbadvert_nivo.theme-webuddha .nivoSlider img {
position:absolute;
top:0px;
left:0px;
display:none;
}
.wbadvert_nivo.theme-webuddha .nivoSlider a {
border:0;
display:block;
}
.wbadvert_nivo.theme-webuddha .nivo-controlNav {
position:absolute;
right:8px;
bottom:10px;
padding:0px;
text-align: center;
z-index:1000;
}
.wbadvert_nivo.theme-webuddha .nivo-controlNav a {
display:inline-block;
width:25px;
height:25px;
background:url("../modules/mod_wbadvert_nivo/inc/themes/webuddha/webuddha-theme-images.png") -35px -421px no-repeat;
text-indent:-9999px;
border:0;
margin: 0 2px;
}
.wbadvert_nivo.theme-webuddha .nivo-controlNav a.active {
background-position:-4px -421px;
}
.wbadvert_nivo.theme-webuddha .nivo-directionNav a {
display:block;
width:30px;
height:30px;
background:url("../modules/mod_wbadvert_nivo/inc/themes/webuddha/arrows.png") no-repeat;
text-indent:-9999px;
border:0;
}
.wbadvert_nivo.theme-webuddha a.nivo-nextNav {
background-position:-30px 0;
right:15px;
}
.wbadvert_nivo.theme-webuddha a.nivo-prevNav {
left:15px;
}
.wbadvert_nivo.theme-webuddha .nivo-caption {
font-family: Helvetica, Arial, sans-serif;
font-size: 18px;
background:url("../modules/mod_wbadvert_nivo/inc/themes/webuddha/webuddha-theme-images.png") -4px -364px no-repeat;
padding:12px 10px 10px 10px;
color:#000;
opacity:1.0;
}
.wbadvert_nivo.theme-webuddha .nivo-caption a {
color:#fff;
border-bottom:1px dotted #fff;
}
.wbadvert_nivo.theme-webuddha .nivo-caption a:hover {
color:#fff;
}
.wbadvert_nivo.theme-webuddha .nivo-controlNav.nivo-thumbs-enabled {
width: 100%;
}
.wbadvert_nivo.theme-webuddha .nivo-controlNav.nivo-thumbs-enabled a {
width: auto;
height: auto;
background: none;
margin-bottom: 5px;
}
.wbadvert_nivo.theme-webuddha .nivo-controlNav.nivo-thumbs-enabled img {
display: block;
width: 120px;
height: auto;
}

