﻿/*
Theme Name: TRIO Elevators
Theme URI: http://seoserviceindia.com
Description: TRIO Elevators Website
Version: 1.0
Author: SEO Service India
Author URI: http://seoserviceindia.com
Tags: TRIO Website Design

*/

#entry-meta-single {border:none;}
#respond {border:none;}
#footer{border:none; font-size:11px;}
li.depth-1 {border:none;}
.navigation {border:none;}

/* - BASIC STUFF - */
body {background:#fff;font:15px Arial Narrow, Verdana, Geneva, sans-serif;color:#000;margin:0 auto;padding:0 20px; text-align:justify;}
a {text-decoration:none; color:#0093DD;}
a:hover {text-decoration:underline; color:black;}
.additional-meta {font-size: xx-small}
blockquote {font-style:oblique}

/* -- LISTS -- */
ul {margin:0;padding:0;}
ul li {	margin-left:5px;padding:0;}
li {list-style-type:none;}
.disc {list-style-type:disc}
/* lists inside posts */
.entry-content ul ol {margin-left:0;}
.entry-content ul li {margin-left:10px; list-style:disc; list-style-position:inside}
.entry-content ul li ol {margin-left:10px;}
.entry-content ol li {margin-left:5px; list-style: decimal; list-style-position:inside}
.entry-content ol li li {margin-left:5px;}

/* -- HEADINGS -- */
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;}
h2.entry-title {font-size:150%; font-weight:normal; margin: 10px 0 10px 0;}
h2#comments{margin:20px auto 10px;font-size:140%;}
h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6  a:link {color:#0093DD;}
.widget h3{ display:none; }

h2{ font-weight:bold; font-size:17px;}

h2.page-title{font-size:150%; font-weight:normal; margin: 5px 0 10px 0; color:#0093DD; border-bottom:1px #E7E8E6 solid; padding-bottom:5px; text-transform:capitalize;}

h2.entry-title{font-size:150%; font-weight:normal; margin: 5px 0 10px 0; color:#0093DD; border-bottom:1px #E7E8E6 solid; padding-bottom:5px; text-transform:capitalize;}
h2.entry-title a:link{ text-decoration:none;}
h2.entry-title a:hover{ text-decoration:none; color:#0093DD;}


h2.archive-title{font-size:150%; font-weight:normal; margin: 5px 0 10px 0; color:#0093DD; padding-bottom:5px; text-transform:capitalize;}

/* headings inside posts */
.entry-content h3 {font-size:140%;}
.entry-content h4 {font-size:120%;}
.entry-content h5 {font-size:100%;}
.entry-content h6 {font-size:90%;}

/* -- MAIN DIV'S -- */
#wrapper {float:none;clear:both;margin:0 auto;padding:0;width:960px; background: white;}

#header {height:85px;margin:0 auto;text-align:center;padding: 20px 0; background-image:url('images/logo.gif'); background-position:left top; background-repeat:no-repeat; margin-top:20px; text-align:left;}
#header h1 { font-family: Helvetica; color:#0093DD; font-size:26px; text-transform:uppercase;  font-weight:bold; margin: -20px 0 0 90px;}
#header h2 { font-family: Helvetica; color:#0093DD; font-size:20px; font-weight:bold; margin: 0 0 0 90px;}

#footer {height:85px;overflow:hidden;margin:10px auto 0;clear:both;float:none;text-align:center;padding: 0; border-right:1px #E7E8E6 solid;}

#bg{width: 960px; background:white url('images/grad5.gif') repeat-x scroll center bottom; border:1px #E7E8E6 solid;}

/* -- POSTS -- */
.post-index {margin:0 0 10px;}
#post-single {margin:0 0 20px;}
.posts-wrap {float:none; clear:none;margin:0 auto;width:567px; line-height:20px; border-left: 1px #E7E8E6 solid; border-right: 1px #E7E8E6 solid; min-height:700px;}
#pad{padding:10px 15px 10px 15px; }

/* -- SIDEBARS --*/
.sidebar {clear:none; }
.block-1 {float:right; width: 194px;}

.block-1 a{font-size:11px;  text-decoration:none;  color:#626A69; line-height:30px; }
.block-1 a:link{font-size:11px;  text-decoration:none;  color:#626A69;}
.block-1 a:hover{font-size:11px;  text-decoration:underline;  color:#0093DD;}
.block-1 li{ 	border-bottom:1px #E7E8E6 solid;}

.block-2 {float:left; width: 192px; text-align:center;}

#prologo1{ width: 152px; height:77px; border: 1px #E7E8E6 solid;  margin: 21px 0px 10px 21px; background: white url('images/logo-crystal.gif') no-repeat scroll center center;}
#prologo2{ width: 152px; height:77px; border: 1px #E7E8E6 solid;  margin: 21px 0px 10px 21px; background: white url('images/logo-eagle.gif') no-repeat scroll center center;}
#prologo3{ width: 152px; height:77px; border: 1px #E7E8E6 solid;  margin: 21px 0px 10px 21px; background: white url('images/logo-max.gif') no-repeat scroll center center;}
#prologo4{ width: 152px; height:77px; border: 1px #E7E8E6 solid;  margin: 21px 0px 10px 21px; background: white url('images/logo-care.png') no-repeat scroll center center;}
#prologo5{ width: 152px; height:77px; border: 1px #E7E8E6 solid;  margin: 21px 0px 10px 21px; background: white url('images/logo-cargo.png') no-repeat scroll center center;}

.block-2 a {font-size:11px;  text-decoration:none;  color:#0093DD;}
.block-2 a:link{font-size:11px;  text-decoration:none;  color:#0093DD;}
.block-2 a:hover{font-size:11px;  text-decoration:none;  color:black;}

.sbt{ width:196px; height:30px; background: gray url('images/grad3.gif') repeat-x scroll center bottom; color:white; font-size:11px; text-align:left; font-weight:bold; font-size:13px;}

.sbtpad{ padding:7px 0 0 8px; }

/* -- 404-PAGE --*/
.error404 {margin:0;width:100%;}
.error404 h1,.error404 h2 {margin: 10px auto;}

/* -- COMMENTS -- */
div.comments-wrap {margin:15px auto; padding:0;}
li.comment,li.trackback, li.pingback {margin: 10px auto;}
ul.children {margin-left:10px;}
ul.commentlist, ul.pinglist {margin:10px 0;}
div.reply {}
textarea#comment {overflow:auto}

/* -- ALIGNMENTS --*/
img.alignright {float:right;clear:none;margin:0 0 1em 1em}
img.alignleft {float:left;clear:none;margin:0 1em 1em 0}
img.aligncenter {display: block; margin:1em auto; text-align:center}
img.alignnone {margin:0 0.5em 0 0;}

/* -- NAVIGATION --*/
div.navigation {width:100%;height:auto;float:left;clear:none;padding: 10px 0px;}
.navigation-index {}
.nav-next {float:right;clear:none;width:48%; text-align:right;}
.nav-prev {float:left;clear:none;width:48%; text-align:left;}

/* -- SHOW --*/
#show{ width:567px; height:240px;}

/* -- FOOTER MENU --*/

#footer li{color: #626A69; border-right:1px #626A69 solid;  list-style: none; display:inline; }
#footer li a{color: #626A69; text-decoration:none;margin: 0 10px 0 10px;}
#footer li a:link{color: #626A69; text-decoration:none;margin: 0 10px 0 10px;}
#footer li a:hover{color: black; text-decoration:underline;}


/************************************************
*	Navbar      								*
************************************************/

#navbar {
	background: #0093DD url(images/grad2.gif);
	width: 960px;
	height: 35px;
	font-size: 13px;
	font-family:  Arial Narrow, Verdana, Tahoma;
	color: #C3DBED;
	font-weight: bold;
	margin: 0px auto 0px;
	padding: 0px;
	}
	
#nav {
	margin: 0px;
	padding: 0px;
	}
	
#nav ul {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
#nav li {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
#nav li a, #nav li a:link, #nav li a:visited {
	color: #C3DBED;
	display: block;
	font-weight: bold;
      margin: 0px;
	padding: 9px 20px 10px 20px;
	text-decoration: none;
	text-transform: uppercase;
	border-right: 1px solid #6AA8C9;
	}

#nav li a:hover, #nav li a:active {
	background: #000000 url(images/grad2-1.gif);
	color: #FFFFFF;
	}
	
#nav li li a, #nav li li a:link, #nav li li a:visited {
	width: 170px;
	background: #000000 url(images/grad2-2.gif);
	color: #FFFFFF;
	float: none;
	font-weight:normal;
	margin: 0px;
	padding: 7px 10px 7px 10px;
	border-bottom: 1px solid #AAC464;
	border-left: 1px solid #AAC464;
	border-right: 1px solid #AAC464;
	}
	
#nav li li a:hover, #nav li li a:active {
	background: #AAC464;
	color: black;
	padding: 7px 10px 7px 10px;
	}

#nav li ul {
	z-index: 9999;
	position: absolute;
	left: -999em;
	height: auto;
	width: 190px;
	margin: 0px;
	padding: 0px;
	}

#nav li li { 
	}

#nav li ul a { 
	width: 160px;
	}

#nav li ul a:hover, #nav li ul a:active { 
	}

#nav li ul ul {
	margin: -30px 0 0 191px;
	}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
	}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
	}

#nav li:hover, #nav li.sfhover { 
	position: static;
	}
