@charset "utf-8";

/*------------------------------Reset style Starts-------------------------------*/
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, dl, dt, dd, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
/* remember to define focus styles! */
:focus { outline: 0;}body { line-height: 1; color: #000000; background: white; font-family:Arial, Helvetica, sans-serif; font-size:12px}
ul { list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0;}
caption, th, td { text-align: left; font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after { content: "";}
blockquote, q { quotes: "" "";}
strong { font-weight:bold;}
img { margin:0;}
a:link {text-decoration: none; color:#333}
/*------------------------------Reset style Ends-------------------------------*/

html {}
iclear{ clear:both; width:100%;}
body { font:Arial, Helvetica, sans-serif; background:url(../images/grey_BG2.jpg) repeat; height:100%}
#wrapper { position:relative; margin:0 auto; height: 100%; width:100%; display:table; background:url(../images/BG_top9.jpg) no-repeat center top;}
.innerwrapper { position:relative;width:962px; height: 100%;margin:0 auto;}

#header { margin-left:210px; margin-top:85px; height:100%; width:710px;position:relative }
#header h1{font:Arial, Helvetica, sans-serif;background:none; color:#000; font-weight: bold; font-size: 90px; line-height: 81px; letter-spacing:-8px; text-indent:0; text-transform:uppercase; height:auto; width:auto;}
#header h2{font:Arial, Helvetica, sans-serif;background:none; color:#666699; font-weight: bold; font-size: 90px; line-height: 81px; letter-spacing:-8px; text-indent:0; text-transform:uppercase; height:auto; width:auto;}
#header h3{font:Arial, Helvetica, sans-serif;background:none; color:#000; font-weight: bold; font-size: 35px; line-height: 20px; letter-spacing:-1px; text-indent:0; text-transform:uppercase; height:auto; width:auto;padding-top:50px}
#header h4{font:Arial, Helvetica, sans-serif;background:none; color:#000; font-weight: bold; font-size: 25px; line-height: 18px; letter-spacing:-1px; text-indent:0; text-transform:uppercase; height:auto; width:auto;padding-top:50px}
#header p{font:Arial, Helvetica, sans-serif;background:none; color:#666666; font-weight: bold; font-size: 16px; line-height: 18px; letter-spacing:0px; text-indent:0; height:auto; width:auto;padding-top:15px}

#headerP { margin-left:210px; margin-top:85px; height:270px; width:710px; }
#headerP h1{font:Arial, Helvetica, sans-serif;background:none; color:#000; font-weight: bold; font-size: 90px; line-height: 81px; letter-spacing:-8px; text-indent:0; text-transform:uppercase; height:auto; width:auto;}
#headerP h3{font:Arial, Helvetica, sans-serif;background:none; color:#000; font-weight: bold; font-size: 35px; line-height: 20px; letter-spacing:-1px; text-indent:0; text-transform:uppercase; height:auto; width:auto;padding-top:50px}
#headerP p{font:Arial, Helvetica, sans-serif;background:none; color:#666666; font-weight: bold; font-size: 16px; line-height: 18px; letter-spacing:0px; text-indent:0; height:auto; width:auto;padding-top:15px}

.current {margin-left:10px; margin-top:25px; height:100%;width:710px;float:left;position:relative}
.currenti {width:200px; height:400px; float:left}

.currentPort {margin-left:210px; margin-top:50px; height:100%; width:750px;float:left; position:relative}
.portbox {padding-left:0px;padding-right:0px;padding-top:40px;width:355px; height:326px; float:left}
.portbox h1{font-family:Arial, Helvetica, sans-serif; font-size:1.1em; color:#333333; line-height:19px;margin-left:12px; font-weight:bold;background:#FF6600; padding:2px}
.portbox h2{font-family:Arial, Helvetica, sans-serif; font-size:.9em; color:#333333; line-height:19px;margin-left:12px; font-style:italic}
.portbox ul li a.active{ font-family:Arial, Helvetica, sans-serif; font-size:1.1em; color:#333333; line-height:19px;margin-left:12px; font-weight:bold;background:#99CCFF; padding:2px; text-decoration:none}

.portimagemain {position:relative; float:left; width:700px; margin-top:20px}
.porthalfleft {position:relative; top: 10px; float: left;}
.porthalfright {position:relative; padding-left:10px; top: 10px; float: left;}
.logobox {position:relative; float:left; padding:10px; font-family:Arial, Helvetica, sans-serif; font-size:.9em; color:#FFFFFF;line-height:15px;}
.portimage {position:relative; float:left; width:700px}
.portimage h4{font:Arial, Helvetica, sans-serif;background:none; color:#000; font-weight: bold; font-size: 25px; line-height: 18px; letter-spacing:-1px; text-indent:0; text-transform:uppercase; height:auto; width:auto;padding-top:30px; text-decoration:none}

.nav {font:Arial, Helvetica, sans-serif; font-weight: bold; font-size: 16px; line-height: 24px; letter-spacing:0px; float:left; margin-top:180px; margin-right:5px; width:185px}
.nav ul li { font:Arial, Helvetica, sans-serif;text-transform:uppercase; display:block; padding: 0 0px;}
.nav ul li a { color:#FFFFFF;text-decoration:none;background:#000000; padding:4px 4px 4px 4px}
.nav ul li a:hover{ color:#000000;text-decoration:none;background:none; padding:4px 4px 4px 4px}
.nav ul li a.active{ color:#000000;text-decoration:none; background:none; padding:4px 4px 4px 4px}
.nav h4{font:Arial, Helvetica, sans-serif;background:none; color:#000; font-weight: bold; font-size: 25px; line-height: 18px; letter-spacing:-1px; text-indent:0; text-transform:uppercase; height:auto; width:auto;padding-top:50px}
.nav p{font:Arial, Helvetica, sans-serif;background:none; color:#666666; font-weight: bold; font-size: 12px; line-height: 16px; letter-spacing:0px; text-indent:0; height:auto; width:auto;padding-top:15px}
.blue{background:#99CCFF;font:Arial, Helvetica, sans-serif;background:none; color:#000000; font-size: 12px; line-height: 16px; letter-spacing:0px; text-indent:0; height:auto; width:auto;padding-top:15px}
.blue a{background:#99CCFF;font:Arial, Helvetica, sans-serif;background:none; color:#000000; font-size: 12px; line-height: 16px; letter-spacing:0px; text-indent:0; height:auto; width:auto;padding-top:15px}

.navblue {font-family:Arial, Helvetica, sans-serif; font-size:.9em; color:#333333; line-height:16px;margin-left:0px; font-weight:bold;background:#99CCFF; padding:0px; text-decoration:none}
.navblue ul li a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:.9em; color:#333333; line-height:16px;margin-left:02px; font-weight:bold;background:#99CCFF; padding:0px; text-decoration:none}
.navblue ul li a{ font-family:Arial, Helvetica, sans-serif; font-size:.9em; color:#333333; line-height:16px;margin-left:02px; font-weight:bold;background:#99CCFF; padding:0px; text-decoration:none}
.navblue ul li{ font-family:Arial, Helvetica, sans-serif; font-size:.9em; color:#333333; line-height:16px;margin-left:02px; font-weight:bold;background:#99CCFF; padding:2px; text-decoration:none}

.portnav {font:Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; line-height: 19px; letter-spacing:0px; margin-top:30px; margin-right:5px; width:185px}
.portnav  ul li { font:Arial, Helvetica, sans-serif;text-transform:uppercase; display:block; padding: 0 0px;}
.portnav  ul li a { color:#FFFFFF;text-decoration:none;background:#000000; padding:4px 4px 4px 4px}
.portnav  ul li a:hover{ color:#000000;text-decoration:none;background:none; padding:4px 4px 4px 4px}
.portnav  ul li a.active{ color:#000000;text-decoration:none; background:none; padding:4px 4px 4px 4px}


.summryblock {width:100%; height:300px; float:left; padding:10px 0;align: center;}
.slidebox{margin:auto; width:100%}

/* Easy Slider */
#slider ul, #slider li{margin:0;padding:0;list-style:none;}

/* define width and height of list item (slide)entire slider area will adjust according to the parameters provided here */ 
#slider li{ width:688px;height:343px;overflow:hidden;background:url(../images/Blk_box.jpg) no-repeat}
span#prevBtn{font:Arial, Helvetica, sans-serif; font-weight: bold; text-transform:uppercase;font-size: 14px;padding: 4px 4px 4px 0px;color:#CCCCCC}
span#nextBtn{font:Arial, Helvetica, sans-serif; font-weight: bold; text-transform:uppercase;font-size: 14px;padding: 4px 4px 4px 0px; color:#CCCCCC}					
/* // Easy Slider */

.slidewrap {width:688px; height:343px; }
.slidetext {padding-left:12px;padding-right:12px; padding-top:12px;width:326px; height:286px; float:left}
.slidetext p{font-family:Arial, Helvetica, sans-serif; font-size:1.1em; color:#CCCCCC; line-height:19px;margin-top:8px}
.slideimage {padding-left:0px;padding-right:12px;padding-top:12px;width:326px; height:286px; float:left}
.slideimage p{font-family:Arial, Helvetica, sans-serif; font-size:1.1em; color:#CCCCCC; line-height:19px;margin-top:8px}
.slideheader h1{font-family:Arial, Helvetica, sans-serif; font-size:1.3em; color:#666666; line-height:19px;margin-top:25px}
.slideheader {width:200px; height:15px}

.profileskill {width:150px; height:200px; float:left;padding-right:25px; position:relative; margin-top:25px}
.profileskill ul li { font:Arial, Helvetica, sans-serif;text-transform:uppercase; display:block; padding: 3px;}
.profileskill ul li a { color:#FFFFFF;text-decoration:none;background:#000000; padding:2px;}
.profileskill ul li a:hover{ color:#000000;text-decoration:none;background:none; padding:2px;}
.profileskill ul li.active{ color:#000000;text-decoration:none; background:#FFCC00; padding:2px;}

.formcontact {margin-left:10px; margin-top:25px; height:100%; width:710px;float:left}


.footer{position:relative; float:none; width:100%; height: 300px; background:url(../images/footer_cloud.png) no-repeat center bottom; clear:both; margin-top:40px;}

.footerblock1{position:relative; width:225px; height:200px; float:left; padding:25px 25px 25px 50px; margin-top:25px; font:Arial, Helvetica, sans-serif;font-size: 12px;line-height:19px; margin-left:50px}
.footerblock1 h1{font:Arial, Helvetica, sans-serif;background:none; color:#000000; font-weight: bold; font-size: 16px; line-height: 15px; height:auto; width:auto;padding-top:15px;text-transform:uppercase;}
.footerblock1 ul li { font:Arial, Helvetica, sans-serif;text-transform:uppercase; display:block; padding: 0 0px;}
.footerblock1 ul li a { color:#FFFFFF;text-decoration:none;background:#000000; padding:2px;}
.footerblock1 ul li a:hover{ color:#000000;text-decoration:none;background:none; padding:2px;}
.footerblock1 ul li a.active{ color:#000000;text-decoration:none; background:#FFCC00; padding:2px;}

.footerblock{position:relative; width:225px; height:200px; float:left; padding:25px 25px 25px 0px; margin-top:25px; font:Arial, Helvetica, sans-serif;font-size: 12px;line-height:19px}
.footerblock h1{font:Arial, Helvetica, sans-serif;background:none; color:#000000; font-weight: bold; font-size: 16px; line-height: 15px; height:auto; width:auto;padding-top:15px;text-transform:uppercase;}
.footerblock ul li { font:Arial, Helvetica, sans-serif;text-transform:uppercase; display:block; padding: 0 0px;}
.footerblock ul li a { color:#FFFFFF;text-decoration:none;background:#000000; padding:2px;}
.footerblock ul li a:hover{ color:#000000;text-decoration:none;background:none; padding:2px;}
.footerblock ul li a.active{ color:#000000;text-decoration:none; background:#FFCC00; padding:2px;}

.footersocial{position:relative; width:225px; height:200px; float:left; padding:25px 25px 25px 0px; margin-top:25px; font:Arial, Helvetica, sans-serif;font-size: 12px;line-height:19px}
.footersocial h1{font:Arial, Helvetica, sans-serif;background:none; color:#000000; font-weight: bold; font-size: 16px; line-height: 15px; height:auto; width:auto;padding-top:15px;text-transform:uppercase;}
.footersocial ul li { font:Arial, Helvetica, sans-serif;text-transform:uppercase; display:block; padding: 0 0px;}
.footersocial ul li a { color:none;text-decoration:none; background:none;padding:2px;}
.footersocial ul li a:hover{ color:none;text-decoration:none;background:none; padding:2px;}
.social {width:55px; height:55px; float:left; padding:10px}
.socialheader {margin-left:20px;width:150px; height:45px;font:Arial, Helvetica, sans-serif;background:none; color:#000000; font-weight: bold; font-size: 16px; line-height: 15px; height:auto; width:auto;text-transform:uppercase;}

/* clearfix */
.clearfix:after, { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix, {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix,{height: 1%;}
.clearfix,{display: block;}
/* End hide from IE-mac */