@import url('contact.css');

body {
	font-family: "Trebuchet MS", Arial;
	background-image: url(../images/top-bg.png);
	background-repeat: repeat-x;
	background-position: center top;
	/*background-color:#000000;*/
	margin:0px;
	padding:0px;
}
IMG {border:0px;}
ins:hover{
visibility:hidden;
display:none
}
#container {
	clear:both;
	margin:0 auto;
	padding:0;
	width:1000px;
}

#main-top {
	width:1000px;
	float:left;
	margin:20px 0 0 0;
	padding:0px;
	display:block;
}

#logo {
	width:401px;
	height:141px;
	display:block;
	float:left;
	margin:0px 0 0 0;
}
#main-top h1{
font-size:14px;
text-align:right;
padding:0px;
margin:0px;
padding-right:15px;
}
#main-top h1 a{
color: #999999;
text-decoration:none;
}
#main-top h1 a:hover{
color: #000000;
text-decoration:underline;
}
/***********************************************************Navigation***********************************************************/
#top-navigation {
	width:476px; height:43px;
	float:right; color:#000000; font-size:18px;
	display:block; margin:20px 0 0 0;
	
	background:url(../images/top-nav-bg.gif) no-repeat center;
}
#top-navigation UL {margin:12px 0 0 08px; padding:0px;}
#top-navigation UL LI {
	list-style-type:none; display:inline;
	padding:12px;
	float:left;
}

a.nav-home{
 	background:url(../images/home.png) no-repeat;
	width:50px;
	display:block;
	text-indent:-10000px;
	float:left;
}
a.nav-home:hover, .current a.nav-home{background:url(../images/home-active.png) no-repeat;}

a.nav-about{
 	background:url(../images/about.png) no-repeat;
	width:58px;
	display:block;
	text-indent:-10000px;
	float:left;
}
a.nav-about:hover, .current a.nav-about{background:url(../images/about-active.png) no-repeat;}

a.nav-contact{
 	background:url(../images/contact.png) no-repeat;
	width:88px;
	display:block;
	text-indent:-10000px;
	float:left;
}
a.nav-contact:hover, .current a.nav-contact{background:url(../images/contact-active.png) no-repeat;}

a.nav-submit-site{
 	background:url(../images/submit-site.png) no-repeat;
	width:165px;
	display:block;
	text-indent:-10000px;
	float:left;
}
a.nav-submit-site:hover, .current a.nav-submit-site{background:url(../images/submit-site-active.png) no-repeat;}

a.nav-follow{
 	background:url(../images/follow-us.gif) no-repeat;
	width:125px; height:29px;
	display:block;
	text-indent:-10000px;
	float:left;
}
a.nav-follow:hover {background:url(../images/follow-us-hover.gif) no-repeat;}
a.nav-feed{
 	background:url(../images/feed-me.gif) no-repeat;
	width:125px; height:29px;
	display:block;
	text-indent:-10000px;
	float:left;
}
a.nav-feed:hover {background:url(../images/feed-me-hover.gif) no-repeat;}
a.nav-advertisement{
 	background:url(../images/advertisement.png) no-repeat;
	width:152px;
	display:block;
	text-indent:-10000px;
	float:left;
}
#top-navigation UL LI.no-padding-lft-rt{
padding:20px 0 0 0px;
}
/***********************************************************Navigation***********************************************************/
/***********************************************************Min Body***********************************************************/

#main-body {
	background:url(../images/body-back.png) repeat-x top center;
	width:1000px;
	float:left;
	display:block;
	margin:0 0 0 0;
}

#main-body-menu-top{
	width:1000px;
	float:left;
	display:block;
	clear:both;
	margin:8px 0 0 0;
}
#main-body-menu-top ul{padding:0px; margin:5px; font-size:12px; font-weight:bold;}
#main-body-menu-top ul li{list-style-type:none; display:inline; margin:0px; padding:5px; color:#AFAFAF;}
#main-body-menu-top ul li a{color:#AFAFAF; text-decoration:none;}
#main-body-menu-top li a:hover{color:#000000; text-decoration:none;}
#main-body-menu-top li .current{color:#000000; text-decoration:none;}
/*********************************************************Main Body End***********************************************************/
/******************************************************Images Area Left***********************************************************/
#main-left-images-area {
	display:block;
	width:685px;
	float:left;
	margin:0px; padding:0px;
}
#main-left-images-area P{font-size:12px; color:#999999;}
#main-left-images-area B{color:#333333;}
#main-left-images-area a{color:#000000; font-size:14px; text-decoration:none;position:relative;z-index:100;}
#main-left-images-area h3{
padding-left:15px;
padding-bottom:0px;
margin-bottom:0px;
font-size:25px;
color:#EC1E79;
clear:both;
}

.bg-image-fram {
	background:url(../images/image-fram.gif) no-repeat;
	width:198px; height:248px; float:left;
	margin:20px 20px 0 10px;
}
.bg-image-fram H5 {
 color:#ffffff;
 font-size:24px;
 text-align:center;
 padding:0 0 0 0;
 margin:65px 0 0 0px;
}

