/*
Theme Name: Souths INC.
Theme URI:http://www.nybbletech.com
Description: The Souths INC theme made by TEAM NYBBLETECH
Version: 1.00
Author: Shahzad
Tags: Dome, golden layout, South industries

*/
#nav ul.menu li a{ color: #14318b; background: #ffffff;}
#nav ul.menu li a:hover{ color: #14318b; background: #ffffff; text-decoration: underline;}
#menu li a:hover{color: #14318b;}

body{
margin:0px;
padding:0px;
width:100%;
height:auto;
background: #DDD3a2;
font-family:Arial, Helvetica, sans-serif;
}

img{border:none;}

.clear{clear:both;}

p{padding:0px; margin:0px; padding-top:5px; padding-bottom:5px; font-size:12px;}

.mainpagestuff p{ padding-left:30px; padding-right:30px;}


/*  	SOME IMPORTANT CLARIFICATION  */
#top_rite_cont a{color:#333333; text-decoration:none;}

#top_rite_cont a:hover{color:#333333; text-decoration:underline;}

h2{color:#14318b; font-family:"Times New Roman"; font-size:20px; text-transform:none; padding:0px; margin:0px; padding:0px 10px; padding-bottom:10px;}

h2 span{color:#333333; font-size:22px; font-family:"Times New Roman"; text-transform:none; font-weight:normal;}

h3{ padding:0px; margin:0px; padding-top:20px; padding-bottom:20px; font-size:16px; padding-left:20px;}

h5{color:#974e1c; font-family:"Times New Roman"; font-size:16px; font-weight:bold; margin:0px; padding:0px; padding-top:5px; padding-bottom:10px;}

.lower_letter{font-size:20px; color:#333333; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}

.mid_content p{padding-left:15px; padding-bottom:10px;}

/*  	SOME IMPORTANT CLEARIFICATION  */





.container{
position:relative;
width:900px;
height:auto;
margin:0px auto;
z-index:10;
}

#top_bg{
position:relative;
background:url(image/top_bg.jpg) repeat-x;
width:auto;
height:96px;
z-index:999;
}

#logo{
position:relative;
width:250px;
height:96px;
float:left;
}

#top_rite_cont{
position:relative;
width:auto;
height:15px;
font-size:12px;
color:#333333;
float:right;
line-height:96px;
vertical-align:middle;
padding-right:22px;
}

#header{
position:relative;
background:url(image/loading.gif) center center no-repeat;
width:878px;
height:269px;
margin:0px auto;
}


#white_bg{
position:relative;
background:url(image/page_bg.png) repeat-y;
width:926px;
height:auto;
margin:0px auto;
}

/* menu nav  */

/* i changed the color below, which changes the main text color */

.mid_content{
position:relative;
width:878px;
height:auto;
margin:0px auto;
font-size:11px;
color:#974d1c;
padding-top:20px;
z-index:-1;
}

p.link{
padding-top:0px;
padding-bottom:30px;
margin:0px;
}

/* I changed the color below */
.mid_content .link a{
color:#377636;
text-decoration:none;}
.mid_content .link a:hover{text-decoration:underline;}

#pannel{
position:relative;
width:800px;
height:400px;

padding-top:50px;
vertical-align:top;
padding-bottom:10px;
margin:0px auto;

}

.pannel_bg{
position:relative;
background:#fbf3df;
width:246px;
height:400px;
float:left;
margin-right:20px;
}


.pannel_title{
position:relative;
background:url(image/panel_title_bg.jpg) no-repeat;
width:246px;
height:37px;
margin:0px auto;
color:#FFFFFF;
text-align:center;
line-height:37px;
vertical-align:middle;
font-family:"Times New Roman", Times, serif;
font-size:20px;
}

.pannel_img{
position:relative;
text-align:center;
padding-top:20px;
}

