/* June 26, 2009 by mukeshyadav */

*{margin: 0; padding: 0; outline: none;}

body{background: #d2d2d2; font: normal 11px/16px Arial, Helvetica, sans-serif; color: #515151;}

.clear{clear: both; font-size: 1px; height: 1px;}
.bgwhite{background: #FFF;}

/*	layout	*/
#layout{width: 800px; margin: 0 auto;}

/*	topbar	*/
#topbar{height: 50px; padding: 0 0 20px 14px; font-size: 10px; width: 786px;}
#topbar ul{list-style-type: none; padding: 29px 0 0 0;}
#topbar ul#leftmenu{float: left;}
h2 {font: normal 11px Helvetica, sans-serif; color: #515151;}
#topbar ul#rightmenu{float: right; text-transform: uppercase;}
#topbar ul#rightmenu li{display: inline; padding: 0 13px; background: url(../images/img_separator.gif) right 2px no-repeat;}
#topbar ul#rightmenu li.nonebg{background: none;}
#topbar ul a{color: #1f1f1f; text-decoration: none;}
#topbar ul a.active{color: #e53034; font-weight: bold;}
#topbar ul a:hover{color: #e53034;}

/*	header	*/
#header{background: url(../images/bg_header.jpg) left top no-repeat; height: 122px;}
#header .h{font: bold 32px/33px "Trebuchet MS", Arial, Helvetica, sans-serif; padding: 50px 0 0 36px; color: #FFF;}
#header .h a{display: block; cursor: pointer; text-decoration: none; color: #FFF;}

/*	container	*/
#container{background: #fff url(../images/bg_content.jpg) left top no-repeat; width: 800px; float: left;}
/*	leftcol	*/
#container #leftcol{width: 169px; float: left; padding: 55px 0 100px 41px; font: normal 12px/normal "Trebuchet MS", Arial, Helvetica, sans-serif; color: #353535;}
#leftcol #mapblock iframe{width: 167px; height: 150px; border: none; float: left; background: #FFF; padding: 1px;}
#leftcol #mapblock h3{padding: 5px 0 0 8px; font-size: 12px; font-weight: bold;}
#leftcol #mapblock p{font-size: 10px; padding: 0 0 0 8px; line-height: 13px;}
#leftcol .leftnav{padding: 16px 0 0 8px;}
#leftcol .leftnav .listcaption{font-weight: bold; font-size: 13px; color: #22416e; text-transform: uppercase;}
#leftcol .leftnav ul{list-style-type: none; padding: 5px 0 9px 0; line-height:17px;}
#leftcol .leftnav ul li h3{color: #4c4c4c;font-size:12px}
#leftcol .leftnav ul li a{text-decoration: underline; color: #4c4c4c;}
#leftcol .leftnav ul li a.active{font-weight: bold; color: #e53034; text-decoration: none;}
#leftcol .leftnav ul li a:hover{color: #e53034;}

/*	rightcol	*/
#container #rightcol{width: 530px; float: right; padding: 37px 27px 66px 0;}
#container #rightcol div.callblock{font: normal 21px/25px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #fff; width: 160px; text-align: center; float: right; padding: 0 38px 0 0;}
#container #rightcol #blueblock{width: 530px; padding: 69px 0 14px 0;}
#container #rightcol .semblueblock{padding-top: 52px !important; padding-bottom: 5px !important;}
#container #rightcol .semblueblock div.imgplaceholder{width: 206px; height: 147px; padding: 1px; background: #ff0000; float: right; margin: 13px 0 0 0;}

#rightcol #blueblock #content{background: #91b2d1 url(../images/bg_blue_top.jpg) left top no-repeat; padding: 20px 18px 14px 18px; width: 494px; overflow: hidden;}
#rightcol #blueblock #bottom{background: url(../images/bg_blue_bottom.gif) left top no-repeat; width: 530px; height: 9px;}
h1{font: bold 23px/26px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #FFF; padding: 0 0 11px 4px;}

.company{padding: 0 0 5px 8px; font-size: 12px; font-weight: bold;}
#rightcol #mapblock p{font-size: 10px; padding: 0 0 0 18px; line-height: 13px;}


#blueblock #content ul{list-style-type: none; color: #FFF; font-weight: bold;}
#blueblock #content ul li{line-height: 18px; width: 230px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
#blueblock #content ul li.right{margin: 0 0 0 30px;}

.semblueblock ul{width: 285px !important; float: left;}
.semblueblock ul li{width: auto !important; float: none !important; line-height: 22px !important;}

#container #rightcol .content{width: 500px; padding: 12px 0 0 17px;}

#rightcol .content p{font-size: 11px; color: #515151; line-height: 15px;}

/*	footer */
#footer{background: url(../images/bg_footer.jpg) left top no-repeat; width: 800px; height: 31px; margin: 0 0 33px 0;}



/* Paragraphs definition, June 29, 2009, Andy Schwarz */

#paragraphs				 			{margin-top:5px;}
/* list */
#paragraphs .list					{margin-left:25px;margin-bottom:5px;}
#paragraphs .sublist					{margin-left:10px;margin-bottom:5px;}
#paragraphs .loweralpha				{list-style-type:lower-alpha;}


h5, h4{font: bold 16px/17px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #e53034; padding: 0 0 4px 0;margin-top:15px;margin-bottom:5px;}

/* text */
#paragraphs h4						{font-size:16px;}
#paragraphs h5						{font-size:13px;}
#paragraphs p						{line-height:17px;}
#paragraphs p li p						{line-height:15px;}

/* links */
#paragraphs a						{text-decoration:underline;}
#paragraphs a:hover					{text-decoration:underline;}
#paragraphs a.nolink,
#paragraphs a.nolink:hover			{text-decoration:none;}

