
PK 
@charset "utf-8";
.mcontent {
width: 100%;
float: left;
height: auto;
}
.mcontent p {
font-size: 12px;
color: #333;
text-align: justify;
padding: 10px;
margin: 0px;
line-height: 22px;
}
.mcontent h2 {
font-size: 16px;
margin: 0px;
color: #666;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 10px;
}
.mcontent .left {
float: left;
width: 100%;
}
.block-content {
width: 100%;
float: left;
height: auto;
}
.block-content p {
font-size: 12px;
color: #333;
text-align: justify;
padding: 10px;
margin: 0px;
line-height: 22px;
}
.block-content h2 {
font-size: 16px;
margin: 0px;
color: #1F61B7;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 10px;
}
.block-content .left {
float: left;
width: 100%;
}
.block-content .left ul li {
font-size: 12px;
color: #333;
padding-bottom: 10px;
list-style-type: disc;
line-height: 23px;
}
.block-content .left h4 {
font-size: 15px;
color: #4B4B4B;
margin: 0px;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 10px;
font-weight: normal;
}
.img-right {
float: right;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 20px;
}
.img-left {
float: left;
margin-top: 10px;
margin-bottom: 10px;
margin-right: 20px;
}
.three_column{
list-style-type:none;
padding:0px;
margin-top: 30px;
margin-right: 0px;
margin-bottom: 20px;
margin-left: 0px;
float: left;
position: relative;
}
.three_column li{
list-style-type:none;
width:200px;
float:left;
margin-left: 20px;
height: 165px;
background-image: url(../images/shadow.png);
background-repeat: no-repeat;
background-position: bottom;
position: relative;
}
.three_column li a span {
position: absolute;
z-index: 100;
left: 0px;
text-align: center;
bottom: 20px;
width: 200px;
padding-top: 2px;
padding-bottom: 2px;
background-image: url(../images/caption-bg.png);
background-repeat: repeat;
color: #FFF;
text-decoration: none;
font-size: 15px;
}
.three_column.home li .imgborder {
background-image: url(../images/shadow.png);
background-repeat: no-repeat;
background-position: center bottom;
}
.three_column.home li a .imgborder {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
.three_column.home .last a .imgborder {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
.quickinfo {
float: left;
height: auto;
width: 100%;
margin-bottom: 20px;
}
/***************************************************
FILTERABLE PORTFOLIO
***************************************************/
#filterable {
display: inline;
float: right;
width: 500px;
}
#filterable li {
float: left;
margin-left: 15px;
list-style-type: none;
}
#filterable li a {
background:#FFF;
border:1pt solid #ebebeb;
display: block;
color: #aaa;
padding:2px 5px;
text-decoration: none;
text-align: center;
width: 100%;
height: auto;
margin-top:2px;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
list-style-type: none;
}
#filterable li a:hover{
border:1pt solid #d7d7d7;
}
#filterable li.current a {
color: #FFF;
border:1pt solid #2265C0;
background-color: #2061BB;
list-style-type: none;
}
#filterable li h3{
float: left;
margin: 0px;
padding: 0px;
width: 100px;
}
#filterable .first h3 {
width: 100px;
font-size: 20px;
font-weight: normal;
}
.filter {
width: 100%;
float: left;
}
.one-fifth {
width:160px;
margin-right: 5px;
margin-left: 5px;
}
.portfolio-details-nav{float:right;width:100%;margin-bottom:15px;}
a.portfolio-item-preview {
display:block;
background:url(../images/bg-fade.png) no-repeat center center;
z-index:9999;
}
#portfolio-prev,#portfolio-next {
width:20px;
height:20px;
display:block;
float:right;
margin-right:5px;
text-indent:-999px;
}
#portfolio-prev{
background:url(../images/slider_portfolio_arrows.png) left no-repeat;
z-index:100;
margin:4px 0px 0 0px;
}
#portfolio-next{
background:url(../images/slider_portfolio_arrows.png) right no-repeat;
z-index:110;
margin:5px 0px 0 0px;
}
#portfolio-prev:hover,#portfolio-next:hover {
opacity:0.8;
}
#portfolio {
width: 680px;
float: left;
}
#portfolio #columns ul li p {
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
}
.portfolio-container ul li a.hide {
display: none;
}
.portfolio-container {
padding: 0px;
display: block;
width: 680px;
float: left;
height:auto;
margin: 0px;
}
.portfolio-container ul {
list-style-type: none;
margin: 0px;
padding-left: 0px;
padding-top:10px;
}
.portfolio-container ul li{
float: left;
}
.popup-portfolio ul li{
-webkit-transition: all 0.15s ease;
-moz-transition: all 0.15s ease;
-o-transition: all 0.15s ease;
-ms-transition: all 0.15s ease;
transition: all 0.15s ease;
}
.portfolio-img{}
.bordered-img {
border:5px solid #f8f8f8;
}
.our-photos{
margin-right:10px;
margin-bottom:5px;
margin-top:5px;
background-color:#FFF;
border:1px solid #ebebeb !important;
padding:9px;
-webkit-box-shadow:
inset 0 0 25px #fafafa;
-moz-box-shadow:
inset 0 0 25px #fafafa;
box-shadow:
inset 0 0 25px #fafafa;
}
.pretty-box{
display:block;
padding:4px;
border:1pt solid #f5f5f5;
background: #ffffff;
}
.pretty-box:hover {
background: #FFFF;
}
.mcontent .testimonials {
width: 100%;
height: auto;
margin-top: 20px;
}
/* TESTIMONIALS */
.ts-thinkbox-list{
list-style-type:none;
padding:0;
font-size: 13px;
width: 650px;
float: right;
margin: 0;
}
.ts-thinkbox-list li{clear:both; margin-bottom:40px;}
.ts-thinkbox-thumb{float:left;}
.ts-thinkbox-quote{
font-style:italic;
background-image:url(../images/quote.png);
background-repeat:no-repeat;
margin-left:130px;
margin-right: 20px;
padding-top: 10px;
padding-right: 0;
padding-left: 40px;
color: #333;
}
.ts-thinkbox-name{
color:#8C8C8C;
font-size: 14px;
font-style: normal;
font-weight: normal;
}
.ts-thinkbox-2 .ts-thinkbox-quote{
margin-left:0;
color: #333;
font-weight: normal;
font-size: 12px;
line-height: 23px;
text-align: justify;
}
#tbl_video tr td {
font-size: 13px;
font-weight: normal;
color: #666;
}
/* --------------------------- */
/* CONTACT
/* --------------------------- */
.contact-map {
margin-bottom: 30px;
}
#contact-form {
width: 550px;
margin-right: auto;
margin-left: auto;
margin-top: 20px;
}
.contact-map iframe {
border: 5px solid #fefefe;
-webkit-box-shadow: 1px 1px 1px rgba(1, 1, 2, 0.3);
-moz-box-shadow: 1px 1px 1px rgba(1, 1, 2, 0.3);
box-shadow: 1px 1px 1px rgba(1, 1, 2, 0.3);
text-align: center;
}
.contact-map small {
text-align: center;
}
.contact-map small a {
color: #14396D;
text-decoration: none;
}
/*-------------------------------------------------------*/
/*------------------03 - FORM STYLE------------------*/
/*-------------------------------------------------------*/
label {
font-weight:normal;
display:block;
color:#7f7f7f;
font-size: 13px;
}
fieldset {
font-size: 12px;
color: #666;
}
input[type=text],input[type=password],input.text,input.title,textarea, select {
background-color:#FFF;
border:1px solid #ebebeb;
font-size:11px;
}
input[type=text]:focus,input[type=password]:focus,input.text:focus,input.title:focus,textarea:focus, select:focus {
border-color:#898989;
-moz-box-shadow: 0 0px 3px #cccccc;
-webkit-box-shadow: 0 0px 3px #cccccc;
box-shadow: 0 0px 3px #cccccc;
}
input[type=text],input[type=password],input.text,input.title,textarea,select {
margin:5px 0;
}
input.text,input.title, select {
width:300px;
padding-top: 8px;
padding-right: 5px;
padding-bottom: 8px;
padding-left: 5px;
}
input.title {
font-size:1.5em;
}
textarea {
width:450px;
height:100px;
padding-top: 10px;
padding-right: 5px;
padding-bottom: 10px;
padding-left: 5px;
}
form.inline {
line-height:3;
}
form.inline p {
margin-bottom:0;
}
.intro-header{
height:40px;
padding:20px 0 10px 0;
}
.required {
color:#ed1c24;color:#e64135;
}
.required {
color:#ed1c24;
}
.error{color:#e64135;text-align:right;font-size:11px;}
.success{color:#acd373;text-align:right;font-size:11px;}
.simple-error,.simple-alert,.simple-notice,.simple-success,.simple-info {
padding:0.8em;
margin-bottom:1em;
border:1px solid #ddd;
}
.simple-error,.simple-alert {
background:#fbe3e4;
border-color:#fbc2c4;
color:#e64135;
}
.simple-notice {
background:#fff6bf;
color:#514721;
border-color:#ffd324;
}
.simple-success {
background:#e6efc2;
color:#264409;
border-color:#c6d880;
}
.simple-info {
background:#d5edf8;
color:#205791;
border-color:#92cae4;
}
.simple-error a,.simple-alert a {
color:#8a1f11;
float: left;
}
.simple-notice a {
color:#514721;
}
.simple-success a {
color:#264409;
}
.simple-info a {
color:#205791;
}#contact-form fieldset {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
.cs-left {
height: auto;
width: 100%;
float: left;
}
.cs-left ul li {
color: #333;
font-size: 12px;
}
.cs-left ul li a {
text-decoration: none;
color: #164688;
}
#doc {
float: left;
width: 100%;
}
#doc .doc-profile {
background-color: #999;
float: left;
height: auto;
width: 100%;
margin-top: 10px;
background-image: url(../images/bg.jpg);
background-repeat: repeat-x;
background-position: top;
}
#doc .doc-profile img {
float: left;
}
#doc h3 {
font-size: 15px;
padding-left: 10px;
margin: 0px;
padding-top: 0px;
padding-bottom: 0px;
color: #666;
display: block;
line-height: 20px;
text-align: right;
padding-right: 10px;
}
#doc span {
font-size: 12px;
color: #15488A;
padding-left: 10px;
font-style: italic;
padding-top: 5px;
margin-top: 5px;
text-align: right;
display: block;
padding-right: 10px;
}
.doc-spec {
float: right;
height: auto;
width: 480px;
margin-top: 10px;
}
.doc-spec h4 {
padding-left: 10px;
margin: 0px;
padding-bottom: 5px;
color: #FFF;
padding-top: 5px;
}
.doc-spec ul {
margin-top: 5px;
margin-left: 0px;
padding-left: 20px;
margin-bottom: 5px;
}
.doc-spec ul li {
font-size: 12px;
color: #FFF;
padding-bottom: 5px;
list-style-type: circle;
font-weight: normal;
}
.doc-spec ul li {
font-style: normal;
color: #FFF;
}
.doc-spec ul li span {
color: #FFF;
text-decoration: none;
}
#tbl-bio {
border-top-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #CCC;
border-bottom-color: #CCC;
border-left-color: #CCC;
width: 500px;
margin-top: 10px;
margin-bottom: 10px;
}
#tbl-bio tr td {
font-size: 12px;
padding: 5px;
color: #333;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #CCC;
text-align: left;
}
.doc-spec p {
font-size: 12px;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 10px;
color: #FFF;
}
#doc .bio {
float: left;
height: auto;
width: 100%;
}
#doc .bio h3 {
padding-top: 20px;
text-align: left;
}
.one-half #usage h4 {
font-size: 15px;
color: #333;
}
.one-half {
width:600px;
float: left;
}
.tab {
float: left;
clear: both;
border-top: none;
border-left: none;
padding: 25px 20px 20px;
width:auto;
background-color: #F9F9F9;
}
.menu { padding: 0; clear: both; }
.menu li { display: inline; }
.menu li a {
background: #bf0101;
background: -moz-linear-gradient(top, #bf0101 0%, #aa0701 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bf0101), color-stop(100%,#aa0701));
background: -webkit-linear-gradient(top, #bf0101 0%,#aa0701 100%);
background: -o-linear-gradient(top, #bf0101 0%,#aa0701 100%);
background: -ms-linear-gradient(top, #bf0101 0%,#aa0701 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf0101', endColorstr='#aa0701',GradientType=0 );
padding:5px 10px;
float:left;
border-right: 1px solid #f5f5f5;
border-bottom: none;
text-decoration: none;
color: #FFF;
font-weight: normal;
border-radius: 4px 4px 0px 0px;
-webkit-border-top-right-radius: 4px;
-webkit-border-top-left-radius: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-topleft: 4px;
font-size: 12px;
background-image: url(../images/bg.jpg);
background-repeat: repeat-x;
background-position: top;
}
.menu li.active a { background:#f5f5f5;color:#333; }
.doc-profile-img {
margin-top: 30px;
}
.services {
float: left;
width: 100%;
}
.services ul li {
list-style-type: none;
font-size: 13px;
width: 250px;
background-color: #E2E2E2;
float: left;
margin: 10px;
padding-top: 9px;
padding-bottom: 10px;
background: #fefefe;
background: -moz-linear-gradient(top, #fefefe 0%, #fafafa 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#fafafa));
background: -webkit-linear-gradient(top, #fefefe 0%,#fafafa 100%);
background: -o-linear-gradient(top, #fefefe 0%,#fafafa 100%);
background: -ms-linear-gradient(top, #fefefe 0%,#fafafa 100%);
background: linear-gradient(top, #fefefe 0%,#fafafa 100%);
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.services ul li a {
text-decoration: none;
color: #575757;
padding: 10px;
}
.services ul li a:hover {
text-decoration: none;
color: #000;
padding: 10px;
border-left-width: 2px;
border-left-style: solid;
border-left-color: #DADADA;
width: 250px;
}
.services .lservices {
float: left;
width: 320px;
}
.rservices h5 {
font-size: 14px;
color: #123261;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 10px;
font-weight: normal;
}
.rservices p span {
color: #154381;
}
.lservices p span {
color: #154381;
}
.lservices h5 {
font-size: 14px;
color: #123261;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 10px;
font-weight: normal;
}
.services .head {
font-size: 15px;
padding-left: 10px;
color: #333;
}
.rservices p {
text-align: left;
}
.services .rservices {
float: right;
width: 350px;
}
/* --------------------------- */
/* ACCORDIONS AND TOGGLE
/* --------------------------- */
p,dl{font-size:1.2em;line-height:170%;margin-bottom:20px}
dl,dt,dd{padding:0;margin:0}
.faqs{
padding-top:20px;
width: 650px;
float: left;
margin-left: 20px;
}
.faqs dt{
position:relative;
font-size: 15px;
background-image: url(../images/q.jpg);
background-repeat: no-repeat;
background-position: 0 7px;
padding-right: 0;
padding-bottom: 5px;
padding-left: 30px;
color: #333;
padding-top: 0px;
}
.faqs dt:hover{cursor:pointer}
.faqs dd{
position:relative;
color:#333;
font-size: 12px;
background-image: url(../images/a.jpg);
background-repeat: no-repeat;
background-position: 0 2px;
line-height: 20px;
margin-bottom: 20px;
padding-top: 0;
padding-right: 0;
padding-bottom: 5px;
padding-left: 30px;
text-align: justify;
margin-top: 0px;
}
.faqs .hover{color:#990000;text-decoration:underline}
#tbl-case {
float: left;
width: 650px;
border: 1px solid #CCC;
margin-left: 10px;
margin-top: 10px;
}
#tbl-case tr td {
border-right-width: 1px;
border-right-style: solid;
border-right-color: #CCC;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCC;
}


PK 99