html, body{
margin: 0;
padding: 0;
}
body{
background:#000;
}
a{
outline:none;
border:none;
text-decoration:none;
}
h1{
margin:0px;
padding:0px;
}
body.internal{
background:#555 url(../images/pattern.png) top left;
height: 100%;
position: absolute;
width: 100%;
z-index: 2;
}
.logo{
float:left;
display:block !important;
width:auto;
padding-left:20px;
}
.logo-internal{
float:left;
display:block !important;
width:144px;
padding-left:20px;
height:104px;
}
.logo-internal img{
border:none;
outline:none;
}
.logo-internal a{
border:none;
outline:none;
}
.logo img{
border:none;
outline:none;
}
.logo a{
border:none;
outline:none;
}
.tf_bg{
width:100%;
height:100%;
position:fixed;
top:0px;
left:0px;
}
.tf_bg img{
position:absolute;
top:0px; /*-482px; -(imgh/2 - wh/2) */
left:0px; /* calculate a negative value to center horizontally */
width:100%; /* windowwidth plus negative value of left */
/*height:1650px; /* windowheight plus negative value of top */
z-index: 1;
display:none;
}
.tf_pattern{
position:absolute;
width:100%;
height:100%;
background:transparent url(../images/pattern.png) repeat top left;
z-index:2;
}
.tf_content{
position:absolute;
bottom:50px;
left:50px;
z-index:10;
display:none;
}
.tf_content h2{
color:#fff;
font-size:4em;
padding:0;
margin:0;
font-family: 'Dancing Script', arial, serif;
text-shadow:1px 1px 2px #000;
}
.tf_content p{
color:#000;
padding:0;
margin:0;
background:rgba(255,255,255,0.8);
padding:30px 20px;
width:60%;
font-family: 'PT Sans Narrow', arial, serif;
font-size:1.1em;
line-height:25px;
-moz-box-shadow:1px 1px 5px #202020;
-webkit-box-shadow:1px 1px 5px #202020;
box-shadow:1px 1px 5px #202020;
border:4px solid #fff;
}
.tf_thumbs{
position:absolute;
z-index:12;
right:50px;
top:50%;
margin-top:-79px;
border:4px solid #fff;
-moz-box-shadow:1px 1px 5px #202020;
-webkit-box-shadow:1px 1px 5px #202020;
box-shadow:1px 1px 5px #202020;
-webkit-box-reflect:
below 5px
-webkit-gradient(
linear,
left top,
left bottom,
from(transparent),
color-stop(0.6, transparent),
to(rgb(18, 18, 18))
);
}
.tf_thumbs img{
display:block;
}
.tf_loading{
position:fixed;
top:50%;
left:50%;
margin:-30px 0px 0px -30px;
width:60px;
height:60px;
background:#fff url(../images/loader.gif) no-repeat center center;
z-index:999;
opacity:0.7;
}
.tf_next,
.tf_prev{
width:35px;
height:28px;
position:absolute;
top:50%;
right:320px;
z-index:100;
cursor:pointer;
background:transparent url(../images/nav.png) no-repeat top left;
opacity:0.8;
}
.tf_next{
background-position:0px -28px;
margin-top:80px;
}
.tf_prev{
background-position:0px 0px;
margin-top:-55px;
}
.tf_next:hover,
.tf_prev:hover{
opacity:0.9;
}
.tf_zoom,
.tf_fullscreen{
width:20px;
height:20px;
position:absolute;
top:6px;
right:6px;
cursor:pointer;
z-index:100;
opacity:0.6;
background:transparent url(../images/icons.png) no-repeat top left;
}
.tf_zoom{
background-position:0px -20px;
}
.tf_fullscreen{
background-position:0px 0px;
}
.tf_zoom:hover,
.tf_fullscreen:hover{
opacity:0.9;
}
.reference{
position:fixed;
bottom:0px;
right:0px;
background:#000;
height:23px;
text-align:right;
width:100%;
text-shadow:1px 1px 1px #000;
z-index:999;
opacity:0.8;
}
.reference-internal{
bottom:0px;
right:0px;
background:#000;
height:23px;
text-align:right;
width:960px;
padding:0px 20px;
z-index:999;
opacity:0.8;
margin:0px auto;
clear:both;
}
.reference-internal2{
float:left;
bottom:0px;
right:0px;
background:#000;
height:23px;
text-align:right;
width:960px;
padding:0px 20px;
z-index:999;
opacity:0.8;
}
.reference-internal2 a{
text-decoration:none;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding:0px 8px;
}
.reference-internal2 a:hover {
color:#FF0000;
background-color:#666666;
}
.description{
position:fixed;
background:rgba(255,255,255,0.7);
width:100%;
top:5px;
right:5px;
font-family:Calibri, Arial;
z-index:999;
padding:15px 0;
}
.description .header-ins{
float:left;
text-align:right;
text-shadow:none;
width:100%;
margin-bottom:5px;
}
.reference-internal a, .description span{
color:#000;
text-transform: uppercase;
margin-left:20px;
text-decoration:none;
font-family:Arial;
font-size:13px;
font-weight:bold;
}
.description-internal{
width:96%;
padding:0px 20px;
top:5px;
height:135px;
right:5px;
float:left;
font-family:Calibri, Arial;
z-index:999;
}
.description-internal2{
width:960px;
padding:0px 20px;
top:5px;
height:135px;
right:5px;
float:left;
font-family:Calibri, Arial;
z-index:999;
}
.description-internal .header-ins{
float:left;
text-align:right;
text-shadow:none;
width:100%;
margin-bottom:5px;
}
.reference a, .description-internal span{
color:#fff;
text-transform: uppercase;
margin-left:20px;
text-decoration:none;
font-family:Arial;
font-size:10px;
}
a.last{
float:left;
line-height:23px;
}
.reference a:hover{
}
.header-right{
float:right;
width:auto;
}
.header-right .menu-l{
background:url(../images/menu-l.png) no-repeat left;
width:7px;
height:35px;
float:left;
}
.header-right .menu-bg{
background:url(../images/menu-bg.png) repeat-x left;
height:35px;
float:left;
}
.header-right .menu-r{
background:url(../images/menu-r.png) no-repeat right;
width:7px;
height:35px;
float:left;
}
/*---------------------------------Internal Page-----------------------*/
.header-right-internal{
float:right;
width:570px;
margin-top:24px;
}
.header-right-internal .menu-l{
background:url(../images/menu-l.png) no-repeat left;
width:7px;
height:35px;
float:left;
}
.header-right-internal .menu-bg{
background:url(../images/menu-bg.png) repeat-x left;
height:35px;
float:left;
}
.header-right-internal .menu-r{
background:url(../images/menu-r.png) no-repeat right;
width:7px;
height:35px;
float:left;
}
#main{
background:#fff;
float:left;
width:960px;
padding:20px;
min-height:300px;
margin:0 auto;
}
#main2{
background:#fff;
float:left;
width:960px;
padding:20px;
min-height:500px;
margin:0 auto;
}
.main-content{
width:96%;
margin:10px auto;
font-family:calibri,Verdana,Arial;
text-align:left;
}
#main h1{
font-family:calibri,Verdana,Arial;
}
.transparent_class {
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
/* IE 5-7 */
filter: alpha(opacity=85);
/* Netscape */
-moz-opacity: 0.85;
/* Safari 1.x */
-khtml-opacity: 0.85;
/* Good browsers */
opacity: 0.85;
}
#container{
margin:0px auto;
width:960px;
}
ul.list1{
width:30%;
float:left;
padding-left:0px;
margin-top:20px;
}
ul.list1 li{
background:url(../images/bullet1.png) #dadada 2% 50% no-repeat;
padding:3px 20px;
border:1px solid #999;
display:block;
margin:2px 0px;
list-style:none;
}
ul.list1 li a{
display:block;
text-decoration:none;
color:#000;
outline:none;
border:none;
}
ul.list1 li:hover{
background:url(../images/bullet1-hover.png) #ccc 2% 50% no-repeat;
padding:3px 20px;
border:1px solid #999;
display:block;
margin:2px 0px;
list-style:none;
}
img.left-border{
border:4px solid #888;
opacity:1;
margin: 10px 15px 8px 0px;
padding:1px;
float:left;
}
.social-icons{
float:left;
width:100%;
text-align:center;
padding:10px 0px;
}
.social-icons img{
margin:0px 5px;
border:0;
}
.social-icons a{
border:0;
}
/*-----------------------------Internal Page-------------------------------*/
#globe_div {
width:640px;
float:right;
}
.title {
text-align:left;
background-image:url(../images/title_bg.gif);
height:34px;
width:936px;
background-repeat:no-repeat;
line-height:34px;
color:#FFFFFF;
padding:0px 0px 0px 10px;
font-size:20px;
}
#content_div {
float:left;
width:250px;
padding:50px 0px 0px 5px;
text-align:justify;
}
.contact_form {
background-image:url(images/contact_form_bg.png);
width:280px;
height:480px;
background-repeat:no-repeat;
float:right;
padding:0px 0px 0px 10px;
margin:138px 0px 0px 0px;
background-color:#333333;
color:#FFFFFF;
}
.address_form {
background-image:url(images/contact_form_bg.png);
width:280px;
height:480px;
background-repeat:no-repeat;
float:left;
padding:0px 0px 0px 10px;
margin:0px 16px 0px 0px;
background-color:#333333;
line-height:18px;
color:#FFFFFF;
}
.address_form a {
color:#F2f2f2;
}
.contact_form ul{
list-style:none;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
padding:0px;
margin:0px;
color:#FFFFFF;
float:right;
margin:0px 30px 0px 10px;
}
.contact_form_heading {
font-size:18px;
color:#FFFFFF;
padding:0px 0px 0px 4px;
vertical-align:top;
}
.contact_form ul li{
list-style:none;
float:left;
width:219px;
}
.contact_form_textfield {
background-image:url(images/contact_textfield_bg.png);
width:219px;
height:26px;
background-repeat:no-repeat;
border:0px;
margin:3px 3px;
}
.contact_form_textfield2 {
background-image:url(images/contact_textfield_bg2.png);
width:220px;
height:116px;
background-repeat:no-repeat;
border:0px;
margin:5px 3px;
}
.contact_submit_btn {
float:left;
margin:0px 0px 0px 50px;
}
#contact_address {
float:left;
width:300px;
height:300px;
padding:00px 0px 0px 30px;
font-size:20px;
}
.field1{
display:block;
float:left;
margin:3px 0px;
height:19px;
padding:0px;
vertical-align:middle;
width:78px;
}
.field2{
display:block;
float:left;
height:19px;
padding:0px;
margin:3px 0px;
vertical-align:middle;
width:124px;
}
.field3{
display:block;
float:left;
height:30px;
padding:0px;
margin:0px 0px;
vertical-align:middle;
width:auto;
}
.field5{
width:78px;
display:block;
float:left;
margin:3px 0px;
height:19px;
padding:0px;
vertical-align:middle;
}
.field2 input{
width:124px;
border:1px solid #00BC8E;
}
.field6 textarea{
display:block;
float:left;
margin:3px 0px;
width:124px;
height:30px;
border:1px solid #00BC8E;
}
#contact-form{
width:70%;
float:left;
display:block;
}
.field3{
display:block;
float:left;
margin:6px 0px;
height:19px;
padding:0px;
vertical-align:middle;
width:108px;
}
.field4{
display:block;
float:left;
padding:0px;
margin:6px 0px;
vertical-align:middle;
width:200px;
}
.field4 input{
width:180px;
border:1px solid #333333;
}
.field4 textArea{
width:200px;
height:55px;
border:1px solid #00BC8E;
}
.all_righht_reserved {
color:#FFFFFF;
}
.all_righht_reserved a {
color:#FFFFFF;
background-color:none;
}
.all_righht_reserved a:hover {
color:#FFFFFF;
background-color:#000000;
}
.clients-img img{
border:1px solid #ccc;
-moz-box-shadow: 3px 3px 4px #999; /* Firefox */
-webkit-box-shadow: 3px 3px 4px #999; /* Safari/Chrome */
box-shadow: 3px 3px 4px #999; /* Opera and other CSS3 supporting browsers */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";/* IE 8 */
: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');/* IE 5.5 - 7 */
}
.about_page_box {
float:left;
width:435px;
padding:0px;
margin:0px 24px 0px 0px;
}
.about_page_box_top{
float:left;
width:443px;
padding:0px;
margin:0px;
height:19px;
}
.about_page_box_bottom{
float:left;
width:443px;
padding:0px;
margin:0px;
height:19px;
}
.about_page_box_middle {
background-image:url(../images/about_page_box2.png);
width:411px;
font-size:14px;
float:left;
padding:0px 16px;
}
.about_page_internal_heading {
color:#252525;
font-size:20px;
font-weight:bold;
}
.box_page_box {
float:left;
width:913px;
padding:0px;
margin:0px 24px 20px 0px;
}
.box_middle_box {
background-image:url(../images/middle_bg.gif);
float:left;
width:880px;
font-size:14px;
float:left;
padding:0px 16px;
}
.box_middle_box img{
float:left;
padding:10px 0px 0px 0px;
}
.box_middle_box_inner {
background-image:url(../images/middle_bg.gif);
float:left;
width:470px;
font-size:14px;
text-align:justify;
}
.box_middle_box_inner2 {
background-image:url(../images/middle_bg.gif);
float:left;
width:281px;
padding:0px 12px 0px 0px;
font-size:14px;
text-align:justify;
}
.box_middle_box img {
float:right;
}
.list2{
float:left;
width:30%;
padding-left:20px;
}
.tf_content a {
color:red;
text-align:center;}
@media screen and (max-width: 640px){
.tf_thumbs{ display:none;}
.header-ins { display:none;}
.logo {
padding-left: 20px;
width: 100%;
}
.header-right{
float:left;
width:auto;
}
.tf_next, .tf_prev {
right:5%;}
}