/*

peace_style.css

*/


body
{
	font-family: Trebuchet MS, verdana, arial;
	background : url('bg11.gif') #ececec;
	margin:0px;
	padding:0px;
	font-size : 13px;
	color : #666;
}

* {margin:0px;padding:0px;}

a, a:active, a:visited
{
	color : #3181af;
	text-decoration : none;
}

a:hover
{
	text-decoration : underline;
}

form
{
	margin : 0;
	padding : 0;
}

input
{
	border : 1px solid #dcdcdc;
	color : #666;
	background-color : #f1f1f1;
}

input:hover
{
	border : 1px solid #000;
}


textarea
{
	border : 1px solid #dcdcdc;
	font-family: Trebuchet MS, verdana;
	font-size : 18px;
	color : #666;
	background-color : #f1f1f1;
}

select
{
	border : 1px solid #dcdcdc;
	font-family: Trebuchet MS, verdana;
	font-size : 14px;
	color : #666;
	background-color : #f1f1f1;
}

.button
{
	border : 1px solid #cfcfcf;
	background-color : #ececec;
	color : #333;
	padding : 0px 10px;
}

.button:hover
{
	color : #666;
	border : 1px solid #000;
}

#container
{
	width: 1000px !important;
	width : 996px;
	border:0px solid #000;
	line-height:150%;
	background-color:#fff;
}

#top_menu
{
	width : 100%;
}

#top_menu #logo
{
	float : left;
	background: url('logo.jpg') no-repeat 0px; 
	width : 387px;
	height : 87px;
}

h1.logo
{
	float : left;
	background: url('logo.jpg') no-repeat 0px; 
	width : 387px;
	height : 87px;
	text-indent : -10000px;
}

#top_menu #sub_nav
{
	float : right;
	padding-right:10px;
	font-size : 13px;
	font-weight : bold;
	height : 20px;
	width:455px;
}

#sub_nav .sub_home a
{
	float : left;
	background: url('home.jpg') no-repeat left -10px; 
	width : 33px;
	padding : 10px 0 0 35px;
	margin-right : 0px;
}

#sub_nav .sub_contact a
{
	float : left;
	background: url('contact.jpg') no-repeat left -10px; 
	padding : 10px 0 0 40px;
	margin-left : 15px;
}

#sub_nav .sub_sitemap a
{
	float : left;
	background: url('sitemap.jpg') no-repeat left -15px; 
	padding : 10px 0 0 35px;
	margin-left : 15px;
}

#sub_nav .catalogue_page a{
	float : left;
	background: url('ntwrk_24.gif') no-repeat left; 
	padding : 10px 0 0 35px;
	margin-left : 15px;
}


.catalogue_page a:visited, .catalogue_page a:link, .catalogue_page a:active,
.sub_home a:link, .sub_home a:active, .sub_home a:visited, 
.sub_contact a:link, .sub_contact a:active, .sub_contact a:visited, 
.sub_sitemap a:link, .sub_sitemap a:active, .sub_sitemap a:visited
{
	color : #a41100;
	text-decoration : none;
}

.sub_home a:hover, .sub_contact a:hover, .sub_sitemap a:hover, .catalogue_page a:hover
{
	color : #0096ff;
}




/*- Menu Tabs 5--------------------------- */

#nav_holder
{
	float:left;
	clear : both;
	width : 100%;
}

.nav 
{
float:left;
font-size:14px;
line-height:normal;
padding-left:5px;
width:825px;
}

.nav ul
{
	margin:0;
	padding:10px 0px 0 0px;
	list-style:none;
}

.nav li 
{
	display:inline;
	margin:0;
	padding:0;
}

