/*
	Title :: Solutions for You Inc. Screen Style
	Created :: 2005/01/16
	Modified :: 2005/01/23
*/

body {
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
	color: #000;
	font-family: "Bitstream Vera Sans", Verdana, Arial, sans-serif;
	background: transparent url(images/body-bg.gif) top left repeat;
}

/* ------------ Basic Font Sizes ------------- */
h1 {
	padding: 0;
	margin: 0;
	font-size: 140%;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-weight: normal;
}

h2 {
	padding: 0;
	margin: 0;
	font-size: 135%;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-weight: normal;
}

h3 {
	padding: 0;
	margin: 0;
	font-size: 130%;
	font-family: "Trebuchet MS", Verdana, sans-serif;
}

h4 {
	padding: 0;
	margin: 0;
	font-size: 115%;
	font-family: Arial, sans-serif;
}

h5 {
	padding: 0;
	margin: 0;
	font-size: 105%;
	font-family: Arial, sans-serif;
    line-height: 5em;
}

p {
	padding: 0;
	margin: 1em 0 1em 0;
	font-size: 85%;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
}

strong {
	padding: 0;
	margin: 0;
	font-weight: bold ;
}

em {
	padding: 0;
	margin: 0;
	font-weight: bold;
	font-style: italic;
}

/* ------------ Links Styles ------------- */
a:link {
	color: #c60;
}

a:visited {
	color: #6c0;
}

a:hover {
	color: #06c;
}

a:active.more, a:link.more {
	padding-right: 19px;
	background: transparent url(images/anchor-more.gif) top right no-repeat;
	color: #36c;
}

a:hover.more {
	color: #036;
	background-color: #ddd;
}


/* ----------- Page Layout Elements ---------------------- */
/*---------------------------------------------------------
   +------------------+ <- Logo ---------------+
   |------------------| <- Nav                 |
   |------------------| <- Page Title --+      |
   |  |               |                 |      |
   |  |               |                 |      | = Pseudowrap
   |S |  Content      |            = Main      |
   |  |               |                 |      |
   |  |               |          -------+      |
   +--|---------------| <- Footer              |
   +--|---------------| <----------------------+
s = Sidebar
----------------------------------------------------------*/

#pseudowrapper {
	margin: 0 auto ;
	padding: 0;
	border: 0;
	width: 725px ;
	font-size: 90%;
	text-align: left;
}

/* ----------------- Logo Settings -----------------------*/
#logo {
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
	height: 100px auto;
	/* background: #3b0 url(images/logo-design-1.jpg) left top no-repeat ; */
	/* background: #b50 url(images/logo-design-3.gif) left top no-repeat; */
	/* background: #696; */
	background: #b50 url(images/logo-bg-1.jpg) bottom left repeat-x;
	width: 100%
}

#logo div#logowrap {
	float: left;
	margin: 0;
	padding: 0;
	height: 100px auto;
	width: 300px;
}

#logo img {
	margin: 0;
	padding: 0;
	display: block;
}

#logo span {
	float: left;
	height: 100px ;
	background: #3b0;
}

#logo #logo-punch {
	float: right;
	top: 0;
	margin: 10px 0 0 0 ;
	padding: 0;
	height: 100px auto;
	width: 300px auto;
	text-align: right;
	line-height: 1.5em;
	background: transparent ; /*#b50 ;*/ /* #3b0 url(images/logo-design-1.jpg) left top no-repeat ; */
}

#logo #logo-punch p {
	margin: 0;
	padding: 0;
	padding-right: 20px;
	text-align: right;
	font-weight: white;
	font-family: Verdana, sans-serif;
	font-size: 120%;
	letter-spacing: 0.1em;
	/* color: #cf9; */
	color: white;
}

#logo #logo-punch ul {
	margin: 0;
	padding: 0;
}

#logo #logo-punch li {
	padding-right: 50px;
	margin: 0;
	text-indent: 2px;
	text-align: right;
	list-style: none;
	letter-spacing: 0.3em;
	line-height: 1.9em;
	font-size: 70%;
	color: #fd5;
}

#logo #logo-punch p.tagline {
	margin: 0;
	padding: 0;
	padding-right: 25px;
	text-align: right;
	font-size: 120%;
	font-family: Georgia, Garamond, serif;
	/* color: #140; */
	color: white;
}

/* ---------------- Navigation Settings ------------------- */
/* Excellent Tutorial Sliding Doors of CSS ---------------- */
#sitenav {
	float: left;
	margin: 0;
	padding: 0;
	width: 725px;
	list-style: none;
	border-top: 2px solid #55e;
	border-bottom: 4px solid #11a ;
	font-size: 84%;
	background: #33c;
}

