@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
p {
color:#494949;
font:13px/135% Arial,Sans-Serif;
line-height:20px;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
/*//////// END RESET /////////*/
body {
padding:0;
margin:0;
background:#dfdbd0;
}
#wrapper{
width:962px;
overflow:hidden;
margin:0 auto;
}
#header{
width:962px;
height:67px;
}
.left{float:left;}
.right{float:right;}
.logo{padding:8px;}
/*////////////////top sub navigation////////////////*/
.serv_nav {
float:right;
}
.serv_nav ul {
list-style-type: none;
font: normal 12px Trebuchet, Trebuchet MS, Arial, Sans-Serif;
}
.serv_nav li {
float: left;
}
.serv_nav a {
width: 105px;
height: 28px;
padding:6px 0 0 0;
display: block;
text-align: center;
text-decoration: none;
color: #333;
}
.serv_nav a:hover {
color: #3a9ccb;
}
.serv_nav a:active {
color: #333;
}
.serv_nav li#active a {
background: url(../images/serv_nav_active.gif) no-repeat left top;
}
.serv_nav li#active a:hover {
color:#6f6f6f;
}
/*/////////////////////////*/
#banner{
width:962px;
}
/*///////////////////////////////////*/
/*//////////////////////////////////////// FOOTER //////////////////////////////////////// */
#section_footer {
margin-top:15px;
clear:both;
background:#bab4a2 url(../images/bg_footer.gif) repeat-x top left;
}
#footer_content_wrap {
width:958px;
margin: 0px auto;
font: 12px normal Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif;
color:#5c574b;
padding-top:20px;
}
#footer_content_wrap ul {
list-style:none;
margin-bottom:10px;
line-height:160%;
}
#footer_content_wrap li {
list-style:none;
}
#footer_content_wrap h5 {
color:#3c382d;
font-weight:bold;
font-size:12px;
}
#footer_content_wrap a {
color:#5c574b;
text-decoration:none;
}
#footer_content_wrap a:hover {
color:#2b2a27;
text-decoration:none;
}
#footer_content_left {
float:left;
width:320px;
}
/*/// Left column content ///*/
#footer_logos {
width:320px;
vertical-align:top;
padding-bottom:16px;
}
#footer_logos img {
vertical-align:middle;
}
#footer_logos_crestron {
margin:0 18px;
}
#footer_manufacturers {
width:160px;
float:left;
}
#footer_partners {
width:160px;
float:right;
}
/*/// END Left column content ///*/
#footer_content_right {
float:right;
width:638px;
background: url(/images/website/page_home/bg_footer_div_v.gif) no-repeat center left;
margin-bottom:12px;
}
/*/// Right column content ///*/
#footer_group_left {
float:left;
width:399px;
}
#footer_group_right {
float:right;
width:239px;
}
#footer_group_left_colleft {
padding-left:45px;
width:160px;
float:left;
}
#footer_group_left_colright {
width:159px;
float:right;
}
#footer_group_right_colleft {
width:130px;
float:left;
}
#footer_group_right_colright {
width:109px;
float:right;
}
/*/// END Right column content ///*/
/*/// Bottom Copyright/Links ///*/
#footer_bottom {
clear:both;
background: url(media/images/bg_footer_div.gif) repeat-x top left;
font: 12px normal Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif;
color:#5c574b;
padding-top:10px;
}
#footer_bottom img {
border-right:4px solid #bab4a2;
vertical-align:text-bottom;
}
#footer_bottom a {
color:#66604c;
text-decoration:none;
}
#footer_bottom a:hover {
color:#2b2a27;
text-decoration:none;
}
.footerdivider {
color:#9f9885;
text-decoration:none;
}
#footer_bottom_wrap {
width:958px;
margin: 0px auto;
}
#footer_copyright {
float:left;
width:650px;
}
#footer_links {
float:right;
width:300px;
text-align:right;
}
/*/// END Bottom Copyright/Links ///*/
/*/// Bottom Copyright/Links ALT ALT ALT ///*/
.footerdivider_alt {
color:#9f9885;
text-decoration:none;
}
#footer_bottom_alt {
clear:both;
height:80px;
font: 12px normal Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif;
color:#5c574b;
padding-top:26px;
}
#footer_bottom_alt img {
border-left:5px solid #aba492;
vertical-align:text-bottom;
}
#footer_bottom_alt a {
color:#66604c;
text-decoration:none;
}
#footer_bottom_alt a:hover {
color:#2b2a27;
text-decoration:none;
}
.footerdivider_alt {
color:#9f9885;
text-decoration:none;
}
#footer_bottom_wrap_alt {
width:958px;
margin: 0px auto;
}
#footer_copyright_alt {
float:left;
width:650px;
}
#footer_links_alt {
float:right;
width:300px;
text-align:right;
}
/*/// END Bottom Copyright/Links ALT ALT ALT ///*/
/*//////////////////////////////////////// END FOOTER //////////////////////////////////////// */
.clear {
clear:both;
height:1px;
font-size:1px;
}
.top_nav{
margin-top:50px;
margin-right:10px;
}
.top{
margin-top:10px;
}
/*/////////////////HEADINGS////////////////*/
h1 {
color: #0066cc;
text-transform: uppercase;
font-family: "Trebuchet MS", "Arial", sans-serif;
font-size: 26px;
font-weight: bold;
margin-bottom: 15px;
}
h2 {
font-family: "Trebuchet MS";
font-size: 19px;
color:#000;
padding:10px 0;
background:url(../images/h_seprator.jpg) no-repeat bottom left;
}
h3 {
color:#333;
font: bold 17px Arial, Sans-Serif;
line-height:135%;
}
/*/////////////////services bOXES////////////////*/
#box{
width:318px;
height:150px;
float:left;
display:block;
margin-top:10px;
padding-top:130px;
}
#box p {
color:#494949;
font:13px/135% Arial,Sans-Serif;
margin:8px 0 0 0;
line-height:20px;
width:300px;
text-align:justify;
}
.appdesign{
background:url(../images/interface_builder.jpg) no-repeat center top;}
.appdev{background:url(../images/development.jpg) no-repeat center top;}
.webapp{background:url(../images/webapps.jpg) no-repeat center top;}
#appbox{
width:480px;
height:150px;
float:left;
display:block;
margin-top:10px;
}
#appbox h3{
float:right;
text-align:left;
width:330px;
}
#appbox .icon{
width:100px;
display:block;
padding:10px 20px;
float:left;
}
#appbox p {
float:right;
color:#494949;
font:13px/135% Arial,Sans-Serif;
margin:8px 0 0 0;
line-height:20px;
width:310px;
text-align:justify;
padding-right:20px;
}
.availebappstore{
float:left;
margin-top:6px;
}
#slides{z-index:100;}
.slides_container{width:962px; height:525px; overflow:hidden;}
.pagination{position:absolute; left:50%; display:block; margin:-40px 0px 0px -50px; width:100px; z-index:210;}
.pagination li{float:left; margin:0 1px;}
.pagination li a{display:block; width:21px; height:0; padding-top:18px; background-image:url(../images/pagination.png); background-position:0 0; float:left; overflow:hidden;}
.pagination li.current a{background-position:0 -18px;}