.nav a 
{
	float:left;
	background:url("left_tab.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
}

.nav a span 
{
	float:left;
	display:block;
	background:url("right_tab.gif") no-repeat right top;
	padding:5px 10px 4px 6px;
	color:#fff;
}

    /* Commented Backslash Hack hides rule from IE5-Mac \*/

.nav a span {float:none;}

    /* End IE5-Mac hack */
.nav a:hover span 
{
	color:#FFF;
}

.nav a:hover 
{
	background-position:0% -42px;
}

.nav a:hover span 
{
	background-position:100% -42px;
}

.nav #current a 
{
	background-position:0% -42px;
}

.nav #current a span 
{
	background-position:100% -42px;
	color:#FFF;
}

/*-------------*/

#top_banner
{
	clear : both;
	height : 300px;
	width : 1000px !important;
	width : 996px;
	background-color : #0073d5;
	border-top : 1px solid #000;
	border-bottom : 1px solid #000;
	background:url("banner_bg1.jpg") repeat-x;
	background-color : #716249;
	 
}

#top_banner .banner_pic
{
	float : left;
	width : 700px;
	height : 300px;
}

#top_banner .banner_quotes
{
	float : left;
width : 290px;
}

#top_banner .banner_quotes ul
{
	padding : 15px 5px 5px 10px;
}

#top_banner .banner_quotes li
{
	display : block;
	padding : 10px;
	list-style : none;
	text-align : left;
	font-size : 20px;
	margin-bottom : 15px;
	/*border-bottom : 1px dashed #000;*/
	color : #fff;
}

.low_banner
{
	float : left;
	width : 250px;
	padding : 20px 5px;
}

h1.title
{
	font-size : 16pt;
	color : #0096ff;
	padding-bottom : 20px;
	font-weight : normal;
}

h2.sub_title
{
	font-size : 16px;
	color : #9dcc00;
	padding-bottom : 5px;
	text-align : left;
	margin-left : 5px;
}

h2
{
	color : #9dcc00;
	font-size : 12pt;

}

#inner_container
{
	clear : both;
	width : 1000px !important;
	width : 996px;
	text-align : justify;
	padding : 0px;
}

#inner_container p
{
	padding : 10px 2px;
}


.middle_bar
{
border-right:0 dashed #CFCFCF;
float:left;
padding:10px 10px 5px 8px;
width:535px;
}

.left_sidebar
{
	float : left;
	width : 225px;
	background-color : #fff; /*9fe428;*/
	border-left : 1px dotted #cfcfcf;
	border-right : 1px dotted #cfcfcf;
	padding : 10px 0px 20px 0px;
}

.right_sidebar
{
background-color:#FFFFFF;
border:0 solid #CFCFCF;
float:left;
_float:right;
padding-bottom:20px;
padding-left:10px;
_padding-left:5px;
padding-top:10px;
width:200px;
}

.right_sidebar a:hover, .right_sidebar a:acrive, .right_sidebar a:visited {
color:#3181AF;
}

.sidebar_box
{
	width : 215px;
	padding : 5px;
	background-color : #fff;
	margin-bottom : 10px;
	/*-moz-opacity : 0.5;*/
}

.sidebar_box2
{
	width : 210px;
	border : 0px solid #cfcfcf;
	padding : 5px;
	background-color : #fff;
	margin-bottom : 10px;
	padding-left : 4px;
}

.sidebar_box p, .sidebar_box2 p
{
	padding : 5px;	
}

.sidebar_box ul, .sidebar_box2 ul
{
	margin-top : 0px;
	padding-left : 5px;
	text-align : left;
	font-size : 13px;
}

.sidebar_box ul li, .sidebar_box2 ul li
{
	border-bottom : 1px dashed #cfcfcf;
	padding : 2px 0px 2px 5px;
	list-style : none;
}

.sidebar_box ul li:hover, .sidebar_box2 ul li:hover
{
	/*background-color : #f1f1f1;*/
	color : #000;
}

.sidebar_box img, sidebar_box2 img
{
	margin-bottom : 10px;
	border : 0;
	padding : 0;
}

.sidebar_box2 a img
{
	margin : 0 0 10px -15px ;
	border : 0;
	padding : 0;
}

.sidebar_box a:link, .sidebar_box a:active, .sidebar_box a:visited,
.sidebar_box2 a:link, .sidebar_box2 a:active, .sidebar_box2 a:visited
{
	display: block;
	color : #666;
	text-decoration : none;
	padding: 2px 6px 2px 18px;
	background:url("li.gif") no-repeat 0 0;
}

.sidebar_box a:hover, .sidebar_box2 a:hover
{
	color : #000;
	

}

a:link.view_more, a:visited.view_more, a:active.view_more 
{
	float : right;
	font-size : 11px;
	text-align : right;
	color : #333;
}

a:hover.view_more
{
	color : #000;
	text-decoration : underline;
	background:url("");
}

.view_more a{
	float : right;
	font-size : 11px;
	text-align : right;
	color : #333;
}

ul.news li
{
	text-align : justify;
	padding : 5px;
}

ul.news li:hover
{
	background-color: #cfcfcf;
	color : #000;
	cursor : pointer;
}

.divider
{
	width : 543px;
	height : 28px;
	background:url("hdivider.png") no-repeat center center !important;
	background:url("hdivider.png") no-repeat 550px 0;
}

#footer
{
	position : relative;
	color: #666;
	border-top : 5px solid #463A28;
	clear:both;
	padding-bottom : 20px;

}

#footer .footer_menu
{
	text-align : center;
	clear : both;
	width : 100%;
	font-size : 12px;
	padding-top : 10px;
}

#footer .info
{
	float : left;
	text-align : left;
	color : #333;
	padding : 0 11px;
	margin-top : 15px;
	border-right : 1px dotted #cfcfcf;
	height : 160px;
	width : 225px;
}

#footer .info2
{
	float : left;
	text-align : left;
	color : #333;
	padding : 0 11px;
	margin-top : 15px;
	border-right : 0px solid #cfcfcf;
	height : 160px;
	width : 228px;
}

h1.contact
{
	font-size : 15pt;
	color : #9ec630; /*9fe428;*/
	text-decoration : underline;
	padding-bottom : 10px;
}

#footer .info a, #footer .info a:active, #footer .info a:visited
{
	color : #333;
	text-decoration : none;
}

#footer .info a:hover
{
	text-decoration : underline;
}

.news
{
	text-align : justify;
	padding : 10px 0 0 0;
	font-size : 12px;
	color : #666;
}

.mailing_list
{
	color : #fff;
}

.xhtml a:link, .xhtml a:active, .xhtml a:visited
{
	background : url('xhtml.gif') no-repeat;
	width : 84px;
	height : 34px;
	text-indent : -10000px;
	padding : 0px;
}

.xhtml a:hover
{
	background : url('xhtml_h.gif') no-repeat;
}

table.features
{
	border: 1px solid #D4D4D4;
}

table.features1 td
{
	background-color : #F2F2F2;
	color : #333;
	text-align : center;
}

/* table features */
table.features {
    border-spacing: 0px;
    border-collapse: collapse;
}
table.features th {
    text-align: left;
    font-weight: normal;
    padding: 0.1em 0.5em;
    border: 1px solid #D4D4D4;
}
table.features td {
    text-align: left;
    padding: 0.1em 0.9em;
    border: 1px solid #D4D4D4;
}
table.features thead th {
    text-align: center;
}
table.features th.Corner {
    text-align: left;
}

tr.features_head th
{
	background-color : #f2f2f2;
	color : #333;
	font-weight : bold;
}

img.imgborder
{
	border : 1px solid #cfcfcf;
}

.search_engine_box
{
	float : left;
	margin : 10px;
	padding : 5px;
	border : 1px solid #d4d4d4;
	height : 80px;
width : 220px;
}

li
{
	list-style : none;
}

.cssform
{
	margin-left : 200px;
}

.cssform p 
{
	width : 250px;
	clear : left;
	margin : 0;
	padding : 5px 0 8px 50px;
	padding-left : 155px;
	border-top : 1px dashed #f1f1f1;
	height : 1%;
	text-align : left;
}
.cssform label 
{
	color : #666;
	font-weight : bold;
	float : left;
	margin-left : -155px;
	width : 150px;
}
.cssform input[type="text"] 
{
	width : 250px;
	border : 1px solid #dcdcdc;
	color : #666;
	height : 18px;
}

.cssform textarea
{
	width : 250px;
	height : 150px;
font-size : 13px;
}

.cssform select 
{
	width : 250px;
	color : #666;
font-size : 13px;

}
* html .threepxfix 
{
	margin-left : 3px;
}

ul.list li
{
	list-style : square;	
	margin-left : 25px;
	color : #AF0017;
	font-size : 12px;
	font-family : Verdana;
}

.site_add a:link,.site_add a:active,.site_add a:visited
{
	color : #3181af;
	text-decoration : none;
	font-size : 13px;
	font-weight : bold;
	padding-right : 20px;
}

ul.sitemap_list
{
	margin-left : 50px;
	list-style : none
}

ul.sitemap_list li
{
	background : url('sitemap_bullet.jpg') no-repeat 0 8px;
	padding-left : 20px;
	line-height : 25px;
}

/*- Box (main column boxes) -*/
.portfolio_box{
	background: #FFFFFF url('bgr-box-trans1.png') repeat-x top left;
	border-left:1px solid #e6e6e6;
	border-bottom:1px solid #dedbd1;
	border-top:1px solid #e6e6e6;
	border-right:1px solid #dedbd1;
	margin: 0 0 15px 5px;
	padding:18px;
	width : 490px;
}
.portfolio_box img { 
	margin: 0 0 10px 0;
	background:#F8F8F4 none repeat scroll 0 0;
	border:1px solid #E6E6E6;
	padding:2px;
}

.portfolio_box img:hover { 
	margin: 0 0 10px 0;
	background:#ccc none repeat scroll 0 0;
	border:1px solid #0099ff;
	padding:2px;
}

.portfolio_box p{
	line-height: 18px;
	padding: 0 0 10px;
}

span.tags{
	background: url('tag.jpg') no-repeat left;
	padding: 1px 0 0 20px;
}

.thumbnail_site{text-align:center;}

span.visit{
	background: url('visit_site.jpg') no-repeat left;
	padding: 1px 0 1px 20px;
	line-height:20px;
}

.portfolio_box h2
{
	color : #cc0000;
}

a:link.paging, a:active.paging, a:visited.paging
{
	padding : 2px 5px;
	border : 1px solid #0099ff;
}

a:hover.paging
{
	border : 1px solid #990000;
	text-decoration : none;
}

a.current, a:hover.current
{
	padding : 2px 5px;
	border : 1px solid #990000;
	background-color : #e4e4e4;
	text-decoration : none;
}

.project_thumbs
{
float : left;
width : 110px;
height : 90px;
border : 1px solid #cfcfcf;
padding : 5px;
margin : 0 5px 5px 0;
}

.testimonial{
	border:1px solid #e6e6e6;
	margin: 0 0 15px 5px;
	padding:5px;
	width : 510px;
}

.testimonial p{
	line-height: 18px;
	padding: 0 0 10px 0;
}

ul#banner_image li img{
	border: 0px solid #ccc;
	padding: 0px;
}