.text{
position:relative;
width:215px;
height:auto;
margin:0px auto;
color:#333333;
font-size:11px;
padding-top:5px;
padding-bottom:10px;
}
.text p{padding-bottom:20px;}
.text span a{ color:#974e1c; font-size:11px; font-family:Arial, Helvetica, sans-serif; text-decoration:none;}
.text span a:hover{text-decoration:underline;}
.text span{color:#974e1c;}
.text p a{color:#G240A4; text-decoration:underline;}
.text p a:hover{ color:#974e1c;}
.sep{
position:relative;
float:left;
background:url(image/panel_separator.jpg) no-repeat;
width:1px;
height:309px;
margin:0px 34px;
}

/*  footer area   */


#footer_bg{
	
position:relative;
background-color:#974e1c;
width:900px;
height:50px;
color:#FFFFFF;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
margin-top:40px;
}

.footer_left_text{
color:#FFFFFF;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
height:12px;
margin:0px; padding:0px;

}

#cover{
position:relative;
width:878px;
height:auto;
margin:0px auto;
}
.left_txt{
position:relative;
width:auto;
height:50px;
line-height:40px;
vertical-align:middle;
float:left;
}

.right_txt{
position:relative;
width:auto;
height:13px;
float:right;
line-height:50px;
vertical-align:middle;
}

.right_txt a{ color:#FFF; text-decoration:none;}
.right_txt a:hover{ color:#FFF; text-decoration:underline}
.left_txt a{color:#FFFFFF; text-decoration:none;}
.left_txt a:hover{color:#FFFFFF; text-decoration:underline;}


/* advantages css */

.left_cont{
position:relative;
width:500px;
height:auto;
float:left;

}

.rite_img{
position:relative;
float:right;
width:200px;
height:auto;
padding:0px 20px 10px 0px
}

.left_img{
position:relative;
float:left;
width:145px;
height:100px;
}
/* advantages end css */



/* about us css */

.past{
float:left;
width:49%;
height:auto;
}

.present{
float:right;
width:49%;
height:auto;
}
.mid_content p a{color:#333333; text-decoration:underline;}
.mid_content p a:hover{color:#974e1c;}
/* about us css end */


/* contact page css */
#left_side{
position:relative;
float:left;
width:25%;
height:auto;

}




#left_info{
position:relative;
padding-bottom:20px;
width:100%;
height:155px;
border:solid 1px;
margin-left:20px;
margin-top:20px;
background-color:#fbf3df;
}

#right_info{
position:relative;
float:right;
width:45%;
height:auto;
margin-top:20px;

margin-right:20px;
}

.contact_info{
	position:relative;
	width:100%;
	height:30px;
	line-height:30px;
	vertical-align:middle;
	background-color:#974E1B;
	color:#FFFFFF;
	font-size:15px;
	text-align:center;
}

.adress{
position:relative;
width:100%;
height:auto;
padding-top:10px;
padding-left:10px;
}

.bold{
color:#000000;
font-weight:bold;
}









/*sliding effect*/

	
	
	
	
#images {border:2px solid #9ac1c9; height:225px; width:880px;}

#image {position:relative; width:880px; height:318px;  background:url(image/loading.gif) center center no-repeat; margin:0px auto;}
#image img {position:absolute; margin:0px auto; text-align:center; padding-left:340px;}

#thumbwrapper {width:880px; height:80px; padding:10px 0px; }
#thumbarea {position:relative; overflow:hidden; height:80px; width:530px;float:right; margin-right:15px;}
#thumbs {position:absolute; list-style:none; width:10000px; padding:0px; margin:0px; margin-left:0px; margin-right:15px;}
#thumbs li {float:left; cursor:pointer; padding:0px; margin:0px; margin-right:15px;}


.imgnav {
	position:absolute;
	height:319px;
	width:20%;
	z-index:100;
	outline:none;
	cursor:pointer
}
#previmg {left:0;  background:none; }
#previmg:hover {opacity:1; filter:alpha(opacity=100); background:url(image/left.gif) left center no-repeat;}
#nextimg {right:0; background:none;}
#nextimg:hover {opacity:1; filter:alpha(opacity=100); background:url(image/right.gif) right center no-repeat;}




.contact{float:right;}

.flash{position:relative; width:850px; height:417px; margin:0px auto; }

/*########################### Navigation CSS ########################*/
/* nav */

/*
.nav{
position:relative;
width:890px;
height:30px;
line-height:30px;
vertical-align:middle;
margin:0px auto;
border-top:2px solid #14318b;
border-bottom:solid 2px #14318b;
z-index:999;
background: #ffffff;
color: #14318b;
}



ul.menu {list-style:none; margin:0; padding:0}
ul.menu * {margin:0; padding:0;  line-height:39px; vertical-align:middle;}
ul.menu li a{display:block; color: #14318b; background:#ffffff; text-decoration:none; width:78px; line-height:30px; vertical-align:middle; margin:0px 6px;} 
ul.menu li a:hover{color:#14318b; background:#ffffff; width:78px; height:30px;}
ul.menu li {position:relative; float:left; padding:0px; margin:0px;  text-align:center;}

#menu {color: #14318b; background: #ffffff;}


ul.menu li a.contact{width:241px; line-height:30px; vertical-align:middle;}
<!--changed below background color and added color-->
ul.menu li a.contact:hover{width:241px; color: #14318b; background:#ffffff; height:30px; line-height:30px; vertical-align:middle;}

.menu li a{ background:#ffffff; color: #14318b;}

ul.menu li.nav_seprator{
position:relative;
background:url(../image/nav_seprator.jpg) no-repeat;
width:1px;
height:27px;
float:left;
top:1px;
}                     <!--below was changed and added color-->
ul.menu ul {position:absolute; top:29px; left:0; color: #14318b; background:#ffffff;  display:none; list-style:none; width:170px;}
ul.menu ul li{width:170px; height:auto; border:solid 1px; border-top:none; color:#000000; background:#14318b; }
                       <!--changed color above-->
ul.menu ul li a{position:relative; width:170px; height:35px; margin:0px; color:#14318b; text-align:left;  padding-left:5px;  }
<!--color below affects navigation, was changed-->
ul.menu ul li a:hover{color:#14318b; text-decoration:underline; width:170px; height:35px; background:#ffffff;}

#nav {color:#ffffff; background:#14318b;}

 drop down   */


#nav{
		position:relative;
		width:878px;
		height:30px;
		line-height:30px;
		vertical-align:middle;
		border-top:2px solid #14318b;
		border-bottom:solid 2px #14318b;
		margin:0px auto;
                color: #14318b;
z-index:999;
		
	}

<!--colors below are part of navigation, was changed-->
#nav ul li a{ text-decoration:none; color:#14318b; background:#ffffff;}
#nav ul li a:hover{color:#14318b; background:#ffffff; text-decoration:underline;}
<!--i added both things below-->
#nav ul li {color:#14318b; background: #ffffff;}


ul.menu {list-style:none; margin:0; padding:0;}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#fff; text-decoration:none}
ul.menu li {position:relative; float:left; margin-right:2px;}
ul.menu ul {position:absolute; top:30px; left:10px; display:none; opacity:0; list-style:none;width:182px;}
ul.menu ul li {position:relative; border-top:none; width:170px; margin:0; border:1px solid #000; border-top:none; background:none; padding-left:10px;}
<!--LOOK HERE!!!!-->
ul.menu ul li a {display:block; padding:0px 0px 0px; background:none; color:#FFF;}
ul.menu ul li a:hover {color:#00ad9a; text-decoration:underline; background:none;}
ul.menu ul ul {left:148px; top:-1px}



/* ######### Matt Black Strip Main Menu Bar CSS ######### */
.menu{float:left;width:100%;border-bottom: 0px solid gray;}
* html .menu{ /*IE only. Add 1em spacing between menu and rest of content*/margin-bottom: 1em;}
.menu ul{list-style-type: none;margin:0;padding:0;}
.menu li{display:inline;margin:0;padding:0; background:url(image/nav_seprator.jpg) no-repeat left center;}
.menu li a{float:left;width:auto;margin:0;padding:0 15px;text-decoration:none; color:#ffffff;}
                     <!--was changed from brown-->
.menu li a:hover{color:#14318b; background:#ffffff; text-decoration:underline;}

menu a span {float:left;width:auto;display:block;background:url(images/slide-right.png) no-repeat right top;padding:2px 13px 2px 2px;color:#333333;font-size:12px;}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
menu a span {float:none; width:auto;}
/* End IE5-Mac hack */
.menu a:hover span, .menu li.selected a span{color: #FFF;}
menu a{background-position:0% -102px;}
menu a.last{background-position:0% -102px;}
menu a span{background-position:100% -102px;}
menu li a:hover, .menu li.selected a{background-position:0% -227px;}
menu  li a:hover span, .menu li.selected a span{background-position:100% -227px;}
html>/**/body .IEonlybr{ /*None IE browsers hack*/
display: none; /*Hide BR tag in non IE browsers, since it's not needed*/
}

ul.menu ul {background:#FFFFFF;}
/*########################### Navigation CSS ########################*/



.sitemap
{
position:relative;
padding-left:30px;
}