@charset "utf-8";
/* CSS Document */
/****************************************************************************************************
* Filename:Style.css
* Purpose:All the main CSS Rules required to design web pages.
****************************************************************************************************/

/*** GLOBAL RESETS ***/
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 , input[type="radio"],input[type="checkbox"] {margin:0; padding:0; border:0; outline:0; font-size:100%; background:transparent; resize:none}
body {line-height:1}
html, body {height:100%}
a, a:hover {text-decoration:none; outline:none}
a:active, a:focus {outline:0} /* to avoid link borders on new browsers */
img {border:none; vertical-align:-2px}
table {border-collapse:collapse; border-spacing:0}
textarea {resize:none}
a {color:#4b9cd7}
input:focus,textarea:focus, select:focus {outline:none}
ul {padding:0; margin:0; list-style:none}

/*** COMMON CLASSES ***/
.fl {float:left} .fr {float:right} .ovfl-hidden {overflow:hidden} ul.reset {list-style:none} .clr {clear:both; overflow:hidden; height:1px}

/*** BODY (GLOBAL SETTING)***/
html,body {width:100%; height:100%}

body {font:normal 14px Arial, Helvetica, sans-serif; color:#242424; background:#cee3f3 url(../images/pagebg.jpg) center 0 no-repeat}
body.innerpage {background:url(../images/pagebg1.jpg) 0 0 repeat-x} 

/*** MAIN ID ***/
#wrapper {width:950px; margin:0 auto}
#maincont {width:100%; position:relative; padding-top:26px; min-height:500px}
#maincont .btmillust {position:absolute; bottom:4px; right:43px}
#contentblock {background:url(../images/bg1.png) 0 0 repeat-y}
#container {background:url(../images/container.png) 0 0 no-repeat; min-height:163px; padding:0 10px}
#container .inner {background:#fff url(../images/bg1.jpg) 0 0 repeat-x; padding:20px 0 0}
#content {width:570px; padding-left:25px}
#sidebar {width:283px; background:url(../images/divider.png) 0 center no-repeat; padding-left:41px}

/*** HEADER ***/
#header {padding:17px 10px 0; height:90px} 

#logo {width:350px; height:75px; padding-top:17px}
#logo a {width:350px; height:75px; background:url(../images/logo.png) 0 0 no-repeat; display:block}

/*** Global navigation ***/
ul#globalnav {width:950px; height:45px; background:url(../images/globalnav.png) 0 0 no-repeat; padding-left:10px}
ul#globalnav li {display:inline; float:left}
ul#globalnav li a {color:#fff; font-size:12px; display:block; float:left; padding:0 16px; font-size:21px; line-height:42px; height:45px}
ul#globalnav li a span {background:url(../images/bullet.png) 0 19px no-repeat; display:block; padding-left:15px}
ul#globalnav li.first a:hover,ul#globalnav li.first a.active {background:url(../images/globalnav.png) 0 -45px no-repeat}
ul#globalnav li a:hover,ul#globalnav li a.active  {background:url(../images/globalnav.png) -25px -45px no-repeat}


ul.homemenu {padding-left:43px}
ul.homemenu li {display:inline; float:left; margin-left:-43px}
ul.homemenu li a {padding-top:93px; width:177px; text-align:center; color:#fff; font-size:23px; display:block; height:82px}

ul.list1 li {display:inline; float:left; padding-bottom:5px; background:url(../images/bullet.png) 0 5px no-repeat; padding-left:20px; width:550px}

/*** Modules ***/
.homepage {padding-top:139px}
.homepage .homenav {background:url(../images/menubg.png) 0 0 no-repeat; width:848px; height:179px; margin:0 auto 90px}

.social_lnk {display:block; width:160px; padding-top:48px; font-size:11px; color:#373737; line-height:24px}
.social_lnk a {background:url(../images/scl_net_icn.png) 0 0 no-repeat; margin-left:4px; width:24px; height:24px; display:block; float:left}
.social_lnk a.twitter {background-position:0 -42px}
.social_lnk a.linkdin {background-position:0 -84px }

h2.underconstruction {font-size:24px; color:#0c0c0c; text-align:center; font-weight:normal}
h2.pagetitle {font-size:21px; padding:3px 10px; background:#ccc; margin-bottom:20px; font-weight:normal; color:#000}
.services {font-size:14px}
.services .note {padding-bottom:20px}
.services h2 {font-size:21px; font-style:italic; padding-bottom:12px}
.services .sec {padding-bottom:30px}

.contactbox {background:url(../images/contactbg.png) 0 0 no-repeat; width:256px; height:168px; color:#fff; font-weight:bold; text-align:center; padding-top:88px}
.contactbox h3 {padding-bottom:6px; font-size:21px; color:#fff; font-weight:normal}
.contactbox span {color:#7b54bf}
.contactbox p {padding-bottom:9px}

.addressbox {background:url(../images/addressbg.png) 0 0 no-repeat; width:256px; height:129px; font-weight:bold; text-align:center; padding-top:127px; position:relative; top:-64px}
.addressbox p {padding-bottom:15px; font-size:12px; line-height:16px}

.cont p {padding-bottom:10px; line-height:20px}

.skills h2 {font-size:21px; padding:3px 10px; background:#ccc; margin-bottom:20px; font-weight:normal; color:#000}
.skills h3 {font-size:16px; padding-bottom:5px}

.contact {padding-right:20px}
.contact .notify {background:#009933; color: #fff; padding:0 5px; line-height:30px; font-size:15px; margin-bottom:10px}
.contact .padbtm {padding-bottom:10px}
.contact .row {padding-bottom:15px; overflow:hidden; width:100%}
.contact .row label {font-weight:bold; display:block; padding-bottom:2px}
.contact .row .field {float:left; width:230px}
.contact .row .field input, .contact .row .field textarea {padding:3px; height:16px; border:1px solid #9ea4a8; width:224px}
.contact .row .field textarea {height:100px; width:224px}
.contact .submit {background:url(../images/readbtn.png) 0 0 no-repeat; width:71px; height:22px; border:none; color:#fff; cursor:pointer; margin-right:5px}
.contact  .reset {background:url(../images/readbtn.png) 0 0 no-repeat; width:71px; height:22px; border:none; color:#fff; line-height:22px; text-align:center; display:block} 

/*** Footer ***/
#footer {display:block; overflow:hidden; height:70px; background:url(../images/footerbg.jpg) 0 0 repeat-x; font-size:11px; color:#333}
#footer .footer_in {width:950px; margin:0 auto; padding-top:20px; text-align:center}
#footer .footer_in .btmlink {padding-bottom:3px}
#footer .footer_in a {padding:0 5px; color:#333}