@charset "utf-8";
/* CSS Document */
/*------------- Fonts -------------*/
@font-face {
    font-family: 'GothamBold';
    src: url('../fonts/Gotham-Bold.eot');
    src: url('../fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Gotham-Bold.woff') format('woff'),
         url('../fonts/Gotham-Bold.ttf') format('truetype'),
         url('../fonts/Gotham-Bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'HNBold';
    src: url('../fonts/helvetica_neue_bold-webfont.eot');
    src: url('../fonts/helvetica_neue_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helvetica_neue_bold-webfont.woff') format('woff'),
         url('../fonts/Helvetica_Neue.ttf') format('truetype'),
         url('../fonts/helvetica_neue_bold-webfont.svg#HelveticaNeueBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HNLight';
    src: url('../fonts/helveticaneuelight-webfont.eot');
    src: url('../fonts/helveticaneuelight-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helveticaneuelight-webfont.woff') format('woff'),
         url('../fonts/helveticaneuelight-webfont.ttf') format('truetype'),
         url('../fonts/helveticaneuelight-webfont.svg#HelveticaNeueLTPro45Light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HN';
    src: url('../fonts/helvetica_neue-webfont.eot');
    src: url('../fonts/helvetica_neue-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helvetica_neue-webfont.woff') format('woff'),
         url('../fonts/helvetica_neue-webfont.ttf') format('truetype'),
         url('../fonts/helvetica_neue-webfont.svg#HelveticaNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HNUT';
    src: url('../fonts/helveticaneue-ultlt-webfont.eot');
    src: url('../fonts/helveticaneue-ultlt-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helveticaneue-ultlt-webfont.woff') format('woff'),
         url('../fonts/helveticaneue-ultlt-webfont.ttf') format('truetype'),
         url('../fonts/helveticaneue-ultlt-webfont.svg#HelveticaNeueLTPro25UltraLt') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Reset */

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, address, code, img, 
small, strong, dl, dt, dd, ol, ul, li,
fieldset, form, label {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1.5;
    font-family:CG;
	width:100%;
	background:url(../images/background.jpg) repeat;
}
ol, ul {
	list-style: none;
}

html, body {height: 100%;}


/* End Reset */
.clear { clear:both}

.ie_br { line-height:0px; *line-height:18px !important; *clear:both;}
/*#############======== WRAPPER Styles =========###############*/
#bg_wrapper { text-align: center; min-width:950px; z-index:-1; width:100%; left:0; top:0px; /*background:url(../images/bg_1.jpg) no-repeat center top;*/ min-height:435px; position:absolute }


/*####===== HEADER Styles =====####*/
#header { width:950px; margin:0 auto 0;}

#header #navigation { float:left; clear:both; width:100%; padding:15px 0px}

#header #navigation ul { width:100%; float:left; font:14px/18px GothamBold; color:#818181;}

#header #navigation ul li { float:left; margin-right:27px}

#header #navigation ul li a { color:#818181; text-decoration:none;}

#header #navigation ul li a:hover { color:#fff}

#header #navigation ul li.current a { color:#fff}

#logo { float:left; clear:both; margin:8px 0 0}


/*XXXX------ ENDS HEADER ------XXXX*/


/*####===== BANNER Start =====####*/
#banner { width:995px; margin:0 auto; clear:both; min-height:425px; background:url(../images/banner_bg.png) no-repeat left top}

#example { position:relative; overflow:hidden}

#example .slides_container { width:951px; height:373px; overflow:hidden; float:left; position:relative; margin:10px 0 0 22px;}

#example .slide { width:951px}

#example .caption { z-index:900; position:absolute; bottom:44px; left:0; height:120px; width:300px; background:url(../images/caption_BG.png) no-repeat left top; }

#example .caption h1 { font:20px/20px HNBold; color:#aaaaaa; float:left; clear:both; margin:16px 0 0 20px;}

#example .caption h2 { font:21px/20px HNLight; color:#fff; float:left; clear:both; margin:20px 0 0 20px; *width:100%}

#example .caption h3 { font:16px/20px HNLight; color:#fff; float:left; clear:both; margin:3px 0 0 20px; *width:100%;}

.pagination { position:absolute; left:210px; bottom:125px; width:300px; z-index:8000}

.pagination li { float:left; margin:0 5px; }

.pagination li a { font:17px/18px HNBold; color:#6f6f70; text-decoration:none;}

.pagination li.current a { color:#fff}

.learn_more { position:absolute; right:22px; bottom:-40px; z-index:9900}

/*XXXX------ ENDS BANNER ------XXXX*/


/*####===== CONTENT Start =====####*/
#content { width:960px; clear:both; margin:40px auto 20px;}

#content .about_company { float:left; clear:both; width:100%; min-height:350px}

#content .about_company .left_div { width:470px; float:left; padding-left:0px}

#content .about_company .left_div h1 { float:left; clear:both; font:25px/20px HN; color:#c5c5c5; width:100%; word-spacing:-3px; *line-height:27px;}

#content .about_company .left_div h1 span { font-family:HNUT}

#content .about_company .left_div p { float:left; clear:both; width:100%; font:17px/19px HNLight; color:#a3a3a3; padding:20px 0 0;}

#content .about_company .right_div { float:right; width:479px}

#content .bottom_line { clear:both; margin:0 auto; width:908px}

/*XXXX------ ENDS CONTENT ------XXXX*/


/*####===== FOOTER Start =====####*/
#footer { width:905px; margin:0 auto 0; clear:both; text-align:center; padding-bottom:20px}

#footer .left_block { float:left; width:450px; min-height:136px; background:url(../images/footer_div_breaker.jpg) no-repeat right top; padding:13px 30px 0 0}

#footer .left_block div { width:190px; padding-right:22px; float:right}

#footer .left_block div h1 { font:12px/18px HNBold; color:#818181}

#footer .left_block div { font:12px/15px HN; color:#818181}

#footer .left_block div p { padding-bottom:15px}


/*------- Right Block -------*/
#footer .right_block { float:right; width:375px; padding:13px 3px 0 0px}

#footer .right_block h1 { font:14px/18px HNBold; color:#818181}

#footer .right_block ul { white-space:nowrap; padding:20px 0 0;}

#footer .right_block ul li img { vertical-align:middle}

#footer .right_block ul li { display:inline; margin-left:10px}

#footer .right_block h2 { clear:both; font:11px/18px HNBold; color:#818181; padding:30px 0 0}

/*XXXX------ ENDS FOOTER ------XXXX*/



/*>>>>>>>>>>>>>>>>>>>>>>------ CLIENTS Page Starts ------<<<<<<<<<<<<<<<<<<<<<<<<<*/
.clients { width:924px; padding:15px 14px; float:left; margin:35px 0 0 5px; clear:both; background:url(../images/clients_div_BG.jpg) repeat; min-height:400px; *margin-top:0px !important; *padding-bottom:35px !important;}

.clients .top_area { float:left; clear:both; width:100%}

.clients .top_area .left_block { float:left; width:237px; padding:15px 0px 10px; background:url(../images/inner_pages_borderSmall.jpg) no-repeat left top; min-height:88px; position:relative}

.clients .top_area .left_block h1 { font:12px/22px HN; color:#edecec; text-transform:uppercase; padding-left:10px}

.border_small { position:absolute; bottom:0px; left:0px}

.clients .top_area .right_block { float:right; width:670px; padding:15px 0 10px; background:url(../images/inner_pages_borderBig.jpg) no-repeat left top; min-height:88px; position:relative}

.clients .top_area .right_block p { width:80%; font:12px/12px HN; color:#868686; letter-spacing:1px; padding-left:10px}

.clients ul { float:left; clear:both; width:100%;}

.clients ul li { float:left; margin:20px 10px 23px 2px;}

.margin_right { margin-right:0px !important;}

/*XXXXXXXXXXX------ ENDS CLIENTS ------XXXXXXXXXXXX*/





/*>>>>>>>>>>>>>>>>>>>>>>------ INSPIRATION Page Starts ------<<<<<<<<<<<<<<<<<<<<<<<<<*/
.inspiration { float:left; clear:both; width:100%; padding:5px 0 30px; margin-bottom:0px; background:url(../images/border_bottom_insp_div.jpg) no-repeat left bottom}

.inspiration .left_block { float:left; width:237px; padding:15px 0 10px; position:relative}

.inspiration .left_block h1 { font:12px/15px HN; color:#edecec; text-transform:uppercase; padding-left:10px}

.inspiration .left_block ol { float:left; width:90%; clear:both; padding:17px 11px 10px;}

.inspiration .left_block ol li { float:left; margin-right:10px} 

.inspiration .left_block ol li a { display:block; font:12px/21px Arial, Helvetica; color:#333333; text-decoration:none}

.inspiration .left_block ol li a.fb_like { width:23px; padding-left:52px; height:20px; background:url(../images/fb_like_BTN.jpg) no-repeat left top; text-align:center}

.inspiration .left_block ol li a.tw_like { width:36px; padding-left:60px; height:20px; background:url(../images/tweet_like_BTN.jpg) no-repeat left top; text-align:center}

.inspiration .left_block p { float:left; clear:both; font:12px/12px HN; color:#868686; width:90%; padding:20px 0 0 11px}

.link_rm { float:right; clear:both; font:12px/12px HN; color:#868686; margin:60px 15px 0; text-decoration:none; letter-spacing:1px; *white-space:nowrap; *float:left !important; *margin-left:155px !important;}

.link_rm:hover { color:#fff}


/*---------- Right Block ----------*/
.inspiration .right_block { float:right; width:670px; padding:20px 0 10px; position:relative}

.inspiration .right_block img { padding-left:15px}

.last { background:url(../images/border_bottom_insp_full.jpg) no-repeat left bottom;}


/*------- Pagination --------*/
.clients #pagination { float:left; clear:both; width:100%; padding:16px 0 35px; text-align:right;}

.clients #pagination a { font:13px/18px HN; color:#868686; margin-right:7px; text-decoration:none}

.clients #pagination a:hover { color:#fff}

.clients #pagination p { padding-right:50px}

/*XXXXXXXXXXX------ ENDS INSPIRATION ------XXXXXXXXXXXX*/

.sec .left_block ol li a {
    color: #ABABAB;
    display: block;
    padding: 1px 0 0 2px;
    text-decoration: none;
    width: 202px;
}
.sec .left_block ol {
    color: #ABABAB;
    font: 12px/16px HN;
    text-transform: uppercase;
}
.sec .left_block ol {
    clear: both;
    color: #ABABAB;
    font: 12px/16px HN;
    height: auto;
    padding: 0 0 19px 8px;
    text-transform: uppercase;
    width: 100%;
}
.sec .left_block ol li a:hover {
    background: none repeat scroll 0 0 #3F3F3F;
}
.sec .left_block ol li a.selected {
    background: none repeat scroll 0 0 #3F3F3F;
}

.sec .right_block {
    padding: 11px 0 4px !important;
    min-height: 216px !important;
}
.service ol {
    color: #868686;
    float: left;
    font: 12px/14px HN;
    padding-left: 4px;
    width: 520px;
}
.service ol li {
    clear: both;
    padding: 10px 0 3px;
    width: 100%;
}
.service ol li h1 {
    clear: both;
    color: #FFFFFF;
    font: 12px/18px HN;
    width: 100%;
}
.service {
    background: none repeat scroll 0 0 transparent !important;
}

.service p h1 {
    clear: both;
    color: #FFFFFF;
    font: 12px/18px HN;
    width: 100%;
}
.service p {
    color: #868686;
    float: left;
    font: 12px/14px HN;
    padding-left: 4px;
    width: 520px;
}

a {
    text-decoration:none;
    color: #fff;

}
a :hover {
    text-decoration:none;
    color: #fff;

}





/*>>>>>>>>>>>>>>>>>>>>>>------ ABOUT US Page Starts ------<<<<<<<<<<<<<<<<<<<<<<<<<*/

.au_top { float:left; clear:both; width:100%; position:relative; background:url(../images/complete_border.jpg) no-repeat left top;}

.au_top .left_block { float:left; width:237px; padding:15px 0 10px;  }

.au_top .left_block h1 { font:12px/22px HN; color:#edecec; text-transform:uppercase; padding-left:10px}


.au_top .right_block { float:right; width:670px; padding:15px 0 20px;  }

.au_top .right_block p { width:80%; font:12px/12px HN; color:#868686; letter-spacing:1px; padding-left:10px;}

.au_top .right_block p a { text-decoration:none; color:#868686; border-bottom:1px solid #474747}

.au_top .right_block p a:hover { color:#FFF; border-bottom:1px solid #FFF}

.au_border { position:absolute; bottom:0px; left:0px}


.au_left_block { float:left; width:237px; padding:15px 0 10px; position:relative}

.au_left_block p { width:90%; font:12px/13px HN; color:#868686; letter-spacing:1px; padding-top:20px}

.au_left_block p span { color:#fff; line-height:15px}

.au_left_block p a { text-decoration:none; color:#cecdcd; *line-height:40px !important;}

/*XXXXXXXXXXX------ ENDS ABOUT US ------XXXXXXXXXXXX*/



/*>>>>>>>>>>>>>>>>>>>>>>------ CONTACT US Page Starts ------<<<<<<<<<<<<<<<<<<<<<<<<<*/
.au_top .right_block p span { color:#FFF; line-height:17px}

.cu { padding-bottom:0px !important;}

.au_top .info_boxes { width:450px; padding:40px 0px 0 25px; text-align:center}

.au_top .info_boxes div { width:180px; padding-right:22px; float:right}

.au_top .info_boxes div h1 { font:12px/18px HNBold; color:#818181}

.au_top .info_boxes div { font:12px/15px HN; color:#818181}

.au_top .info_boxes div p { padding-bottom:15px; width:auto !important;}


/*--------------- Fields Area ----------------*/
.cu_block { float:right; width:670px; padding:20px 0 0px; position:relative}

.cu_block ol { float:left; padding:50px 0 50px 40px;}

.cu_block ol li { float:none; clear:both; width:495px}

.cu_block ol li label { font:12px/16px HN; color:#edecec; text-transform:uppercase}

.cu_block ol li input[type="text"] { background:#bdbdbd; border:1px solid #676666; font:12px/16px HN; color:#4A4A4A; padding:2px 10px; width:468px; line-height:14px\9}

.cu_block ol li textarea { background:#bdbdbd; border:1px solid #676666; font:12px/16px HN; color:#4A4A4A; padding:2px 0px 2px 10px; width:478px; height:130px}

.cu_block ol li .file_upload { background:#bdbdbd; border:1px solid #676666; font:12px/16px HN; color:#4A4A4A; padding:10px 0px 1px; width:488px; position:relative;}

.cu_block ol li .file_upload div { position:absolute; width:80px; height:20px; background:url(../images/choose_file_BTN.jpg) no-repeat left top; left:10px; top:8px; z-index:100; top:6px\9}

.cu_block ol li input[type="file"] { border:0px; cursor:pointer; left:-132px; z-index:300; position:relative; text-align:right; opacity:0; filter:alpha(opacity: 0);}

.cu_block ol li .file_upload span { font:11px/18px Tahoma; color:#4c4c4c; position:absolute; left:95px; top:8px}

.cu_block ol li input[type="button"] { width:83px; height:34px; background:url(../images/send_BTN.jpg) no-repeat left top; cursor:pointer; border:0px; float:right; margin-right:5px; margin-top:14px}


/*XXXXXXXXXXX------ ENDS CONTACT US ------XXXXXXXXXXXX*/