@charset "UTF-8";
	 
/** 
 * Screen Styles 
 * HTML5 ✰ 
 * Primary screen styles for Headstart 
 * 
 * @project   Headstart V1 
 * @version   0.1a 
 * @package   _base 
 * @author    Poojith, poojithraj@gmail.com 
 * @copyright 2002-2012 Landofcreativity.com,
 * @see       http://headstartglobal.com
 */ 


/* CSS Document - Table of Contents
--------------------------------------------- /

01 - Color Palette
02 - Main Styles
03 - ID's
04 - Navigation
05 - Classes
06 - Lists / Blockquotes
07 - Forms
08 - Images

/* 01 Color Palette - aka how many possible shades of grey ARE there???
--------------------------------------------- /

#FFFFFF - White
#000000 - Black

*/
 
/* 02 - Main Styles
--------------------------------------------- */ 
 
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset,
 form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video  
 {margin: 0;padding: 0;border: 0;font-size: 100%;vertical-align: baseline;background:transparent none repeat scroll 0 0;border:0 none;font-family: Arial,Helvetica,Geneva,sans-serif; outline-color:-moz-use-text-color;outline-style:none;outline-width:0;vertical-align:baseline;}
blockquote, q { quotes: "" ""; } q:before, q:after {content: '';}

.clear:after { content: " "; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;margin-bottom:0; }

.clear { display:block; }

*{}html{}body,{margin: 0;padding: 0; font-weight: normal; font-size: 100%; vertical-align: baseline;}
html[xmlns] .clear { display: block; }

* html .clear { height: 1%; }

html {
    margin-top: 0px !important;
}
body.search{ margin-top:0px !important;}
img{ outline:0px;}
img a{ outline:0px;}

blockquote, q { quotes: none; }

ins { background-color: #ff9; color: #000; text-decoration: none; }

mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

table { border-collapse: collapse; border-spacing: 0; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }

re, code, kbd, samp { font-family: monospace, sans-serif; }


/**
 * Minimal base styles.
 */

/* Always force a scrollbar in non-IE */
html { overflow-y: scroll; }

/* Accessible focus treatment */
a:hover, a:active {
	outline: none;
}

ul, ol { margin-left: 2em; }
ol { list-style-type: decimal; }

/* Remove margins for navigation lists */
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }

small { font-size: 85%; }
strong, th { font-weight: bold; }

td { vertical-align: top; }

/* Set sub, sup without affecting line-height: gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

pre {white-space: pre; white-space: pre-wrap; word-wrap: break-word;padding: 15px;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;background-image: url(images/sp_opaque-trans.html);background-position: top center;background-repeat: repeat; line-height:26px !important; width:490px; margin-bottom:20px; display:block;}

textarea { overflow: auto; }

.ie6 legend, .ie7 legend { margin-left: -7px; } 

/* Align checkboxes, radios, text inputs with their label  */
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }

/* Hand cursor on clickable input elements */
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }

/*input[type="submit"] { cursor: pointer; width:150px !important; }*/

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea { margin: 0; }

/* Colors for form validity */

input:invalid, textarea:invalid {
   border-radius: 1px; -moz-box-shadow: 0px 0px 5px black; -webkit-box-shadow: 0px 0px 5px black; box-shadow: 0px 0px 5px black;
}
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #000; }