#sitenav li {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	text-indent:0.5em;
}

#sitenav a {
	display: block;
	float: left;
	padding: 4px 30px 0 30px;
	color: #99e;
	text-decoration: none;
	border-right: 2px solid #55e;
}

#sitenav a:hover {
	color: white;
	border-right: 2px solid black;
	background: #11f;
}

#sitenav a.active {
	color: white;
	background: #00a;
	font-weight: bold;
}

/* --------------- Page Title/Teaser Setting -------------- */

#pagetitle {
	float: left;
	width: 725px;
	margin: 0;
	padding: 0;
	height: 100px ;
	text-align: right;
	background-color: #003;
	/* background: rgb(17, 51, 85); */
}

#pagetitle #decor {
	float: left;
	margin: 0;
	padding: 0;
	height: 100px ;
	width: 204px;
	background: #003 url(images/pagetitle-bg.jpg) top right no-repeat;
}

#pagetitle h1 {
	margin: 0;
	padding: 15px 15px 0 0;
	text-align: right;
	font-weight: bold;
	font-size: 170%;
	line-height: 1.1em;
	color: white;
}

#pagetitle p {
	float: right;
	margin: 0;
	padding: 15px 15px 0 0;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	letter-spacing: 0.1em;
	font-weight: normal;
	font-size: 90%;
	width: 60%;
	color: #bbe;
}

/* ----------------- Main Part of the Page (Sidebar/Content ------------- */
#main {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100% auto;
	background: #ffd; /* white url(images/sidebar-bg.gif) top right repeat; */
}

#sidebar {
	float: right;
	margin: 0;
	padding: 0;
	left: 0;
	width: 182px;
	border: 0;
	text-align: left;
	display: inline;
}

#sidebar #title {
	margin: 0 0 0 0 ;
	padding: 15px 0 15px 0;
	background: #cc9 url(images/sidebar-title-bg.gif) top left repeat-x;
	color: black;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-weight: bold;
	font-size: 105%;
	height: 20px auto;
	text-align: center;
}
/* Overcome stupid 3px margin bug in IE/Win floats, 
   which fixes a lot of things, including disapearing company nav,
   randomly appearing text, and wrappers pushed too wide.
   http://www.positioniseverything.net/explorer/threepxtest.html */
* html #sidebar * html #sidebar #title {
	width: 192px;
	margin-right: -3px;
}

/* Overcome stupid 3px margin bug in IE/Win floats, 
   which fixes a lot of things, including disapearing company nav,
   randomly appearing text, and wrappers pushed too wide.
   http://www.positioniseverything.net/explorer/threepxtest.html */
  * html #content  {
	width: 543px;
	margin-right: -3px;
	}

#sidebar ul {
	list-style: none;
}

#sidebar li {
	list-style: url(images/sidebar-bullet-3.gif);
	padding: 1px 0 1px 0;
}

* html #sidebar ul {
	margin: 10px 0 0 15px ;
}

* html #sidebar li {
	text-indent: 8px;
	line-height: 1.2em;
}

#sidebar a {
	color: #55d; /* #590; */
	text-decoration: none;
}

#sidebar a:hover {
	color: #150;
}

#content #title {
	display: none;
	height: 0px !important ;
}

#content {
	float: left;
	margin: 0;
	padding: 5px 5px 5px 5px;
	width: 522px;
	border: 0;
	background: white url(images/content-bg.gif) top left repeat-x;
	text-align: left;
	/* border-right:1px solid silver; */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 533px; 
/*	color: #555; */
	color: #333;
}

#content p {
	margin: 0;
	padding: 0;
	font-size: 95%;
}

#content .note {
    font-size: 80%;
    text-align: justify;
}

#content .note {
    font-size: 80%;
}

#content #data {
	margin: 10px 0 0 0 ;
	padding: 0;
}

#content #data p {
	margin: 0;
	padding: 0 0 5px 1px;
	font-size: 103% ;
}

#content #data p:first-letter {
	font-size: 200%;
}

#content #data p+p:first-letter {
    font-size: 103%;
}

#content #data p+p {
    text-indent: 1.5em;
}

#content #data #plug {
	float: left;
	margin: 10px 20px 20px 5px;
	padding: 0;
	width: 200px;
	border:1px solid #b50;
	color: #006;
	background: #eed;
}

#content #data #plug h2 {
	text-align: center;
	background: silver ;
}

#content #data #plug p {
	padding: 5px 5px 5px 5px;
	font-size: 90%;
	line-height: 1.6em;
	font-family: Verdana, Arial, sans-serif;
}