ul#banner_image a
{
border : 0;
}

.comment_box{
background-color: #ececec;
width: 450px;
padding: 10px;
}

.comment_name{
background: url(arrow.gif) 20px 0 no-repeat;
padding-left: 58px;
padding-top: 1px;
margin-bottom: 2em;
font-size: 90%;
color: #4A4A4A;
}


/*  --------------------------------------------------------  */


.story22 h2{
color:#9DCC00;
font-family:georgia;
font-size:20px;
text-align:left;
}

#autolinks h3{
margin-top:15px;
font-size:15px;
}

#bannerTop{
background:transparent url(bannerBG.jpg) no-repeat scroll right center;
color:#3181AF;
float:right;
font-size:16px;
font-weight:bold;
height:285px;
margin-left:10px;
padding-left:10px;
padding-top:15px;
text-align:left;
width:237px;
}

#bannerTop img{margin:5px 0px;}

#bannerTop a{
color:#3181AF;
font-size:16px;
font-weight:bold;
}



h1{
font-size:14px;
left:45px;
padding-left:145px;
position:relative;
top:-75px;
*top:-78px;
}
 
#logo22{
float:left;
height:74px;
padding:10px 0 0 6px;
}
#logo22 img{border:none;}

#banner_top_BG{
width:700px;
height:300px;
background:url(banner_top.jpg) top no-repeat;
}

#prom{
font-size:19px;
line-height:1.3;
}

.articBox{
padding:10px;margin-bottom:15px; border-bottom:1px dashed;
}