*{margin:0; padding:0; line-height:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#333; list-style:none}
img{border:none}
html, body {height: 100%;}
body{background:#547aa7 url('../images/bg.jpg') repeat-x center top}
#container{width:1000px; margin:auto; position:relative; height:100%;   min-height: 100%; height: auto}
#body{width:1000px; margin:auto 0px; padding-bottom:60px}
html>body #container {height: auto;}


#header{width:1000px}
#header-left{width:11px; height:68px; background:url('../images/header_back_left.png') no-repeat; float:left; display:inline}
#header-right{width:8px; height:68px; background:url('../images/header_back_right.png') no-repeat;  float:left}
#header-center{width:981px; height:68px; background:url('../images/header_back_center.png') repeat-x;  float:left}
.clear{clear:both}
#logo{width:216px; height:50px; margin-top:8px; margin-left:8px; float:left}

#menu{width:56px; min-height:100px; background: url('../images/menu_back.png'); }
#menu-top{width:56px; height:26px; background:url('../images/menu_header.png') no-repeat; text-align:center; color:#333; line-height:26px}
#menu ul{list-style-type:none; }
#menu li{height:39px; padding-top:5px; text-align:center; }
#menu-bottom{width:58px; height:8px; background:url('../images/menu_bottom.png') no-repeat}

#site-body-top{width:664px; height:16px; background:url('../images/site_body_top.png') no-repeat}
#site-body-top-wide{width:918px; height:16px; background:url('../images/site_body_top_wide.png') no-repeat}

#site-body-center{width:664px; min-height:400px; background:url('../images/site_body_center.png') repeat-y;}
#site-body-center-wide{width:918px; min-height:400px; background:url('../images/site_body_center_wide.png') repeat-y;}

#site-body-center p{padding:0px 20px; font-weight:normal; line-height:22px;}

#site-body-bottom{width:664px; height:32px; background:url('../images/site_body_bottom.png') no-repeat}
#site-body-bottom-wide{width:918px; height:32px; background:url('../images/site_body_bottom_wide.png') no-repeat}

#site-left{width:60px; float:left; display:inline}
#site-center{width:680px; margin:0px 10px 0px 30px;  min-height:500px; float:left}
#site-center-wide{width:909px; margin:0px 10px 0px 20px;  min-height:500px; float:left}
#site-right{width:220px; float:left;  min-height:500px}

#featured-works-header{width:219px; height:26px; background:url('../images/featured_works_header.png') no-repeat; color:#333; line-height:26px; padding-left:20px}
#featured-works-body{width:219px; min-height:370px; background:url('../images/menu_back.png')}
.featured-work{width:186px; margin-left:20px; padding-top:10px; clear:left}
.featured-work-image{float:left; padding:4px 20px 4px 0px; width:59px; height:48px}
.featured-work-link{color:#d6eafb; font-weight:bold}
.featured-work-text{color:#e4eefd}
.featured-work-divider{margin:20px 0px 10px 0px; background:url('../images/featured_works_divider.png') no-repeat; width:178px; height:2px; margin-left:20px}
#footer{height:43px; width:100%; clear:both; bottom:0; background:transparent url('../images/bottom.png') no-repeat center bottom; color:#FFF; position:absolute}
#footer p{text-align:right; padding-right:20px; color:#e4eefd}

h2.title{margin:0; padding:0 0 10px 20px; font-size:14px}

ul#works-list {padding-left:24px; padding-top:10px; list-style:none}
#works-list li{line-height:24px}
#works-list li a{text-decoration:none; color:#e4eefd; padding-left:14px; background:url('../images/arrow.gif') no-repeat left}
#works-list li a:hover{text-decoration:underline}

#top-menu{float:right; margin-right:10px; text-align:right}
.top-menu {position: relative;height: 26px; background: none;padding: 15px;margin: 0;overflow: hidden;}
.top-menu li {float: left;list-style: none;}
.top-menu li.back {background: url("../images/lava.png") no-repeat right -26px;width: 9px; height: 30px;z-index: 8;position: absolute;}
.top-menu li.back .left {background: url("../images/lava.png") no-repeat top left;height: 26px; margin-right: 5px; /* 7px is the width of the rounded shape */}
.top-menu li a {text-decoration: none;outline: none;text-align: center; top: 2px; z-index: 10;display: block;float: left;height: 26px;position: relative;overflow: hidden;margin: auto 10px;}
.top-menu li a:hover, .lavaLampWithImage li a:active, .lavaLampWithImage li a:visited {color: #fff;}
.top-menu li a:current{color:#FFF}

/* TipTip CSS - Version 1.2 */

#tiptip_holder {display: none;position: absolute;top: 0;left: 0;z-index: 99999;}
#tiptip_holder.tip_top {padding-bottom: 5px;}
#tiptip_holder.tip_bottom {padding-top: 5px;}
#tiptip_holder.tip_right {padding-left: 5px;}
#tiptip_holder.tip_left {padding-right: 5px;}
#tiptip_content 
{
	font-size: 11px;color: #fff;text-shadow: 0 0 2px #000;padding: 4px 8px;border: 1px solid rgba(255,255,255,0.25);background-color: rgb(25,25,25);
	background-color: rgba(25,25,25,0.92);background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));border-radius: 3px;
	-webkit-border-radius: 3px; -moz-border-radius: 3px;box-shadow: 0 0 3px #555;-webkit-box-shadow: 0 0 3px #555;-moz-box-shadow: 0 0 3px #555;
}

#tiptip_arrow, #tiptip_arrow_inner {position: absolute; border: solid 6px transparent; height: 0;width: 0;}
#tiptip_holder.tip_top #tiptip_arrow {border-top-color: #fff;border-top-color: rgba(255,255,255,0.35);}
#tiptip_holder.tip_bottom #tiptip_arrow {border-bottom-color: #fff;border-bottom-color: rgba(255,255,255,0.35);}
#tiptip_holder.tip_right #tiptip_arrow {border-right-color: #fff;border-right-color: rgba(255,255,255,0.35);}
#tiptip_holder.tip_left #tiptip_arrow {border-left-color: #fff;border-left-color: rgba(255,255,255,0.35);}
#tiptip_holder.tip_top #tiptip_arrow_inner {margin-top: -7px;margin-left: -6px;border-top-color: rgb(25,25,25);border-top-color: rgba(25,25,25,0.92);}
#tiptip_holder.tip_bottom #tiptip_arrow_inner {margin-top: -5px;margin-left: -6px;border-bottom-color: rgb(25,25,25);border-bottom-color: rgba(25,25,25,0.92);}
#tiptip_holder.tip_right #tiptip_arrow_inner {margin-top: -6px;margin-left: -5px;border-right-color: rgb(25,25,25);border-right-color: rgba(25,25,25,0.92);}
#tiptip_holder.tip_left #tiptip_arrow_inner {margin-top: -6px;margin-left: -7px;border-left-color: rgb(25,25,25);border-left-color: rgba(25,25,25,0.92);}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) 
{	
#tiptip_content {padding: 4px 8px 5px 8px;background-color: rgba(45,45,45,0.88);}
#tiptip_holder.tip_bottom #tiptip_arrow_inner { border-bottom-color: rgba(45,45,45,0.88);}
#tiptip_holder.tip_top #tiptip_arrow_inner { border-top-color: rgba(20,20,20,0.92);}
}

.zitem {width:140px;height:140px;	border:4px solid #BAC7BE;	margin:30px 0px 0px 30px;overflow:hidden;position:relative;float:left;}
.zitem .caption {width:140x;height:30px;background:#000;color:#fff;font-weight:bold;position:absolute;bottom:-1px; left:0;display:none;filter:alpha(opacity=70); -moz-opacity:0.7;-khtml-opacity: 0.7; opacity: 0.7;}
.zitem .caption a {text-decoration:none;color:#fff;padding:5px;display:block;}
.zitem img {border:0;position:absolute;}

#home-text{margin-top:20px}

/* *************** SLIDER **************** */
#slider-content{position:relative; width:580px; margin:auto}
#slider ul, #slider li{margin:0;padding:0;list-style:none;}
#slider li{ width:580px;height:550px;overflow:hidden; }	
#prevBtn, #nextBtn,#slider1next, #slider1prev{ display:block;width:32px;height:32px;position:absolute;left:-30px;top:241px;z-index:1000;}	
#nextBtn, #slider1next{ left:570px;}														
#prevBtn a, #nextBtn a,#slider1next a, #slider1prev a{  display:block;position:relative;width:32px;height:32px;background:url(../images/arrow_left.png) no-repeat 0 0;	}	
#nextBtn a, #slider1next a{ background:url(../images/arrow_right.png) no-repeat 0 0}	
/* *************************************** */

/* *************** CONTACTS FORM **************** */
#contact{margin:50px 0px 0px 20px; border:none;}
#contact p{margin:0px;padding:0px;}
#contact input, #contact textarea{border:1px solid #809ab8;padding:6px;background-color:#EEE;}
#contact input {width:260px;background-color: #EEE;outline:none}
#contact input:focus, #contact textarea:focus {border:1px solid #DDD;}
#contact textarea:focus {}
#contact label {color:#3e3e3e;padding:10px 0 3px 0;display:block;}
#contact label.error {display:inline;float:left; margin-right:4px}
#contact textarea {width:300px;height:140px;overflow:auto;}
#contact button:hover {color:#FFF;}
#contact #button {background: url(../images/submit-button.png) no-repeat 0% 0%;border:0 none;color:#e4eefd;float:right;display:block;width:65px; height:26px; line-height:26px; text-align:center; margin-top:12px;cursor:pointer;outline:none; text-transform:uppercase; text-shadow: #333 1px 1px 0px}
/* *********************************************** */

/* ---------------------------- MESSAGES FOR VARIOUS EVENTS --------------------------------- */
.info, .successes, .warning, .errors, .validation {border: 1px solid; width:580px; padding:5px 0px 5px 40px;background-repeat: no-repeat;background-position: 10px center;font-weight:bold; text-shadow:none}
.info {color: #026da5;background-color: #ddeafa; border-color:#a3d8fd; background-image: url('../images/messages/info.png');}
.successes{color: #FFF;background-color: #35a502; border-color:#FFF; background-image:url('../images/messages/success.png');}
.warning {color: #fd6002;background-color: #fbf0b3; border-color:#fbbb95;background-image: url('../images/messages/warn.png');}
.errors {color: #FFF;background-color: #c80305;border-color:#FFF; background-image: url('../images/messages/error.png');}
/* ------------------------------------------------------------------------- */

.youtube-block{margin:20px auto 0px auto; border-bottom:dotted 1px #547aa7; width:870px}

.youtube-block p{font-weight:normal}
/************************* PAGINATION **************************************/
.paginationTG{
float: left;
font:11px Tahoma, Verdana, Arial, "Trebuchet MS", Helvetica, sans-serif;
 color:#3d3d3d;
margin-top: 20px;
padding-left:20px;
margin-left:auto;
margin-right:auto;
width:100%;
}

.paginationTG ul{
margin: 0;
padding: 0;
}

.paginationTG li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.paginationTG a, .paginationTG a:visited{
padding: 5px 8px;
text-decoration: none; 
background-color: inherit;
color: #0191D0;
font-weight: bold;
}

.paginationTG a:hover, .paginationTG a:active{
color: #ffffff;
background-image: url(pagination_bg.png);
background-position: top center;
background-repeat: no-repeat;
text-decoration: none; 
}

.paginationTG li.currentpage{
font-weight: bold;
padding: 5px 9px;
background-color: inherit;
color: #ffffff;
background-image: url(../images/pagination_bg.png);
background-position: top center;
background-repeat: no-repeat;
}

.paginationTG li.disablepage{
padding: 0 5px;
border: 1px solid #929292;
color: #929292;
}

.paginationTG li.nextpage{
font-weight: bold;
}

* html .paginationTG li.currentpage, * html .paginationTG li.disablepage{ /*IE 6 and below. Adjust non linked LIs slightly to account for bugs*/
padding-right: 9px;
padding-left: 9px;
}
/************************* PAGINATION **************************************/


.tutorial-image{float:left; margin:8px; border:4px solid #BAC7BE}
.tutorial-block{margin:20px auto 0px auto; border-bottom:dotted 1px #547aa7; width:870px}
.tutorial-block p{ font-weight:normal}
/*.read-more{background: url(../images/submit-button.png) no-repeat 0% 0%; color:#e4eefd; display:block;width:65px; height:26px; line-height:26px; text-align:center; outline:none; text-decoration:none; float:right}*/
#tutorials-full-desc{width:870px; margin:auto; font-weight:normal}
#tutorials-full-desc p{font-weight:normal}
h1#page-title{font-size:14px; padding-bottom:20px}
h1#page-title a{font-size:14px}

#featured-works-body p{padding:10px 20px; color:#e4eefd}