html {
color:#000
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
margin:0;
padding:0;
}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset, img {
border:0;
}
address, caption, cite, code, dfn, em, strong, th, var, optgroup {
font-style:inherit;
font-weight:inherit;
}
del, ins {
text-decoration:none;
}
li {
list-style:none;
}
caption, th {
text-align:left;
}
h1, h2, h3, h4, h5, h6 {
font-size:100%;
font-weight:normal;
}
q:before, q:after {
content:'';
}
abbr, acronym {
border:0;
font-variant:normal;
}
sup {
vertical-align:baseline;
}
sub {
vertical-align:baseline;
}
legend {
color:#000;
}
cite, em, i {
font-style: italic;
}
blockquote {
border: 0 none;
color: #000000;
font-size: 14px;
font-style: italic;
font-weight: 400;
letter-spacing: 0;
margin: 0 3em;
}
input, button, textarea, select, optgroup, option {
font-family:inherit;
font-size:inherit;
font-style:inherit;
font-weight:inherit;
}
input, button, textarea, select {
font-size:100%;
}
input, textarea {
outline-style:none
}
img {
vertical-align:bottom
}
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
background:url(../images/header-bg.jpg) repeat-x left top;
color:#000000;
}
a {
outline-style:none
}
a:link, a:visited {
color:#dd1d45;
text-decoration:none
}
a:hover, a:active {
color:#dd1d45;
text-decoration:underline
}
strong, b {
font-weight:bold
}
.clear {
clear:both;
}
#page {
width:940px;
margin:0 auto
}
#header {
padding:19px 0px 0px 0px;
height:30px;
width:940px;
margin:0 auto
}
#header .nav {
padding:0px 0px 0px 9px;
width:940px;
overflow:hidden
}
#header .nav ul {
width:990px;
overflow:hidden
}
#header .nav ul li {
font-size:15px;
float:left
}
#header .nav ul li a:link, #header .nav ul li a:visited {
color:#ffffff;
text-decoration:none;
border-right:1px #fff solid;
padding:0px 17px 0px 17px;
}
#header .nav ul li.active a:link, #header .nav ul li.active a:visited, #header .nav ul li a:hover, #header .nav ul li a:active {
color:#dd1d45;
text-decoration:none
}
#banner-wrap {
background:url(../images/banner-home.png) no-repeat top center;
}
#banner {
width:940px;
height:254px;
position:relative;
z-index:0;
margin:0 auto
}
#banner #logos {
height:58px;
padding:19px 0px 0px 10px;
}
#banner #logo {
padding:19px 0px 0px 12px;
height:159px
}
#banner #social-links-front {
position:absolute;
z-index:1;
width:78px;
left:454px;
top:309px;
}
#banner #social-links {
position:absolute;
z-index:1;
width:78px;
left:296px;
top:87px;
height: 109px;
}
#banner #social-links img {
margin-bottom:7px
}
#banner #home-video {
padding-left:20px
}
#banner #tim-home {
width:484px;
height:527px;
position:absolute;
z-index:2;
top:11px;
right:-123px
}
#banner #tim-home1 {
width:393px;
height:343px;
position:absolute;
z-index:12;
top:2px;
right:-2px
}
#banner #tim-about {
position:absolute;
z-index:2;
bottom:0px;
right:-2px
}
#banner #tim-contact-box {
position:absolute;
z-index:2;
/*bottom:-1167px;*/
top:315px;
right:-87px;
width: 445px;
height: 340px;
}
.line
{
background:url(../images/border-gray.jpg) left bottom repeat-x;
padding-top:15px;
padding-bottom:16px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:normal;
}
.line em
{
color:#646567;
}
#banner #tim-about-new {
position:absolute;
z-index:2;
bottom:-82px;
right:-5px
}
#banner #tim-gallery {
position:absolute;
z-index:2;
bottom:-81px;
right:14px
}
#banner #tim-contact {
position:absolute;
z-index:2;
bottom:-81px;
right:14px
}
#banner #tim-corporate {
position:absolute;
z-index:2;
top:85px;
left:520px
}
#banner #tim-reviews {
position:absolute;
z-index:2;
bottom:0px;
right:11px
}
#banner #tim-video {
position:absolute;
z-index:2;
bottom:-176px;
right:8px
}
#banner #tim-contact {
position:absolute;
z-index:2;
top:-14px;
left:495px
}
.home #banner {
height:484px;
}
.home #banner-wrap {
background-image:url(../images/banner-home.png)
}
.container-wrap {
background:url(../images/container-bg.jpg) left top repeat-x;
border-top:#11b0ea 3px solid;
border-bottom:#080808 36px solid
}
.container {
width:940px;
padding-top:18px;
padding-bottom:25px;
overflow:hidden;
margin:0 auto
}
.container .leftcx {
width:560px;
float:left
}
.container .rightcx {
width:380px;
float:right
}
#content {
overflow:hidden
}
#content .alignleft {
margin-right: 24px;
margin-bottom: 12px;
float:left;
}
#content .alignright {
margin-left: 24px;
margin-bottom: 12px;
float:right;
}
#content h1 {
font-size:30px;
color:#af0038;
padding-bottom:10px
}
#content h1 a{
font-size:12px
}
#content h1 a:link,
#content h1 a:visited,
#content h1 a:hover,
#content h1 a:active{
color:#000000
}
#content p {
padding-bottom:20px
}
#contact-box {
width:330px;
}
#contact-box-corp {
width:330px;
}
.container .rightcx #contact-box {
padding-top:34px;
padding-bottom:35px;
padding-left:30px
}
#contact-form-wrap {
background-color:#4ab5d7;
padding:10px 10px 0px 10px;
width:310px;
height:330px
}
#contact-form-wrap p {
color:#fff;
font-size:18px;
padding-bottom:11px
}
#contact-form {
}
#contact-form h2 {
font-size:20px;
padding-bottom:15px;
color:#000000;
font-weight:bold
}
#contact-form ul {
padding:0px
}
#contact-form ul li {
padding-bottom:15px;
overflow:hidden;
list-style:none;
padding-left:0px
}
#contact-form ul li.bbar {
text-align:right
}
#contact-form ul li label {
width:145px;
display:block;
float:left;
font-size:17px;
font-family:Arial, Helvetica, sans-serif;
text-align:right;
padding-right:10px;
color:#1d1d1d
}
#contact-form ul li .txt {
border:0px;
color:#606060;
background-color:#ffffff;
padding:3px;
font-size:16px;
width:302px;
border-radius: 5px;
}
#contact-form textarea.txt {
height:60px;
overflow:hidden
}
#contact-result {
padding-top:20px;
display:none
}
#sending-msg {
background:url(../images/aiax-loading.gif) center 70px no-repeat;
height:200px;
display:none;
color:#000
}
#contact-ct {
width:820px
}
#contact-ct #contact-form h2 {
text-align:left
}
#clients {
position:relative;
z-index:0;
padding-left:15px;
height:0px
}
#sidevideo {
position:relative;
z-index:0;
padding-left:30px;
height:265px;
margin-top: 40px
}
#footer {
width:940px;
position:relative;
z-index:0;
margin:0 auto
}
#footer #footer-inner {
width:590px;
padding-bottom:25px
}
#footer .nav {
overflow:hidden;
padding-top:7px;
height:46px;
background:url(../images/border-gray.jpg) left bottom repeat-x
}
#footer .nav ul {
overflow:hidden;
width:600px;
}
#footer .nav ul li {
float:left;
padding-left:6px;
padding-right:6px;
font-size:12px;
border-right:#dddddd 1px solid;
height:31px;
line-height:31px
}
#footer .nav ul li.last {
border:0px;
padding-right:0px
}
#footer .nav ul li a:link, #footer .nav ul li a:visited {
color:#515151;
text-decoration:none
}
#footer .nav ul li a:hover, #footer .nav ul li a:active {
color:#dd1d45;
text-decoration:none
}
#footer #copyright {
background:url(../images/border-gray.jpg) left bottom repeat-x;
height:53px;
color:#828282;
font-size:16px;
line-height:53px;
font-family:Georgia, "Times New Roman", Times, serif
}
#footer #social-icons {
padding-left:5px;
padding-top:12px
}
#footer #social-icons img {
margin-right:6px
}
#footer #tim-splash {
width:301px;
height:189px;
position:absolute;
z-index:1;
top:0px;
right:-14px
}
#gallery{
width:940px;
overflow:hidden
}
#gallery .items-ct{
overflow:hidden;
width:960px
}
#gallery .items-ct .thumb{
width:160px;
height:160px;
float:left
}
#gallery .items-ct .thumb img{
width:140px;
height:140px;
border:#dbd5d1 1px solid
}
.video-col-ct{
overflow:hidden;
padding-bottom:10px
}
.video-col-ct .video-col-left{
float:left;
width:285px;
}
.video-col-ct .video-col-right{
float:right;
width:275px
}
#reviews{}
#reviews div{
background:url(../images/border-gray.jpg) left bottom repeat-x;
padding-top:15px;
padding-bottom:16px;
overflow:hidden
}
#reviews div p{
padding-left:94px;
font-style:italic
}
#reviews div span em{
color:#646567
}
#reviews div img{
border:#d8d8d6 1px solid;
float:left
}
#reviews div.last{
background:none
}
.honeypot {
display: none;
}
#time {
display: none;
}
.mymenut{
display:none;
}
#content img{
max-width:100%;
height:auto;
}
#tim-contact-box{
float:right;
margin-top: 40px;
margin-right: 28px;
}
#back-top{
display:none !important;
}
@media (max-width:1024px){
#header, .home #banner, .container, #footer, #header .nav, #header .nav ul, #banner, #gallery, #gallery .items-ct{
width:100%;
max-width: 950px;
}
.home #banner{
overflow:hidden;
}
#header .nav ul li a:link{
padding: 0px 15px 0px 15px !important;
}
#gallery .items-ct .thumb{
width: 155px;
}
#banner #tim-corporate.contectttt{
left: 524px;
width: 450px;
overflow: hidden;
}
}
@media (max-width:770px){
#header, .home #banner, .container, #footer, #header .nav, #header .nav ul{
overflow: hidden;
}
#banner #tim-about-new{
right:0;
}
.mymenut {
display: block;
width: 36px;
margin-top: -8px;
cursor:pointer;
}
.mymenut img{
width:100%;
height:auto;
}
.mymenut img:after{
content:"Menu";
color:#fff;
}
ul.newmenu{
display:none;
background-color:#333;
position: absolute;
width: 100%;
left: 0;
z-index: 99999;
}
#header .nav ul li{
display: block;
width: 31.33%;
margin: 0px;
float: left;
padding: 1%;
}
#header .nav ul li a:link, #header .nav ul li a:visited{
margin:0px;
padding:0px;
width:100%;
border:0px;
}
.container .leftcx{
width:98%;
margin:auto;
float:none;
}
.container .rightcx{
width:98%;
margin:auto;
float:none;
}
.container .rightcx #contact-box{
max-width:310px;
margin:auto;
float:none;
padding:0px;
}
#contact-form-wrap{
height:auto;
max-width:310px;
}
#clients{
height:auto;
margin:0px;
padding:0px;
text-align:center;
}
#footer #footer-inner, #footer .nav ul{
width:100%;
padding:0px;
margin:0px;
}
#footer .nav{
position: relative;
z-index: 99999;
background-color: #fff;
}
#footer #footer-inner p{
position: relative;
z-index: 99999;
background-color: #fff;
margin-top:10px;
}
#footer #copyright{
position: relative;
z-index: 99999;
background-color: #fff;
text-align:center;
height: auto;
line-height: 30px;
padding-bottom: 8px;
}
#footer #social-icons{
position: relative;
z-index: 99999;
background-color: #fff;
text-align:center;
margin:0px;
padding:0px;
margin-bottom:10px;
margin-top:10px;
}
#footer #tim-splash{
display:none;
}
#footer .nav ul{
text-align:center;
}
#footer .nav ul li{
float: none;
display: inline-block;
padding: 0px;
margin: 0px;
margin-right: -5px;
padding-left:10px;
padding-right:10px;
}
#banner #tim-gallery{
right:0;
}
#gallery .items-ct .thumb{
margin: 12px;
}
#banner #tim-reviews{
width: 385px;
}
#banner #tim-reviews img{
width:100%;
height:auto;
}
.video-col-ct .video-col-left{
width:100%;
}
.video-col-ct .video-col-left iframe{
width:100%;
}
#banner #tim-home1{
position: absolute;
z-index: 12;
bottom: 0;
right: 0;
width: 256px;
height: auto;
top: 14px;
}
#banner #tim-home1 img{
width:100%;
height:auto;
}
#content iframe{
width:100%;
height: 350px;
margin-bottom: 20px;
}
#sidevideo{
margin:0px;
padding:0px;
width:100%;
height:auto;
text-align:center;
}
#sidevideo img{
max-width:100%;
height:auto;
}
#banner #tim-corporate{
left: 425px;
}
#banner #tim-corporate.contectttt{
left: 435px;
width: 333px;
overflow: hidden;
}
#footer #footer-inner p#back-top{
display:block !important;
width:50px;
height:50px;
position:absolute;
bottom:20px;
right:20px;
z-index: 9999999;
}
#footer #footer-inner p#back-top img{
width:100%;
height:auto;
}
}
@media (max-width:736px){
#footer .nav{
height:auto;
}
#banner #tim-home{
display:none;
}
#banner #tim-about-new{
display:none;
}
#banner{
height:auto;
}
#banner #tim-gallery{
display:none;
}
#banner #tim-reviews{
display:none;
}
#banner #tim-home1{
display:none;
}
#banner #tim-corporate{
display:none;
}
}
@media (max-width:543px){
#banner #logos{
margin:0px;
padding:1%;
}
#banner #logos img:first-child{
width: 15%;
}
#banner #logos img:last-child{
width: 80%;
}
}
@media (max-width:414px){
#banner #logos, #banner #logo {
height: auto;
padding: 10px;
text-align: center;
}
#banner #logos img, #banner #logo img{
max-width:100%;
height:auto;
}
#banner #home-video{
margin:0px;
padding:0px;
width:100%;
}
.home #banner{
height:auto;
}
.container .rightcx #contact-box{
width:100%;
max-width:100%;
}
#contact-form-wrap {
width: 94%;
max-width: 100%;
padding: 3%;
}
#contact-form ul li .txt{
border-radius:0px;
padding:2%;
width:96%;
}
#home-video iframe{
width:100%;
}
#clients img{
width:100%;
height:auto;
}
#header .nav ul li{
width:100%;
margin:0px;
padding:0px;
padding-bottom: 10px;
padding-top: 10px;
}
#banner #social-links{
display:none;
}
#contact-box{
width:100%;
}
}
@media (max-width:320px){
#gallery .items-ct .thumb{
margin:0px;
padding:0px;
width:50%;
height:auto;
}
#gallery .items-ct .thumb img{
margin:0px;
padding:0px;
width:100%;
height:auto;
}
}