/* CSS Reset 
/*-----------------------------------------------------------------------------------*/

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; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ .none { display: none; } /* End Clearfix */

/* General Setup
/*-----------------------------------------------------------------------------------*/
html{ height:100%;}
body{font-family:Arial, Helvetica, sans-serif;padding:0;font-size:12px;margin:0 auto;color: #333333; background-color:#0c2136;}
.home{height:100%;}
.homeiphone{height:116.85%;}

body#page{height:auto;}
.clear{clear:both;}
a{ text-decoration:none;color:#8A50C1;}
span.tag{color:#8A50C1;}
span.subtitle_descr{ font-size:14px; color:#6f6f6f; padding:0 0 20px 0; font-family:Open Sans; font-weight:normal; line-height:20px; display:block;}
p{padding:0;margin:0px;text-align:left;line-height:20px;}
p.main_text{ padding:0 0 15px 0;}
.videocontainer{ max-width:96%; display: block; 
-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; background-color:#ececec; border:1px #d7d7d7 solid; padding:1.5%;}
a.call_button{ background:url(images/phone.png) no-repeat left; float:left; clear:both;
width:92%; display: block; text-align:center; font-family:Open Sans; font-size:22px; color:#000000;
-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; background-color:#ececec; border:1px #d7d7d7 solid; padding:4%;}

/* Headings
/*------------------------------------------*/
h1, h2, h3, h4, h5, h6{font-family:Open Sans;font-weight:normal; margin:0px;}
h1{ font-size:20px; padding:0 0 10px 0; }
h2{ font-size:18px; padding:20px 0 15px 0; clear:both;}
h3{ font-size:16px; padding:0 0 15px 0; clear:both;}
h4{ font-size:14px; padding:0 0 15px 0; clear:both;}

/* Lists
/*------------------------------------------*/
ul.lists{ padding:0 0 15px 0;}
ul.lists li{ border-bottom:1px #ddd solid; padding:12px; background:url(images/bullet.gif) no-repeat left;}

/* Blockquote
/*------------------------------------------*/
blockquote{padding:0 0 0 40px;margin:5px 0 15px 0;text-align:left;line-height:20px; background:url(images/quotes.png) no-repeat left top;}

/* Toggle
/*------------------------------------------*/
.toogle_wrap{border:1px #ddd solid;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; width:92%; padding:3% 4%; margin:5px 0 15px 0;}
.trigger{padding:0px;margin:0;background:url(images/toggle.gif) no-repeat right; background-position:100% -22px;}
.trigger a{color: #636363;text-decoration: none;display: block; padding:2px 0 2px 0;font-size:18px;font-family:Open Sans;font-weight:normal; }
.active {background-position:100% 0px; }
.trigger a:hover, .trigger a:hover:focus{color:#8A50C1;}
.toggle_container{overflow: hidden;padding:15px 0 0 0;clear: both;}

/* Tabs
/*------------------------------------------*/
ul.tabsmenu{ padding:5px 0 0 0; position:relative; bottom:-1px;}
ul.tabsmenu li a{ width:31.2%; float:left; padding:12px 0 12px 0; margin:0 2% 0 0;color:#000000;text-align:center; 
-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;-khtml-border-top-left-radius:5px;
-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;-khtml-border-top-right-radius:5px;
background: -moz-linear-gradient(top, #ececec 0%, #ffffff 100%);background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ececec), to(#ffffff));
border:1px #ddd solid; 
}
ul.tabsmenu li:last-child a{ float:right; margin:0 0 0 0;}
ul.tabsmenu li.active a{border-bottom-color:#fff; color:#8A50C1; font-weight:bold;
background: -moz-linear-gradient(top, #ddd 0%, #ffffff 100%);background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ddd), to(#ffffff));
}
.tabcontent{ padding:5% 4%; clear:both; border:1px #ddd solid; margin:0 0 15px 0;
-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;-khtml-border-bottom-left-radius:5px;
-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;-khtml-border-bottom-right-radius:5px;
}

/* Structure
/*------------------------------------------*/
#container{ width:640px; height:100%; margin:auto; position:relative;}
#pagecontainer{width:640px; height:auto; padding:5px 0 5px 0; margin:auto; background:url(images/pages_bg.jpg) no-repeat center top #4a2d70; position:relative;}
#main_panels{ width:100%; height:100%;}
.content{ width:86%; margin:2%; height:auto; background-color:#E1E1E1;
-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; padding:5%;
}
#header{ width:96%; height:auto; background-color:#000000; text-align:center; color:#FFFFFF; margin:0 2%; z-index:999; position:relative;}
.page_title{ float:left; width:56%; text-align:center; padding:5% 0 0 0; margin:1% 0 0 0; font-weight:bold;}
#footer{ width:96%; height:auto; background-color:#000000; text-align:center; color:#FFFFFF; margin:0 2%; z-index:999; position:relative;}

a.back_button{ float:left;color:#c5c5c5; font-weight:bold;}
a#menu_open{ float:right;color:#c5c5c5; font-weight:bold;}
a#menu_close{ float:right;color:#fff; font-weight:bold;display:none;}
a#top{ float:right; width:20%;padding:5% 0 5% 0; margin:1%; color:#c5c5c5; font-weight:bold;}

/* Colors
/*------------------------------------------*/
.black_gradient{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;
background: -moz-linear-gradient(top, #595959 0%, #000000 100%);background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#595959), to(#000000));
border-top:1px #6b6b6b solid;}
.black_button{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;width:20%;padding:5% 0 5% 0; margin:1%;
background: -moz-linear-gradient(top, #666666 0%, #2d2d2d 100%);background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#666666), to(#2d2d2d));
border-top:1px #919191 solid;}

/* Navigation
/*------------------------------------------*/
#bottom_nav{ position:absolute; bottom:0px; left:0px; background:url(images/nav_bg.png) repeat-x top;height:auto; width:640px; }
#pages_nav{ height:auto; width:100%; position:absolute; top:-200px; left:0px; z-index:888;}
.icons_nav .slides li a{ float:left; margin:0 0 7% 7%;padding:0 0 15% 0; font-size:15px; color:#FFFFFF; text-align:center; line-height:45px; width:15.2%;}

/* Content images
/*------------------------------------------*/
.content img.rounded{max-width:96%; display: block; 
-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; background-color:#ececec; border:1px #d7d7d7 solid; padding:1.5%;
}
.content img.rounded-half{max-width:92%; display: block; 
-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; background-color:#d1d1d1; border:1px #d7d7d7 solid; padding:4%;
}
.content img.shadow{max-width:100%; margin-bottom: 15px;}

/* Portfolio sections
/*------------------------------------------*/
ul.portfolio{ padding:10px 0 0 0;}
ul.portfolio li{ float:left; width:47%; padding:0;}
ul.portfolio li.right{float:right; width:47%; padding:0;}
ul.portfolio li span{ font-size:12px; color:#000; padding:0 0 5px 0; font-family:Open Sans; font-weight:normal; line-height:20px; display:block;}

ul.portfolio-third{ padding:10px 0 0 0;}
ul.portfolio-third li{ float:left; width:30%; padding:0 5% 0 0;}
ul.portfolio-third li.right{float:right; width:30%; padding:0;}
ul.portfolio-third li span{ font-size:11px; color:#000; padding:0 0 5px 0; font-family:Open Sans; font-weight:normal; line-height:20px; display:block;}

ul.album{ padding:10px 0 0 0;}
ul.album li{float: left;padding: 4px;width: 49%;}
ul.album li span{ font-size:12px; color:#000; padding:0 0 5px 0; font-family:Open Sans; font-weight:normal; line-height:20px; display:block;}


ul.social{ padding:5px 0 0 0;}
ul.social li{ float:left; width:21.2%; padding:0 5% 5% 0;}
ul.social li.right{float:right; width:21.2%; padding:0;}