#content #data #plug p:first-letter {
	font-weight: bold;
	font-size: 150%;
}

#content #data #plug p+p {
    font-size: 90%;
}

#content #data #plug p+p:first-letter {
    font-weight: normal;
	font-size: 90%;
}

#cotent #data dl {
	margin: 0;
	padding: 0;
}

#content #data dt {
	margin:15px 0 10px 0;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size:95%;
}

#content #data dd {
	padding:0px 15px 5px 25px;
	font-weight:normal;
	font-size:85%;
	line-height:1.5em;
	background: transparent url(images/content-dd.gif) 0px 3px no-repeat;
}

#content #data dl.services {
	margin: 0;
	padding: 5px 10px 5px 10px;
	/*
	margin-left:5%;
	border:1px dotted #999;
	font-family: verdana, arial, sans-serif;
	*/
}


#content #data dt.services {
	font-weight:bold;
	color:#559;
	font-size:90%;
	margin:15px 0 10px 0;
	text-indent: 1.4em;
	display: block;
	/* add image */
}
#content #data dd.services {
	font-weight:normal;
	font-size:85%;
	padding:0px 15px 5px 25px;
	line-height:1.5em;
	/* background: transparent url(images/content-dd-1.gif) 0px 6px no-repeat; */
}

#content #data dd.services:hover{
	background-color: #ddd;
}



#content #data dl.careers {
	margin: 0;
	padding: 5px 10px 5px 10px;
}


#content #data dt.careers {
	font-weight:bold;
	color:#689;
	font-size:90%;
	margin:15px 0 10px 0;
	text-indent: 1.4em;
	display: block;
	/* add image */
}
#content #data dd.careers {
	font-weight:normal;
	font-size:85%;
	padding:0px 15px 5px 25px;
	line-height:1.5em;
	/* background: transparent url(images/content-dd-1.gif) 0px 6px no-repeat; */
}



		#content #data #contact {
				padding:0;
				border:0;
				background:#fff;
		}
		#content #data dl#contact {
				padding:0 0 10px 40px;
				border-bottom:1px solid #ccc;
		}
		#content #data dl#contact dt {
				font-weight:bold;
				padding:0 0 10px 35px;
		}
		#content #data dl#contact dd {
				padding:0 0 15px 35px;
		}
		#content #data dl.mailing dd.us {
				background: url(images/contact-mailing-us.gif) no-repeat;
		}
		#content #data dl.mailing dd.in {
				background: url(images/contact-mailing-in.gif) no-repeat;
		}
		#content #data dl.sales dd {
				background-image:none;
		}
		#content #data dl.tele dd.general {
				background-image: none; /*url(/images/contact-tele.gif) no-repeat;*/
		}
		#content #data dl.tele dd.fax {
				background-image: none;  /* url(/images/contact-fax.gif) no-repeat; */
		}
		#content #data dl.questions dd.general {
				background: url(images/help-browser.gif) no-repeat;
				background-color: #ffe;
				
		}
				

#content #data #onlinecontact {
	margin:0;
	padding:5px;
	}
#content #data #onlinecontact dl {
	margin:0 0 0 5px;
	padding:3px 15px 3px 15px;
	border:0;
	background:#eeb;
	}
#content #data #onlinecontact dt {
	color: #333;
	font-weight: normal !important;
	padding-bottom:0;
	}
#content #data #onlinecontact dd {
	margin:0;
	padding:0;
	background-image:none;
	font-size:94%;
}
#onlinecontact dt em, .note em {
	color: #c00;
	font-weight: bold;
	font-style: normal;
	}
#onlinecontact #sendername, #onlinecontact #senderemail, #onlinecontact #senderphone, #onlinecontact #subject, #onlinecontact #mesg-body {
	width: 100%;
	padding: 2px;
	color: #11d;
	background:#ffc;
	border:1px solid #aa8;
	font-size: 110%;
	}
#content #data #onlinecontact textarea {
	width: 100%;
	height: 180px;
	font-family: inherit;
	font-size: 110%;
	border:1px solid #aa8;
	}

#content #data #onlinecontact input.button {
		font-family:Verdana, Arial, sans-serif;
		font-weight:bold;
		background-color:#eeb;
		margin:0;
}


#footer {
	clear: both;
	margin: 0;
	padding: 0;
	height: 30px;
	background: #003;
	text-align: center;
}

#footer h6 {
	padding: 10px 0 10px 0;
	margin: 0;
	color: #88b;
	font-weight: normal;
	font-size: 65%;
	letter-spacing: 0.1em;
	font-family: Verdana, Arial, sans-serif;
}

#footer strong {
	color: #aad;
}