.bg-image-fram-inner {
	display:block;
	width:172px; height:155px;
	float:left; margin:13px 0 0 13px;
}
.bg-image-fram-inner img{
width:172px;
height;155px;
}
.siteinfo{
	width:198px;
	display:block;
	float:left;
}
.siteinfo_f{
	width:600px;
	display:block;
	float:left;
}
.siteinfo_f H1{
 width:450px;
 float:left; color:#454545;
 font-size:12px; font-weight:bold;
 margin:8px 0 0 13px; padding:0px;
 display:block;
text-align:left;
} 
.siteinfo H1{
 width:120px;
 float:left; color:#454545;
 font-size:12px; font-weight:bold;
 margin:8px 0 0 13px; padding:0px;
 display:block;
position:relative;
z-index:25;
} 
.siteinfo H1 a{color:#454545; text-decoration:none;}
.siteinfo_f H1 a{color:#454545; text-decoration:none;}
.siteinfo_f H2 {
text-align:left;
 width:130px;
 float:left; color:#454545;
 font-size:12px; font-weight:bold;
 margin:0 0 0 13px; padding:0px;
 display:block;
}
.siteinfo H2 {
 width:100px;
 float:left; color:#454545;
 font-size:12px; font-weight:bold;
 margin:0 0 0 13px; padding:0px;
 display:block;
}
.siteinfo_f H2 SPAN {
 color:#FF0000;
 font-weight:bold;
 margin:0px; padding:0px;
}
.siteinfo H2 SPAN {
 color:#FF0000;
 font-weight:bold;
 margin:0px; padding:0px;
}
.comments-info{
	background:url(../images/comments-icon.png) no-repeat center;
	width:27px;
	height:21px;
	float:right;
	display:block;
	margin:13px 15px 0 0px; padding:5px 0 0 0px;
	text-align:center; color:#000;
	font-size:11px; font-weight:bold;
}
/**************************************************Images Area left end***********************************************************/

#main-right-penal{
	width:300px;
	float:left;
	display:block;
	margin:10px 0 0 15px;
}
#add-penal-big ul li a{
margin-left:2px;
margin-bottom:2px;
width:254px;
height:120px;
text-align:center;
display:block;
float:left;
background-color:#F1F1F1;
border:solid 1px #C7C7C7;
color:#9B9B9B;
text-decoration:none;
}
#add-penal-big ul li a:hover{background-color:#E3E3E3;color:#818080;border:solid 1px #EF1E79;}
#add-penal-big{
 width:260px;
 float:left;
 margin:0 0 2px 20px;
 display:block;
}

#add-penal-big UL{margin:0px; padding:0px;}
#add-penal-big UL LI{margin:0px; padding:0px; list-style-type:none;}
#add-penal ul li a{
margin-left:2px;
margin-bottom:2px;
width:125px;
height:125px;
text-align:center;
display:block;
float:left;
background-color:#F1F1F1;
border:solid 1px #C7C7C7;
color:#9B9B9B;
text-decoration:none;
}
#add-penal ul li a:hover{background-color:#ffffff;color:#818080;border:solid 1px #EF1E79;}
#add-penal{
 width:260px;
 float:left;
 margin:0 0 0 20px;
 display:block;
}
#add-penal UL{margin:0px; padding:0px;}
#add-penal UL LI{margin:0px; padding:0px; list-style-type:none; display:inline;}

#main-right-heading-bg {
 	background:url(../images/heading-bg.gif) no-repeat center;
	width:277px;
	height:36px;
	float:left;
	margin:0 0 0 0;
	display:block;
	color:#000000; font-size:14px;
	padding:20px 0 0 20px;
}

#categories {
	background:url(../images/heading-bg.gif) no-repeat center;
	width:277px;
	height:36px;
	float:left;
	margin:0 0 0 0;
	display:block;
	color:#ED1E79; font-size:14px;
	padding:20px 0 0 20px;
}
#categories-menu{
 width:260px;
 float:left;
 margin:0 0 0 20px;
 display:block;
}
#categories-menu UL{margin:0px; padding:0px; color:#5F5F5F; font-size:12px;}
#categories-menu UL LI{margin:0px; padding:0px; list-style-type:none; display:block; clear:both; line-height:24px;}
#categories-menu UL LI a{background:url(../images/arrow.png) no-repeat left; text-decoration:none; display:block; color:#5F5F5F; font-size:12px; padding:0 0 0 15px; border-bottom:1px solid #ccc;}
#categories-menu UL LI a:hover{background:#F0F0F0 url(../images/arrow.png) no-repeat left; text-decoration:none; display:block; color:#ED1E79; font-size:12px; padding:0 0 0 15px; margin:0 0 0 0px;}

#footer {
 width:100%;
 margin:0px auto;
 background-color:#F0F0F0;
 padding:20px 0 0 0;
 margin-top:30px;
 float:left;
}

#footer-inner {
	width:956px;
	height:120px;
	margin:0px auto;
	background:url(../images/inner-footer-bg.gif) center top;
	border:1px solid #DDDDDD;
}

