* { margin: 0; padding: 0; outline: 0; }

body {
    font-size: 12px;
    line-height: 18px;
    font-family: arial, sans-serif;
    color: #575757;
    background: #01a0bd url(../images/body.png) repeat-x 0 0;
    min-width: 1009px;
}

a { color: #0252aa; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

input, textarea, select { font-size: 12px; font-family: arial, sans-serif; }
textarea { overflow: auto; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

.shell { padding-top: 3px; width: 1009px; margin: 0 auto; }

#wrapper { background: url(../images/wrapper.jpg) no-repeat center 0; }
#wrapper-top { font-size: 0; line-height: 0; text-indent: -4000px; height: 19px; background: url(../images/wrapper-top.png) no-repeat 0 0; }
#wrapper-middle { position: relative; padding: 0 14px 45px; width: 981px; background: url(../images/wrapper-middle.png) repeat-y 0 0; }
#wrapper-bottom { font-size: 0; line-height: 0; text-indent: -4000px; height: 22px; background: url(../images/wrapper-bottom.png) no-repeat 0 0; }

#header { position: relative; padding: 14px 21px 0 23px; height: 91px; background: url(../images/header.png) no-repeat 0 0; }

#logo { display: inline; float: left; padding-top:18x; width: 315px; }
#logo a {float:left;}
#logo .ttblog{float: left; padding-top:15px; text-align: left; font-family: Arial, Helvetica, sans-serif; text-shadow:0 2px 1px #024059; font-size:25px; color:#fff; margin-left: 6px;}

.socials { display: inline; float: right; }
.socials a { display: block; width: 27px; height: 28px; float: left; padding-right: 7px; text-indent: -4000px; }
.socials a.facebook { background: url(../images/facebook.png) no-repeat 0 0; }
.socials a.twitter { background: url(../images/twitter.png) no-repeat 0 0; }
.socials a.digg { background: url(../images/digg.png) no-repeat 0 0; }
.socials a.delicious { background: url(../images/delicious.png) no-repeat 0 0; }
.socials a.su { background: url(../images/su.png) no-repeat 0 0; }
.socials a.rss { background: url(../images/rss.png) no-repeat 0 0; }

#search { position: absolute; top:62px; right: 20px; width: auto;}
#search #user { color: #fff; text-decoration: underline; font-weight:bold; padding:0 5px}
#search #user:hover { color: #000; text-decoration: none; }

#navigation { background: url(../images/navigation.png) repeat-x 0 0; }
#navigation ul li { list-style: none; display: inline; float: left; line-height: 45px; font-weight: bold; font-size: 14px; border-right: solid 1px #2897c0; text-shadow: 2px 2px 2px #1987af; }
#navigation ul li a { color: #fff; display: block; float: left; padding: 0 16px 0 16px; background: url(../images/nav-item.png) repeat-x 0 -4000px; }
#navigation ul li a:hover { background-position: 0 0; text-decoration: none; }

#slider { background: url(../images/slider.jpg) no-repeat 0 0; }
#slider .jcarousel-container, 
#slider .jcarousel-clip, 
#slider .jcarousel-clip ul li { position: relative; overflow: hidden; width: 981px; height: 364px; }
#slider .jcarousel-clip ul li img { display: block; float: left; }
#slider .jcarousel-prev-disabled,
#slider .jcarousel-next-disabled { display: none !important; }
#slider .jcarousel-prev,
#slider .jcarousel-next { position: absolute; top: 144px; left: 0; width: 40px; height: 77px; background: url(../images/slider-arrows.png); cursor: pointer; }
#slider .jcarousel-next { left: auto; right: 0; background-position: -40px 0; }
#slider .caption { display: inline; float: left; padding: 47px 0 0 56px; width: 470px; }
#slider .caption h2  { font-family: 'HelveticaNeue', sans-serif; font-size: 50px; font-weight: normal; line-height: 50px; color: #084b64; text-transform: uppercase; }
#slider .caption h3 { font-family: 'HelveticaNeueThin', sans-serif; font-size: 50px; line-height: 52px; color: #000; font-weight: normal; text-transform: uppercase; }
#slider .caption h3 span { font-family: 'HelveticaNeueBold', sans-serif; color: #17abe1; }

h3 { font-family: Arial, helvetica, sans-serif; font-size: 21px; line-height: 24px; font-weight: normal; color: #005271; }
a.read-more { padding-left: 6px; font-size: 11px; color: #0099d1; background: url(../images/read-more.png) no-repeat 0 50%; }

#main { position: relative; padding: 37px 20px 0; width: 941px; }

#content { display: inline; float: left; width: 593px; }
.post img { display: block; float: left; padding: 5px 15px 0 0; }
.post h3 { padding: 0 0 25px 6px; }
.post p { padding-bottom: 18px; }

#sidebar { display: inline; float: right; width: 312px; }
.box ul { padding: 19px 0 0 15px; }
.box li { padding-left: 2px; font-size: 14px; line-height: 26px; color: #0099d1; }
.box li a { color: #0099d1; }


.col { display: inline; float: left; padding-right: 52px; width: 264px; }
.col a.read-more { line-height: 30px;  }

.activities h3 { padding: 4px 0 12px 36px; background: url(../images/activities.png) no-repeat 0 4px; }

.about-us { padding-right: 45px; }
.about-us h3 { padding: 4px 0 12px 35px; background: url(../images/about-us.png) no-repeat 0 4px; }

.we-hire { padding-right: 0; }
.we-hire h3 { padding: 4px 0 12px 32px; background: url(../images/we-hire.png) no-repeat 0 4px; }

.widgets { position: relative; margin-top: 29px; padding: 38px 0 0 3px; width: 938px; background: url(../images/widgets.png) no-repeat center 0; }

#footer { padding: 9px 39px 50px 39px; }
.copy { display: inline; float: right; color: #82d1df; }
.copy span { color: #008097; padding: 0 10px; }
.copy a { color: #52e3fe; text-decoration: underline; }
.copy a:hover { text-decoration: none; }

#bottom-nav { line-height: 19px; color: #008097; }
#bottom-nav a { color: #82d1df; }
#bottom-nav span { padding: 0 9px; }


/********************************* Dropdownmenu **********************************************/


#tutorials{visibility:hidden; width:220px; background:#218bd2; z-index:500000; position:absolute; top:135px;}
#tutorials li.menu{float:left; text-align:left; border-bottom:1px solid #2894db;}
#tutorials li.menu a{font-size:11px !important; color:#fff; width:100%;}
#validation{visibility:hidden; width:220px; background:#218bd2; z-index:500000; position:absolute; top:135px;}
#validation li.menu{float:left; text-align:left; border-bottom:1px solid #2894db;}
#validation li.menu a{font-size:11px !important; color:#fff; width:100%;}
#tutorials2{visibility:hidden; width:220px; background:#218bd2; z-index:500000; position:absolute; top:135px;}
#tutorials2 li.menu{float:left; text-align:left; border-bottom:1px solid #2894db;}
#tutorials2 li.menu a{font-size:11px !important; color:#fff; width:100%;}
#tutorials3{visibility:hidden; width:278px; background:#218bd2; z-index:500000; position:absolute; top:135px;}
#tutorials3 li.menu{float:left; text-align:left; border-bottom:1px solid #2894db;}
#tutorials3 li.menu a{font-size:11px !important; color:#fff; width:100%;}
#tutorials4{visibility:hidden; width:140px; background:#218bd2; z-index:500000; position:absolute; top:135px;}
#tutorials4 li.menu{float:left; text-align:left; border-bottom:1px solid #2894db;}
#tutorials4 li.menu a{font-size:11px !important; color:#fff; width:100%;}
#tutorials5{visibility:hidden; width:176px; background:#218bd2; z-index:500000; position:absolute; top:135px;}
#tutorials5 li.menu{float:left; text-align:left; border-bottom:1px solid #2894db;}
#tutorials5 li.menu a{font-size:11px !important; color:#fff; width:100%;}
#tutorials6{visibility:hidden; width:199px; background:#218bd2; z-index:500000; position:absolute; top:135px;}
#tutorials6 li.menu{float:left; text-align:left; border-bottom:1px solid #2894db;}
#tutorials6 li.menu a{font-size:11px !important; color:#fff; width:100%;}
#tutorials7{visibility:hidden; width:220px; background:#218bd2; z-index:500000; position:absolute; top:135px;}
#tutorials7 li.menu{float:left; text-align:left; border-bottom:1px solid #2894db;}
#tutorials7 li.menu a{font-size:11px !important; color:#fff; width:100%;}

#tutorials8{visibility:hidden; width:175px; background:#218bd2; z-index:500000; position:absolute; top:135px;}
#tutorials8 li.menu{float:left; text-align:left; border-bottom:1px solid #2894db;}
#tutorials8 li.menu a{font-size:11px !important; color:#fff; width:100%;}
#tutorials9{visibility:hidden; width:309px; background:#218bd2; z-index:500000; position:absolute; top:135px;}
#tutorials9 li.menu{float:left; text-align:left; border-bottom:1px solid #2894db;}
#tutorials9 li.menu a{font-size:11px !important; color:#fff; width:100%;}
#navigation ul li table{width:100%; margin:0;}
#navigation ul li table td{margin:0; padding:0;}
#navigation ul li ul{margin:0; padding:0;}
#navigation ul li ul li{background:#218bd2; margin:0; height:auto; padding:4px 3px 4px 5px; width:97%; line-height:18px; text-shadow:none;}
#navigation ul li ul li a{padding:0 0;}
#navigation ul li ul li a:hover{background:none; padding:0 0;}
#navigation ul li table li a{padding:0 0;}
#navigation ul li table li a:hover{background:none; padding:0 0;}
#navigation ul li table li{padding:4px 3px 4px 5px; background:#218bd2; margin:0; height:auto; width:97%; text-shadow:none; line-height:18px;}