html { padding:0; margin:0; background:#000000; }
body { padding:0; margin:0; color:#FFFFFF; font:normal 11px Helvetica, Arial, Verdana, sans-serif; }
div {  padding:0; margin:0; color:#FFFFFF; font:normal 11px Helvetica, Arial, Verdana, sans-serif; }

img { border:0; }
ul { list-style:none; }
ul li { list-style:none; }
input, select, textarea { font-size:12px;}


.field-btn input{ height:22px; width:80px; font-weight:bold; background-color:#FFFFFF; text-align:center;padding-bottom:3px;*padding-top:3px; border:0px;}

a { color:#FFFFFF;text-decoration:none; outline:none; }
a:hover { text-decoration:underline; outline:none; }
.cl { clear:both;}
.fl { float:left; }
.fr { float:right; }
.vm { vertical-align:middle; }

p{margin:0 0 15px 0}

.entry img{ /*margin-top:-25px;*/}

#mainouter { margin:0px auto; padding-top:158px; width:962px;}
#main { float:left; width:962px; position:relative; }
#contentleft  { float:left; width:695px; border-left:#FFFFFF solid 1px;}
#contentright  { float:right; padding-left:12px; background:url(images/leftbg.gif) repeat-y left #FFFFFF;  }
* html #contentright  { clear:both; }  
.rightmenu { float:right; width:23px; }
.rightmenu a { float:left; width:23px; text-indent:-9999px; }
.rightmenu a:hover  {  }
a.news { height:98px; background:url(images/news.jpg) left top; }
a.news:hover  { background:url(images/news-h.jpg) left top; }
a.news-active, a.news-active:hover{ height:98px;background:url(images/news-h.jpg) left top; }
a.beyondblog { height:94px; background:url(images/beyondblog.jpg) left top; }
a.beyondblog:hover  { background:url(images/beyondblog-h.jpg) left top; }
a.beyondblog-active, a.beyondblog-active:hover{ height:94px;background:url(images/beyondblog-h.jpg) left top; }
a.contactus { height:90px; background:url(images/contactus.jpg) left top; }
a.contactus:hover  { background:url(images/contactus-h.jpg) left top; }
a.contactus-active, a.contactus-active:hover{height:90px; background:url(images/contactus-h.jpg) left top; }
a.home { height:65px; background:url(images/home.jpg) left top; }
a.home:hover  { background:url(images/home-h.jpg) left top; }
a.home-active, a.home-active:hover{ height:65px;background:url(images/home-h.jpg) left top; }

.homelefttext { float:left; width:200px; padding:30px 15px 0px 15px; color:#000000; }
.footer{float:left; width:962px}
.footer a.logo { float:right; margin-top:25px; }
.footer a.logo:hover { }


.leftmenu { position:absolute; bottom:88px; left:0;  }


.commentform {width:254px;background:#474444; border:1px solid #b2afaf; font-size:11px; color:#fff}
.commentformtextarea{width:354px;background:#474444; border:1px solid #b2afaf; font-size:11px; color:#fff}
.commentformsubmit{ height:22px; width:110px; text-align:center;padding-bottom:3px;*padding-top:3px; border:0px;}



/*.creative { float:left; height:400px; width:79px; position:absolute; left:0; bottom:0; text-align:right}
.creative a { float:right; font-size:10px; }
.creative a:hover { color:#f057f2; text-decoration:none; } 
.creative a.bg { float:right; height:381px; width:1px; margin-top:20px; background:url(images/creative.jpg) no-repeat right bottom; }
.creative a.bg:hover { background:url(images/creative-h.jpg) no-repeat right bottom; text-decoration:none; }
.creative a.active{color:#f057f2; text-decoration:none; } 
.creative a.bgactive {float:right; height:381px; width:1px; margin-top:20px; background:url(images/creative-h.jpg) no-repeat right bottom; text-decoration:none; }




.aboutus { float:left; height:442px; width:42px; position:absolute; left:88px; bottom:0; }
.aboutus a { float:left; font-size:10px; }
.aboutus a:hover { color:#b6ec11; text-decoration:none; } 
.aboutus a.bg { float:left; height:430px; width:7px; background:url(images/aboutus.jpg) no-repeat right bottom; }
.aboutus a.bg:hover { background:url(images/aboutus-h.jpg) no-repeat right bottom; text-decoration:none; }
.aboutus a.active { color:#b6ec11; text-decoration:none; } 
.aboutus a.bgactive {float:left; height:430px; width:7px;background:url(images/aboutus-h.jpg) no-repeat right bottom; text-decoration:none; }

.aboutuso { float:left; height:462px; width:42px; position:absolute; left:88px; bottom:0; }
.aboutuso a.active { color:#b6ec11; text-decoration:none; }
.aboutuso a.bg { float:left; height:450px; width:7px; background:url(images/aboutus.jpg) repeat-y right bottom; vertical-align:bottom; }
.aboutuso a.bgactive {float:left; height:450px; width:7px;background:url(images/aboutus-h.jpg) repeat-y right bottom; text-decoration:none; }


.whatwedo { float:left; height:425px; width:57px; position:absolute; left:103px; bottom:0; }
.whatwedo a { float:left; font-size:10px; }
.whatwedo a:hover { color:#15e2e4; text-decoration:none; } 
.whatwedo a.bg { float:left; height:410px; width:1px; background:url(images/whatwedo.jpg) no-repeat right bottom; }
.whatwedo a.bg:hover { background:url(images/whatwedo-h.jpg) no-repeat right bottom; text-decoration:none; }
.whatwedo a.active { color:#15e2e4; text-decoration:none; } 
.whatwedo a.bgactive { float:left; height:410px; width:1px;background:url(images/whatwedo-h.jpg) no-repeat right bottom; text-decoration:none; }

.whatour { float:left; height:390px; width:100px; position:absolute; left:111px; bottom:0; }
.whatour a { float:left; font-size:10px; }
.whatour a:hover { color:#46bff7; text-decoration:none; } 
.whatour a.bg { float:left; height:375px; width:1px; background:url(images/whatour.jpg) no-repeat right bottom; }
.whatour a.bg:hover { background:url(images/whatour-h.jpg) no-repeat right bottom; text-decoration:none; }
.whatour a.active{ color:#46bff7; text-decoration:none; } 
.whatour a.bgactive { float:left; height:375px; width:1px; background:url(images/whatour-h.jpg) no-repeat right bottom; }*/

#contentleft-gray{ float:left; width:926px; border-left:#FFFFFF solid 1px; background:#474444; height:347PX}
#inner-container{ float:left; width:815px; height:347PX; margin-left:111px; display: inline; position: absolute; z-index:999}


.whatwedo-title{color:#15e2e4;font-size:13px; font-weight:bold;margin:50px auto 0 127px; width: 554px;}
.aboutus-title{color:#b6ec11;font-size:13px; font-weight:bold;margin:50px auto 0 128px; width: 554px;}
.whtour-title{color:#46BFF7;font-size:13px; font-weight:bold;margin:50px auto 0 129px; width: 554px;}

.blog-row{ float:left; width:730px; margin-bottom:15px}
.blog-row .image{ float:left; width:191px; margin-left:15px; background:#a59f9f; height:143px}
.blog-row .disc{ float:left; width:460px; margin-left:35px; display:inline;}
.blog-row .disc .title{color:#b545ef; font-size:12px; font-weight:bold; margin:0 0 15px 0; padding:0;}


.news-row{ float:left; width:730px; margin-bottom:35px}
.news-row .image{ float:left; width:301px; margin-left:15px ; margin-top:25px; background:#a59f9f; height:227px}
.news-row .disc{ float:left; width:350px; margin-left:35px; margin-top:40px; display:inline;}
.news-row .disc .title{color:#46bff7; font-size:12px; font-weight:bold; margin:0 0 15px 0; padding:0; }


.contactus-page{ float:left; width:750px; margin-top:20px; margin-left:27px;}
.contactus-page .address{float:left; width:207px; padding:20px 0px}
.contactus-page .address .title{color:#f343af; font-size:13px; font-weight:bold}
.contactus-page .address a{color:#fff; text-decoration:none}
.contactus-page .address a:hover{color:#f343af; text-decoration:none}
.contactus-page .form{float:right; width:515px; border-left:1px solid #f343af; padding:20px 0px 20px 25px; height:267px}
.contactus-page .form h3{ font-size:18px; color:#f343af; margin:0 0 15px 0; padding:0; font-weight:normal}
.contactus-page .form .table{float:left; width:515px;}
.contactus-page .form .grid-row{float:left; width:515px; margin-bottom:5px}
.contactus-page .form .grid-row .lable{float:left; width:85px; padding-top:3px; font-weight:bold}
.contactus-page .form .grid-row .field{float:Left; width:260px; padding-left:5px; text-align:left}
.contactus-page .form .grid-row .field .input{width:254px;background:#474444; border:1px solid #b2afaf; font-size:11px; color:#fff}
.contactus-page .form .grid-row .field .btn{background:#fff; border:1px solid #fff; padding:0px 20px; color:#000000; font-size:11px; font-weight:bold}
.contactus-page .form .grid-row .error{float:right; width:155px; text-align:left; color:#fda1a1}
.contactus-page .form .grid-row .field-btn{float:right; width:250px; padding-left:5px; text-align:left}




#creative-left-gray{ float:left; width:612px; border-left:#FFFFFF solid 1px; background:#474444; height:347PX}
#creative-inner-container{ float:left; width:501px; height:347PX; margin-left:111px; display: inline; position: absolute; z-index:999;}
#gallery{margin:0 auto; width:450px}
#gallery .big-image{float:left; width: 451px;  height: 231px; padding-top:45px; padding-bottom:28px; border-bottom:1px solid #fff; text-align:center}
#gallery .thumb-bar{width:450px; float:left; padding:6px 0 0 11px}
#gallery .thumb-bar a{float:left; display:block; width:11px; height:10px; border:1px solid #fff; text-indent:-9999px; padding:0; margin:0 5px 0 0; line-height:0}
#gallery .thumb-bar a:hover{border:1px solid #f342f5; background:#f342f5;}

#creative-right-nav{ float:left; width:75px; background:#474444; height:319px; margin-left:7px; display:inline; padding:28px 0 0 8px}
#creative-right-nav a{display:block; text-decoration:none; color:#fff; margin-bottom:8px}
#creative-right-nav a:hover{display:block; text-decoration:none; color:#f342f5}
#creative-right-nav a.active, #creative-right-nav a.active:hover{display:block; text-decoration:none; color:#f342f5}
#creative-contentright  { float:right; background:#FFFFFF; width:256px  }
.creative-right-text { float:left; width:203px; padding:30px 15px 0px 15px; color:#000000; }

.entry .blogtitle{color:#b545ef; font-size:12px; font-weight:bold; margin:0 0 15px 0; padding:0;}
.entry .newstitle{color:#46bff7; font-size:12px; font-weight:bold; margin:0 0 15px 0; padding:0; }
.alignleft{ float:left; margin-right:25px; margin-bottom:15px;}
.post a
{
	color:#B545EF;
}
.pika_subdiv
{
	height:230px;
	width:353px;
	margin-left:30px;	
	margin-top:40px;
	margin-bottom:30px;
}
.aboutus {font-size:10px; color:#fff;width: 42px; height: 440px; float: left; cursor:pointer;	left:88px; bottom:0; position:absolute;	background:url(images/aboutus.jpg) no-repeat -1px 13px; text-decoration:none}	
.aboutus:hover {color:#b6ec11;background:url(images/aboutus-h.jpg) no-repeat 0px 13px; text-decoration:none}	
.aboutusactive {color:#b6ec11;background:url(images/aboutus-h.jpg) no-repeat 0px 13px; text-decoration:none}	

.whatwedo {font-size:10px; color:#fff;width: 70px; height: 423px; float: left; cursor:pointer;	left:103px; bottom:0; position:absolute; background:url(images/whatwedo.jpg) no-repeat 0px 13px;  text-decoration:none}	
.whatwedo:hover {color:#15e2e4; background:url(images/whatwedo-h.jpg) no-repeat 0px 13px;  text-decoration:none}
.whatwedoactive {color:#15e2e4; background:url(images/whatwedo-h.jpg) no-repeat 0px 13px;  text-decoration:none}

.whatour {font-size:10px; color:#fff;width:100px; height: 388px; float: left; cursor:pointer;	left:111px; bottom:0; position:absolute;	background:url(images/whatour.jpg) no-repeat 0px 13px;  text-decoration:none}	
.whatour:hover {color:#46bff7;background:url(images/whatour-h.jpg) no-repeat 0px 13px;  text-decoration:none}
.whatouractive {color:#46bff7;background:url(images/whatour-h.jpg) no-repeat 0px 13px;  text-decoration:none}

.creative {font-size:10px; color:#fff;width: 79px; height: 394px; float: left; cursor:pointer; text-align:right;left:0px; bottom:0; position:absolute;	background:url(images/creative.jpg) no-repeat 78px 13px;  text-decoration:none}	
.creative:hover {color:#f057f2;background:url(images/creative-h.jpg) no-repeat 78px 13px;  text-decoration:none}
.creativeactive {color:#f057f2;background:url(images/creative-h.jpg) no-repeat 78px 13px;  text-decoration:none}