/* j.mp/webkit-tap-highlight-color */
a:link { -webkit-tap-highlight-color: #8D8D8D; text-decoration:none; }

/* Make buttons play nice in IE:*/
button {  width: auto; overflow: visible; }

/* Bicubic resizing for non-native sized IMG: */
.ie7 img { -ms-interpolation-mode: bicubic; }

p a{ font-weight:normal; color:#c02310 !important; text-decoration:none; font-weight:bold;}
p a:hover{ font-weight:bold; color:#1f1f1f !important;}

/* Headers (h1, h2, etc) have no default font-size or margin; define those Below */
h1, h2, h3, h4, h5, h6 { font-weight: normal; }


h3{ font-size:12px; color:#F00;}

h1{ color:#FFF; font-size:24px; font-weight:normal; margin:0px 0px 25px 0px; padding:0px; line-height:30px; display:block;font-family: Arial, Helvetica; text-transform: inherit;}
h2{ color:#FFF; font-size:18px;  font-weight:normal; margin:12px 0px 20px 0px; line-height:22px; padding:0px; display:block;font-family:Arial, Helvetica; text-transform:capitalize; text-decoration:none;}
h2.entry-title{ text-decoration:none; color:#FFF !important; font-size:26px; line-height:28px; }
h2.entry-title a{ text-decoration:none;  color:#FFF !important;}

p{ color:#606060; font-size:14px; margin:0px 0px 25px 0px; line-height:22px; padding:0px; display:block;font-family:Arial, Helvetica; font-weight:normal;}


a, a:active, a:visited { color: #8D8D8D; text-decoration:none; }
a:hover { color: #999; }
/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.
   j.mp/bestclearfix */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
#crl{ clear:both}
.small{ font-size:10px !important;}

a{-moz-transition:all  0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 1s ease; transition: all  0.5s ease;}

a:hover{-moz-transition:all  0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 1s ease; transition: all  0.5s ease;}


/*---------------  Common Id Used In Sites----------------- */
body {margin: 0px;padding: 0px;background:url(../images/inner.gif);background-position: top center;background-repeat: repeat-x;background-color: #fff;font-family: Arial, Helvetica, sans-serif;font-size: 12px;line-height: 130%;color: #6f6f6f; font-family:Arial, Helvetica;}

hr {margin: 0px 0px 40px 0px;padding: 0px;border: 1px dashed #484848;border-top: 0px;border-left: 0px;border-right: 0px;width: 100%;height: 0px;clear: both;}

#wrapper{margin: 0 auto; width:985px; height:auto;position:relative; float:inherit;}
#main{margin: 0px auto 0px auto;}
/*------------- Site header------------------- */


#containter{ float:left; width:985px; height:auto;}
#header{ width:985px; float:left; height:85px; background-image:url(../images/headerbg.png); }


/*------------- Site Logo ------------------- */
#logo{ width:381px; height:83px; float:left; display:inline; margin-left:0;}

/*------------- menu part ------------------- */

#headerright_part{ width: 604px; float:right; text-align:right; height:80px;}






#topsmalllinks{ width:245px; height:24px; position: absolute; right:4px; text-align:left; display:block; top:4px; float:right;}
#topsmalllinks ul{ list-style:none; width:245px; height:24px; display:block; list-style-position:inside;}
#topsmalllinks ul li{float:left; display:inline; padding:3px 6px; color:#828282; font-size:12px; font-family:"FrutigerLightCn", Arial, Helvetica;}
#topsmalllinks ul li a{ color:#828282;}
#topsmalllinks ul li a:hover{ color:#000;}

/*------------- Site menu ------------------- */

#main-menu {margin: 0px;padding: 0px;width:554px; height:44px; float:right; text-align:left; margin-right:0px; top:45px; position:relative; z-index:9999; margin-left:0px;}
ul.menu {list-style:none; margin:0; padding:0}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#000; font-size:14px !important; text-decoration:none;}
ul.menu li a{ color:#000;}
ul.menu li a:hover{ color:#e90d13;}
ul.menu li {position:relative; float:left; margin-right:2px; font-size:10px; padding:4px 10px; height:35px;}
ul.menu ul {position:absolute; z-index:9999; top:44px; left:-1px; background:#ff0000; display:none; width:190px; opacity:0; list-style:none; background:url(../images/b1.png) left top repeat-x;}
ul.menu ul li {position:relative; border:1px solid #ed4e53; border-top:none; width:205px; margin:0; z-index:9999;height:20px !important; }

ul.menu ul li a {display:block; padding:3px 0px 1px 5px; z-index:9999; font-size:13px !important; color:#fff;}
ul.menu ul li:hover {background-color:#fff; color:#000;}
ul.menu ul ul {left:189px; top:-1px; z-index:9999;}
ul.menu .menulink { background:url(images/header.html); }
ul.menu .menulink:hover, ul.menu .menuhover { z-index:9999;}
ul.menu .sub ul{ margin-top:1px; }
ul.menu .topline {border-top:1px solid #aaa}
.sub ul { border-left:0px !important;}
li a.menuhover ul li:hover .menu li a{ color:#e90d13;}

/*------------- Site end ------------------- */



#MainBannerOuter{width:1000px; height:203px;     float:left; margin-top:30px;}

.banner{ width:726px; height:203px; float:left;}

/*------------- Banner right Items ------------------- */
#bannerLeftItem{ width:209px; height:203px; margin-right:20px; display:inline; float:left; position:relative;z-index:10; float:right;}
#mainServiceBox{ width:209px; height:203px; margin-bottom:19px; position:relative;}
#mainServiceBox h1{ position:absolute; bottom:1px; font-family:"FrutigerLightCn", Arial, Helvetica;font-size: 16px;color: #fff; z-index:10; margin:0px; left:0px;}
#mainServiceBox h1 a{left:10px; text-decoration:none; color:#FFF; position:relative;}
#mainServiceBox h1 a:hover{left:30px; text-decoration:none; color:#FFF; position:relative;}
#ServiceSub{ width:209px; height:150px; margin-top:19px; float:right; margin-right:20px; display:inline;}
#ServiceSub h1{ font-size:17px; line-height:16px; color:#060606; margin:0px 0px 11px 0px; padding:0px;}
#ServiceSubInner{ width:209px; height:123px; margin-top:15px;}
#ServiceSubInner h1{ font-size:17px; line-height:16px; color:#060606; margin:0px 0px 11px 0px; padding:0px;}
.red{color:#e90d13 !important; font-size:14px;}

/*------------- content part start here ------------------- */

#contentpart{background-color:#f6f6f6; width:970px;  height:auto; float:left; margin-top:38px; padding:15px 15px 15px 15px;   }

#contentpart h3 {font-weight:400; color:#bb2e1d; float:left; font-size:16px; }

#content_left{ width:710px; height:auto; float:left; display:inline; border-right:1px solid #e8e8e8; padding:10px 15px 10px 15px ; background-color:#FFF;}





.subtext{ float:left; }
.subtext ul{  float:left; margin-top:8px;}
.subtext ul li{ float:left; list-style-image:url(../images/arrow-footer.gif); width:650px; margin-bottom:7px;}

#content_left h1{font-family:"FrutigerLightCn", Arial, Helvetica;font-size: 18px;color: #060606; z-index:10; margin:0px; line-height:18px; margin-bottom:14px;}
#latestnewslisting{ width:700px; list-style:none; list-style-position:inside; height:auto; display:block; padding:0px; margin:0px; overflow:hidden;}


#latestnewslisting p{ font-family:"FrutigerLightCn", Arial, Helvetica;font-size: 12px;color: #115555; z-index:10; margin:0px; line-height:18px; text-align:justify; margin-bottom:10px;}
#latestnewslisting img{ margin:0px 10px 3px 0px;} 
.portfolio-content, .portfolio-area{width:710px; margin-left:0px; height:auto;}




.title-page{font-size:40px;margin:50px 0px 60px 0px;color:#151515;}
.goto{float:right;width:130px;margin:-80px 30px 0px 0px;}

/**** PORTFOLIO STYLES*****/
.portfolio-categ{margin-bottom:30px;}
.portfolio-categ li{display:inline;margin-right:10px;}
.image-block{ display:block;position: relative;}
.image-block img{border: 1px solid #d5d5d5; border-radius: 4px 4px 4px 4px;background:#FFFFFF;padding:10px;}
.image-block img:hover{border: 1px solid #088bd5;box-shadow:0 0 5px #A9CF54;}
.portfolio-area li{float: left;margin: 0 12px 20px 0;overflow: hidden;width: 223px;padding:0px; list-style:none;}
.home-portfolio-text{margin-top:10px;}
li.active a{ text-decoration:underline;}






/**** END PORTFOLIO STYLES*****/


/*------------- Box bottomboxLinks ------------------- */
#bottomboxLinks{ width:222px; height:auto; float:left; display:inline; background-color:#FFF; padding:10px 0px 0px 0px; margin-left:5px; }
#bottomboxLinks ul{ list-style:none; padding:0px; margin:14px 0px 0p 8px; list-style-position:inside; height:auto;}
#bottomboxLinks ul li{   width:190px;  height:15px; padding:2px 0px 9px 0px; font-size:13px; color:#252525; background-image:url(images/bottombox-liline.jpg); background-repeat:no-repeat; float:left;  }
.nobg{ background-image:none !important;}
div#bottomboxLinks ul li img{ float:right; position:relative; vertical-align:middle; right:15px; bottom:3px;-moz-transition:all  0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 1s ease; transition: all  0.5s ease; margin-top:3px;}

div#bottomboxLinks ul li:hover img{ float:right; position:relative; vertical-align:middle; right:3px; -moz-transition:all  0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 1s ease; transition: all  0.5s ease;  }

#bottomboxLinks ul li a{color:#252525; float:left; display:inline;}
#bottomboxLinks ul li a:hover{color:#e90d13;}


/*------------- Footer ------------------- */

#footerout{ width:100%; height:155px; background-color:#4e130d; float:left; }
#footer{ clear:both; display:block; width:1000px; background-color:#f6f6f6;  height:155px; margin:auto; background:url(../images/footer-line_inner.gif); background-repeat:no-repeat; background-position:bottom;   }
.homefooter{ margin-top:15px;}
.meetus{background-image:none !important; padding:0px !important; width:150px !important;}
.callus{ width:140px !important;}

#footerContent{ width:960px; margin-left:30px; border-top:0px solid #e5e5e5; color:#fff;}
#footerContent ul{ width:150px; height:118px; float:left; display:inline; list-style-position:inside; padding:0px; list-style:none; margin-top:15px; margin-left:0px !important; margin-right:10px; }
#footerContent ul p{font-size:14px;  margin-bottom:1px; color:#f27a6b;}
#footerContent ul li{ width:140px; padding:3px 0px 3px 10px; list-style-position:inside; list-style:none; display:block; margin:0px; background-image:url(images/arrow-footer.gif);  background-position:0px 7px; background-repeat:no-repeat; font-size:12px; color: #7a7a7a;  -moz-transition:all  0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 1s ease; transition: all  0.5s ease;}
div#footerContent ul li a{-moz-transition:all  0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 1s ease; transition: all  0.5s ease;font-size:12px; color: #fff;}
div#footerContent ul li a:hover { color:#e27b6f; text-decoration:none;  -moz-transition:all  0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 1s ease; transition: all  0.5s ease;}
div#footerContent ul li:hover{width:135px; padding:3px 0px 3px 15px; -moz-transition:all  0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 1s ease; transition: all  0.5s ease;}
.rightline{ border-right:1px solid #e5e5e5; margin-right:16px !important;}
.meetus{background-image:none !important; padding:0px !important; color:#fff;}
#copyright{ position:absolute; right:20px; width:260px; bottom:2px; font-size:11px; color:#59534f;}



#copyright{ right:20px; width:290px; bottom:2px; font-size:10px; color:#000; float:right; margin-bottom:0px; margin-top:10px; position:relative; text-align:center;}

.gallery_outer{ width:710px; height:auto; float:left;  margin-bottom:0px; height: }

#content_brand{ width:930px; height:auto; float:left; display:inline; border-right:1px solid #e8e8e8; padding:10px 15px 20px 15px ; background-color:#FFF; margin-left:5px;}

#partners{
float:LEFT;
text-align:left;
width:220px;
height:92px; margin-left:4px; margin-right:8px; margin-bottom:5px;
margin-top:10px;}

.enquiry{ float:left; width:400px;}

.enquiry td{  border:solid 1px #CCC; height:30px; vertical-align:middle; padding:0px 5px 0px 8px; width:120px;}

.enquiry input{ height:30px; border:none; background-color:#CCC; width:200px;}

#formnew{ float:left;}

#formnew td{ margin-top:5px;}
	
	


.footer_main{ width:100%; height:217px; float:left; background:url(../images/footerone.jpg) left top repeat-x; margin-top:5px; }

.footer_main_one{ margin:auto; width:965px; height:190px; padding-top:20px; padding-left:20px; }

.footer_main_one a{ float:left; color:#000;}
.footer_main_one a:hover{ float:left; color:#f50a30;}

.f_box1{ width:305px; height:165px; float:left; border-right: dotted 1px #000; background:url(../images/footer.png) left top no-repeat; margin-right:50px; padding-top:0px; padding-right:20px; line-height:20px;}

.f_box1 h1{font-family:"FrutigerLightCn", Arial, Helvetica;font-size: 18px;color: #060606; z-index:10; margin:0px; line-height:18px; margin-bottom:7px;}

.f_box1 img { margin-right:10px; margin-bottom:3px;}

.f_box2{ width:190px; height:130px; float:left;  background-color:#; margin-right:0px; padding-top:15px; padding-right:20px; line-height:18px;}




.f_box2_img{ float:left; background:url(../images/phone.jpg) left top no-repeat; background-position: left center; padding-left:40px; height:23px; width:140px; margin-bottom:19px;}

.f_box2_img2{ float:left; background:url(../images/fax.jpg) left top no-repeat; background-position: left center; padding-left:40px; height:23px; width:140px; margin-bottom:19px;}

.f_box2_img3{ float:left; background:url(../images/mail.jpg) left top no-repeat; background-position: left center; padding-left:40px; height:23px; width:140px; margin-bottom:0px;}	

.f_box1_new{ width:305px; height:158px; float:left; border-right: dotted 1px #000; background-color:#; margin-right:50px; padding-top:0px; padding-right:20px; line-height:20px; margin-top:12px;}

.f_box1_new h1{font-family:"FrutigerLightCn", Arial, Helvetica;font-size: 18px;color: #060606; z-index:10; margin:0px; line-height:18px; margin-bottom:7px;}

.f_box1_new img { margin-right:10px; margin-bottom:3px;}