/*-------------------------------------------------
SUBSECTION 1: DOCUMENT INFORMATION
---------------------------------------------------
File Name	  : layout.css
Date Created  : 14 Nov 2010 [11.44 PM IST]
Project Name  : Unicorn Tech Solutions
Author Name   : Paul [paul@unicorntechsolutions.com]
-------------------------------------------------*/

/*-------------------------------------------------
SUBSECTION 2: CSS RESET
-------------------------------------------------*/
*{margin:0; padding:0;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;}
body {line-height: 1.5;}
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align:inherit; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
ol, ul {list-style: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}

/*-------------------------------------------------
SUBSECTION 3: STANDARD HTML TAGS REDEFINITION
-------------------------------------------------*/
body			  { background:#0e0e0e url(../images/body-bg.jpg) no-repeat top center; text-align:center; 
					font-family:Arial, Helvetica, sans-serif; font-size:12px;}
form, input 	  { color:#000; }
h1				  { font-size:24px; }
h2				  { font-size:18px; }
h3				  { font-size:13px; }
a				  { color:#666; }
a:link, a:visited { color:#666; }
a:hover 		  { color:#333333; }
/*-------------------------------------------------
SUBSECTION 4: TYPOGRAPHY
-------------------------------------------------*/

/*-------------------------------------------------
SUBSECTION 5: WEBSITE CUSTOM STYLES
-------------------------------------------------*/
	
/*-------------------------------------------------
BODY > WRAPPER
-------------------------------------------------*/
#wrapper { width:990px; margin:40px auto; text-align:left; position:relative; color:#4f4f4f; }

/* BODY > WRAPPER > HEADER */
.header_wrp { height:98px; overflow:hidden; padding:0 35px; }
.header_wrp .logo { float:left; padding:14px 0 0 20px;  }
.header_wrp .top_navigation { width:530px; float:right; padding:36px 0 0 0; }
.header_wrp .top_navigation ul { list-style:none; }
.header_wrp .top_navigation ul li { display:inline; margin:0 15px; }
.header_wrp .top_navigation ul li a { color:#808080; font-size:12px; text-decoration:none; font-weight:bold; text-transform:uppercase; padding:8px 5px; }
.header_wrp .top_navigation ul li a span {padding:8px 8px 8px 5px;}
.header_wrp .top_navigation ul li a:hover { background:url(../images/nav-lft.png) no-repeat 0 0; color:#fff;  }
.header_wrp .top_navigation ul li a:hover span { background:url(../images/nav-rgt.png) no-repeat top right; padding:8px 8px 8px 5px; }
.header_wrp .top_navigation ul li.active a { color:#fff; background:url(../images/nav-lft.png) no-repeat 0 0;  }
.header_wrp .top_navigation ul li.active span { background:url(../images/nav-rgt.png) no-repeat top right; padding:8px 8px 8px 5px; }
.header_wrp .support_no { position:absolute; top:11px; right:16px; width:222px; height:36px; 
background:url(../images/top-contact-no.png) no-repeat 0 0; }

/* BODY > WRAPPER > CONTENT */
.content_top{ background:url(../images/content-top-bg.png) no-repeat 0 0; height:35px; }
.content_mid{ background:url(../images/content-mid-bg.png) repeat-y 0 0; }
.content_bot{ background:url(../images/content-bot-bg.png) no-repeat 0 0; height:39px; }
.content_wrp { padding:0 35px;  }
.banner_wrp { padding:0 14px; }

/* BODY > WRAPPER > FOOTER */
.footer_wrp { background:#ededed; margin:0 16px 0 14px;  }
.footer_wrp .footer_top { background:url(../images/shadow-bg-small.jpg) no-repeat 0 0; padding:25px 40px 5px 40px; font-size:11px; }
.footer_wrp .footer_top h2 { font-size:14px; font-weight:bold; padding:0 0 25px 0; }

.footer_wrp .footer_top .footer_col_lft { float:left; width:220px; }
.footer_wrp .footer_top .footer_col_lft ul li { list-style:none; padding:0 0 3px 0; }
.footer_wrp .footer_top .footer_col_lft ul li a { text-decoration:none; color:#333; font-weight:bold; }
.footer_wrp .footer_top .footer_col_lft ul li a:hover {color:#0F4DB6; }
.footer_wrp .footer_top .footer_col_mid { float:left; width:315px; margin:0 30px 0 0;  }
.footer_wrp .footer_top .footer_col_mid p { margin:0 0 10px 0; }
.footer_wrp .footer_top .footer_col_mid p span { font-weight:bold; font-size:12px; }
.footer_wrp .footer_top .footer_col_rgt { float:left; width:300px; }
.footer_wrp .footer_top .footer_col_rgt ul li { list-style:none; border-bottom:#ccc 1px solid; padding:0 0 5px 0; margin:0 0 3px 0;}
.footer_wrp .footer_top .footer_col_rgt ul li a { text-decoration:underline; color:#0F4DB6; }
.footer_wrp .footer_top .footer_col_rgt ul li a:hover { color:#333;}

.footer_wrp .footer_bot { background:url(../images/sep-gw.jpg) repeat-x 0 0; padding:20px 0 0 15px; font-size:11px;}
.footer_wrp .footer_bot .footer_bot_lft { float:left; width:350px; }
.footer_wrp .footer_bot .footer_bot_lft a { text-decoration:underline; }
.footer_wrp .footer_bot .footer_bot_rgt { float:right; width:243px; background:url("../images/unicorn-tech-logo-bw.png") no-repeat scroll 190px 0 transparent; padding:0 112px 0 0; }
.footer_wrp .footer_bot .footer_bot_rgt ul li { display:inline; margin:0 8px 0 0; }


/*-------------------------------------------------
HOMEPAGE STYLES
-------------------------------------------------*/
.banner_wrp .homepage_banner { position:relative; }
.banner_wrp .homepage_banner .hbann_top { background:url(../images/home-banner.jpg) no-repeat 0 0; height:246px; color:#fff; 
padding:90px 0 0 50px;  }
.banner_wrp .homepage_banner .hbann_top p { font-size:18px; display:inline;}
.banner_wrp .homepage_banner .hbann_top h1 { font-size:30px; letter-spacing:-2px; line-height:30px; padding:5px 0 5px 0; }
.banner_wrp .homepage_banner .hbann_top h2 { font-size:35px; font-weight:bold; display:inline; line-height:35px; 
letter-spacing:-3px; text-transform:uppercase; } 
.banner_wrp .homepage_banner .hbann_image { background:url(../images/home-banner-board.png) no-repeat 0 0; width:444px; height:270px; position:absolute; top:90px; right:1px; }
.banner_wrp .homepage_banner .hbann_bot { background:#ededed; border-top:#fff 1px solid; border-bottom:; padding:35px 0 35px 35px; 
margin:0 2px 0 0;  }
.banner_wrp .homepage_banner .hbann_bot h2 { font-size:14px;font-weight:bold;padding:5px 0 0 0; }
.banner_wrp .homepage_banner .hbann_bot p { padding:3px 0; }
.banner_wrp .homepage_banner .hbann_bot .hbann_save { width:215px; float:left; background:url(../images/icon-save.png) no-repeat 0 0; 
padding:0 0 0 85px;}
.banner_wrp .homepage_banner .hbann_bot .hbann_time { width:213px; float:left; background:url(../images/icon-time.png) no-repeat 0 0; 
padding:0 15px 0 85px;}
.banner_wrp .homepage_banner .hbann_bot .hbann_contact { width:195px; float:left; background:url(../images/icon-contact.png) no-repeat 0 0; 
padding:0 0 0 85px;}

.content_wrp .homepage_threcol { padding:10px 0 10px 25px; }
.content_wrp .homepage_threcol .home_col_lft { float:left; width:266px; padding:0 25px 0 0;  }
.content_wrp .homepage_threcol h1 { font-size:25px; font-weight:bold; padding:0 0 10px 0; letter-spacing:-1px; }
.content_wrp .homepage_threcol p { padding:0 0 10px 0; line-height:18px; }
.content_wrp .homepage_threcol .but_read_more { padding:20px 0 0 0;  }
.content_wrp .homepage_threcol .home_col_mid { float:left; width:266px; padding:0 35px 0 0; }
.content_wrp .homepage_threcol .home_col_mid .lnk_wwd { padding:5px 0; }
.content_wrp .homepage_threcol .home_col_mid .lnk_wwd ul { list-style:none; }
.content_wrp .homepage_threcol .home_col_mid .lnk_wwd ul li { padding:5px 0 5px 15px; border-bottom:#ccc 1px dashed; background:url(../images/arrw-blk-sml.jpg) no-repeat 2px 8px; }
.content_wrp .homepage_threcol .home_col_mid .lnk_wwd ul li a { color:#0f4db6; text-decoration:none; display:block; }
.content_wrp .homepage_threcol .home_col_mid .lnk_wwd ul li a:hover { color:#1667f1; text-decoration:none; }
.content_wrp .homepage_threcol .home_col_rgt { float:left; width:266px; }

/*-------------------------------------------------
SUBPAGE STYLES
-------------------------------------------------*/
/* Banner Style */
.subpage_banner { background:url("../images/subpage-banner-bg.jpg") no-repeat scroll 0 0 transparent; color:#FFFFFF; height:25px; 
padding:30px 40px}
.subbann_lft { float:left; width:250px; }
.subbann_lft h2 { font-size:27px; font-weight:bold; line-height:22px; }
.subbann_rgt { float:right; width:590px; text-align:right; font-size:18px; line-height:22px; font-style:italic; }

/* Subpage Two Column */
.subpage_twocol { padding:0; background:url(../images/subpage-right-bg.jpg) repeat-y 700px 0;  }
.subpage_col_lft { float:left; width:665px; padding:40px 35px 40px 0; }
.subpage_col_lft h2 { padding:0 0 15px 0;}
.subpage_col_lft h3{ font-size:14px; font-weight:bold; color:#333; letter-spacing:-1px; padding:0 0 5px 0;}
.subpage_col_lft p { color:#4f4f4f; padding:0 0 15px 0; text-align:justify; line-height:18px; }
.subpage_col_rgt { float:left; width:220px; padding:40px 0 0 0; }
.subpage_rgt_row { padding:0 0 15px 0; }
.subpage_rgt_heading { background:url(../images/subpage-right-heading-bg.jpg) repeat-y 0 0; padding:5px 15px; font-size:16px; font-weight:bold;
color:#333;}

.subpage_rgt_nav { padding:10px 15px; }
.subpage_rgt_nav ul li { padding:5px 0 5px 15px; border-bottom:#ccc 1px dashed; background:url(../images/arrw-blk-sml.jpg) no-repeat 2px 8px; }
.subpage_rgt_nav ul li a { color:#0f4db6; text-decoration:none; display:block; }
.subpage_rgt_nav ul li a:hover { color:#1667f1; text-decoration:none; }

.subpage_rgt_para { padding:10px 15px; }
.subpage_rgt_para p { padding:2px 0; }
.subpage_rgt_para p a { color:#0f4db6; text-decoration:none; }

.subpage_rft_clients {  }
.subpage_rft_clients ul li {  }

/* Subpage One Column */
.subpage_onecol { padding:40px 0; text-align:justify;}
.services_row{ padding:5px 0;}
.services_row h1 { color:#585858; font-weight:bold; letter-spacing:-1px; }
.services_row_sep { background:url(../images/services-row-sep.jpg) repeat-x 0 0; height:40px; margin:0 -19px;}
.services_cont{ padding:10px 0;}
.services_cont p { line-height:18px; padding:0 0 10px 0;}
.services_col_img{ padding:0 0 10px 0;}
.services_but_wrp{ padding:0;}
.but_online_quotation{ float:right; padding:0 0 10px 0;}

.services_col_lft{ float:left; width:450px;}
.services_col_rgt{ float:right; width:450px;}

.services_bene_lft{ float:left; width:450px; }
.services_bene_rgt{ float:right; width:450px;}
.services_bene_lft ul, .services_bene_rgt ul { padding:20px 0 0 0;} 
.services_bene_lft li, .services_bene_rgt li { background:url(../images/icon-tick.png) no-repeat 0 5px; margin:0 0 10px 0; padding:0 0 0 45px; 
font-size:11px;}


/* Form Styles */
.form_wrapper { padding:0; }
.form_wrapper p { padding:5px 0; font-weight:bold; }
.form_wrapper input[type="text"] { border:#c9c9c9 1px solid; background:#fff url(../images/form-input-bg.jpg) repeat-x 0 0; padding:5px 10px; width:350px;
-moz-border-radius:5px; height:20px; }
.form_wrapper textarea { border:#c9c9c9 1px solid; background:#fff url(../images/form-input-bg.jpg) repeat-x 0 0; padding:5px 10px; width:550px;
-moz-border-radius:5px; height:200px; }

/*-------------------------------------------------
SUBSECTION 6: MISCELLANOUS STYLES
-------------------------------------------------*/
/* Float */
.flt_lft { float:left; }
.flt_rgt { float:right; }

/* Alignment */
.alg_lft { text-align:left; }
.alg_rgt { text-align:right; }
.alg_cen { text-align:center; }
.alg_jus { text-align:justify; }
.button_nor{padding:5px 10px; font-weight:bold; font-size:14px; color:#333; text-transform:uppercase; }

/*-------------------------------------------------
SUBSECTION 7: CLEARFIX
-------------------------------------------------*/
.clearfix:after { content: ".";	display: block;	clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix {	display: inline-block; }
html[xmlns] .clearfix {	display: block; }
* html .clearfix { height: 1%; }