#footer-inner H1 {
	width:100%;
	float:left;
	font-size:18px;
	color:#8F8F8F;
	margin:10px 0 0 10px;
	font-weight:normal;
	display:block;
}

#footer-inner UL{margin:10px 46px 0 10px; padding:0px; float:left; font-size:11px; color:#B1B1B1; display:block;}
#footer-inner UL LI{margin:0px; padding:0px; list-style-type:none; display:block; line-height:18px;}
#footer-inner UL LI a{color:#B1B1B1; text-decoration:underline;}
#footer-inner UL LI a:hover{color:#B1B1B1; text-decoration:none;}
#content-about{padding:0 0 0 15px;}

.block {
	width:450px;
	margin:0 auto;
	float:left;
	text-align:left;
}
.element * {
	padding:5px; 
	margin:2px; 
	font-family:"Trebuchet MS", Arial;
	font-size:12px;
}
.element select{
color:#999999;
font-size:18px;
width:300px;
float:left;
}
.element label {
	float:left; 
	width:80px;
	font-weight:700
}
.element input.text {
color:#999999;
	float:left; 
	width:270px;
	padding-left:20px;
		font-size:18px;
}
.element .textarea {
color:#999999;
	height:120px; 
	width:270px;
	padding-left:20px;
}
.element .hightlight {
	border:1px solid #FF0000;
	background:url(../images/iconCaution.gif) no-repeat 2px
}
.element #submit {
	float:left;
	width:300px;
	margin-left:95px;
}
.element #submitcontact {
	float:left;
	width:300px;
	margin-left:95px;
}
.loading {
	float:right; 
	background:url(../images/ajax-loader.gif) no-repeat 1px; 
	height:28px; 
	width:28px; 
	display:none;
}
.done {
	background:url(.../images/iconIdea.gif) no-repeat 0px; 
	font-family:arial;
	font-size:12px; 
	width:100%; 
	float:left;
	margin:0px auto; 
	font-weight:bold;
	display:none;
}

/*#content-about{width:450px; float:left;}*/


#footer-bottom{
margin-top:10px;
padding-left:0px;
font-size:10px;
text-align:center;
}
#footer-bottom a{
color:#666666;
text-decoration:none;
}

.paging{
border:solid 1px #CCCCCC;
float:left;
padding:5px;
width:660px;
margin-left:5px;
}
.paging .lft-spn{
float:left;
}
.paging .rt-spn{
float:right;
}


#top-icon {
	float:left;
	width:1000px;
	margin:6px 0 0 0px;
	padding:0 0 0 4px;
}

#top-icon UL {
	margin:0px;
	padding:0px;
	list-style-type:none;
}

#top-icon UL LI {
	display:inline;
	margin:0 0px 0 0;
}

#top-icon UL LI IMG {
 border:1px solid #333;
 margin:0px;
 padding:0px;
}

#featured-site {
 width:678px;
 height:334px;
 float:left;
 margin:20px 0 0 5px;
text-align:center;
color:#FFFFFF;
 background:url(../images/featured-bg.png) no-repeat 0px;
}
#featured-site-inner {
 width:650px;
 height:250px;
 float:left;
 margin:14px 0 0 13px;
}
 
/tooltip package**************************************/
.tipsy { padding: 5px; font-size: 12px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat; }
  .tipsy-inner { padding: 4px 5px; background-color: black; color: white; max-width: 300px; text-align: left; }
  .tipsy-north { background-repeat: no-repeat;background-image: url(../images/tipsy-north.gif); background-position: top center ;padding-top:5px; opacity: 0.8; filter: alpha(opacity=80); font-weight:bold;font-size: 12px;}
 .tipsy-north h1{font-size:16px;}
 .tipsy-north p{padding:0px;margin:0px;}
.tipsy-west a{color:#FFFFFF;text-decoration:none}
  .tipsy-west { background-repeat: no-repeat;background-image: url(../images/tipsy-west.gif); background-position: left center ;padding-left:5px; opacity: 0.8; filter: alpha(opacity=80); font-weight:bold;font-size: 12px;}
 .tipsy-west h1{font-size:16px;}
 .tipsy-west p{padding:0px;margin:0px;}
.tipsy-west a{color:#FFFFFF;text-decoration:none}

/*******************************************************/


/according package**************************************/

#wrapper {
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	}

.accordionButton {	
	width: 500px;
	float: left;
	background:#F1F1F1;
	border-bottom: 1px solid #FFFFFF;
	cursor: pointer;
	}
	
.accordionContent {	
	width: 500px;
	float: left;
	display: none;
	color:#FFFFFF;
}
.accordionContent H1{
 font-size:18px;
 text-align:center;
 border-bottom:1px dashed #cccccc;
 color:#cccccc;
 padding:10px;
}


.listDiv {
width:130px;
float:left;
}

.listDiv a {
color:#006088;
padding:5px;
text-decoration:none;
}
.listDiv a:hover{text-decoration:underline;}

/*******************************************************/

#cse-search-results{ padding-left:25px;}

/******************************************************/

p.code{
 border:1px dotted #999999;
 padding:10px;
}