/* RESET */

* {
	margin:0;
	padding:0;
}
html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, address, code, img, 
small, strong, dl, dt, dd, ol, ul, li,
fieldset, form, label {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	list-style:none;
}


/* Common Part
----------------------------------------------- */

/* a{ 
	text-decoration:none; color:#00b1f1;
} */
#extra2 a{  // link colour in footer
	text-decoration:none; color:#00b1f1;
}

p{  margin-bottom:0px; font-size:12px; font-weight:500; line-height:24px; padding-top:0; margin-top:0px;}


.alignleft { float:left;
    margin-right:8px; margin-left:0;
}

.alignright { float:right;
    margin-left:8px; margin-right:0;
}

body {
	font-size:12px; 
	background:#ededed;
	line-height:18px;
	font-family: helvetica, arial, sans-serif;
	color:#3b3b3b; 	
}


/* Heading Styles
----------------------------------------------- */
h1,h2,h3,h4,h5,h6{ 
	color:#2b2b2b;
	font-family:'Yanone Kaffeesatz',Arial;
    font-weight: 400;	
	line-height:1.3;
}
h1 {
	font-size: 30px;

}
h2 {
	font-size:24px;
}

h3 {
	font-size:24px;
}
h4 {
	font-size: 24px;
}
h5 {
	font-size:18px;
}

h6 {
	font-size:14px;
}


h1.underline{
	border-bottom:1px dotted #ddd;
	padding-bottom:15px;
}
h1.bottom_margin{
	margin-bottom:15px;
}
h2.bottom_margin{
	margin-bottom:15px;
}
h3.bottom_margin{
	margin-bottom:15px;
}
h4.bottom_margin{
	margin-bottom:15px;
}
h5.bottom_margin{
	margin-bottom:15px;
}
h6.bottom_margin{
	margin-bottom:15px;
}
h4.title{
	text-align:left;
	color:#4b4b4b;
	font-size:18px;
}
h1.title{
    font-size: 30px;
	font-weight: 400;
    color:#333;
	line-height: 1.3;
}

.webicon{
	padding-right:10px;
}


/* List Styles
----------------------------------------------- */
ul {
	list-style: none;
}
ol{
	list-style-position:inside;
	padding:0; margin:0;
}
ol li{
	padding-bottom:5px;
}
.checklist,.pencillist{
	margin:10px 0;
}
.checklist li{
	background:url(../images/1303677827_check.png) no-repeat;
	background-position:0 2px;
	padding-left:30px;
	padding-bottom:5px;
}
.pencillist li{
	background:url(../images/1302442915_pencil.png) no-repeat;
	background-position:0 2px;
	padding-left:30px;
	padding-bottom:5px;}
.unorderedlist{
	margin:5px 0;
}
.unorderedlist li{
	list-style:circle;
	list-style-position:inside;
	padding-bottom:5px;
}

ul#side_menu{
	margin-bottom:40px;
}
.two-col_list{
	width:200px;
	float:left;
}
ul.two-col_list li{
	background:url(../images/1302442915_pencil.png) no-repeat;
	background-position:0 4px;
	padding-left:20px;
	padding-bottom:6px;
}

/* Notice Styles
----------------------------------------------- */
.notice{ width: auto; background:#bfe4f9 repeat-y; border:1px solid #68a2cf; padding:20px; color: #003399; margin-bottom:20px;}
.warning{ width:auto; background:#fff6bf repeat-y; border:1px solid #ffd324; padding:20px; margin-bottom:20px;}
.error{width:auto; background:#fbe3e4 repeat-y; border:1px solid #fbc2c4; padding:20px; color:#FF0000; margin-bottom:20px;}
.success{ width:auto; background:#dee3ab repeat-y; border:1px solid #a3c159; padding:20px; color:#006600; margin-bottom:20px;}


/* Form Styles
----------------------------------------------- */
#general input, textarea, select { 
	padding: 9px;
	margin-bottom:9px;
	border: solid 1px #ddd;
	outline: 0;
	font: normal 13px/100% Verdana, Tahoma, sans-serif;
	width: 200px;
	background: #F4f4f4 left top repeat-x;
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px) !important;
	color:#666666;
	border-radius:5px;
	clear:both;
	}	

	
#general form input:hover, textarea:hover,
input:focus, textarea:focus { 
	border-color: #C9C9C9; 

	}

.form label { 
	margin-left: 10px; 
	color: #999999; 
	}


#send input{ width: auto;
	font-size: 14px;
	font-weight:bold;
	color:#2b2b2b;
	padding: 10px 20px;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#e4e4e4);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		to(#e4e4e4));
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #ddd;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0),
		inset 0px 0px 1px rgba(255,255,255,0);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0),
		inset 0px 0px 1px rgba(255,255,255,0);
	text-shadow:
		0px -1px 0px rgba(255,255,255,0.7),
		0px 1px 0px rgba(255,255,255,0);
		cursor:pointer;
		}
	 
#send input:hover{	
	font-size: 14px;
	color: #4b4b4b;
	padding: 10px 20px;
	background:#eeeeee;
	background: -moz-linear-gradient(
		top,
		#303030 0%,
		#404040);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#303030),
		to(#404040));
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #bdbdbd;

}	
.page_box{ width:960px; padding-top:20px; padding-bottom:40px;}	


/* CORE STRUCTURE
----------------------------------------------- */
#box {
	padding-top:20px;
	padding-bottom:20px;
	background-repeat:repeat-y;
	width:960px;
	margin-bottom:30px;
}
#box_right{
	float:left;
	width:320px;
	margin-top:30px;
	min-height:300px;
}
#box_left{
	float:left;
	width:610px;
	margin-right:30px;
	margin-top:30px;
	background-repeat:repeat-y;
	min-height:100px;
}

#box_head{
	margin-bottom:10px;
	width:960px;
	height:44px;
	padding:0px;
}
#box_head_heading{
	width:960px;
	float:left;
	border-bottom:dashed 1px #d3d3d3;
	padding-bottom:5px;
}
#box_head_heading h1{ line-height:1.3;}
#box_head_left{
	display:block;
	float:left;
}
#box_head_sub{
	width:200px;
	float:left;
	font-size:14px;
	color:#8b8b8b;
	padding:15px 0px 15px 15px;
}
#box h1{
	font-size:30px;
	padding-bottom:15px;
}
#box h1.no-border{ border:none;}

.row {
	width:100%; 
	z-index:0;
	padding:30px 0 20px 0;
	margin-top:0px;
}

.row_other_page {
	width:100%; 
	z-index:0;
	padding:10px 0 0 0; /*background: url(../images/bg2.png) repeat-x #ffffff;*/
	margin-top:0px;

}
/*.container{ 
	width:100%;
}
.content{ 
	width:100%; 
	margin:0 auto;
	min-height:20px;
	padding:0px 0px; 
}
.content_other_page{ 
	width:100%; 
	margin:0 auto;
	min-height:500px;
	padding:0px 0px; 
}*/
.content_body{
	background: repeat-y;
	width:960px;
	margin:0 auto;
	padding:0px 0 40px 0;
}.content_body ul  li{ list-style:disc; }
.content_body a{ text-decoration:underline; }

.wrapper {
	overflow:hidden;
	width:100%; padding:0; margin:0;
}
.main { width:100%; background:#ededed;}


/* Header
----------------------------------------------- */
.header {
	width:100%;
	background: url(../images/letterhead.jpg) right no-repeat, url(../images/header.jpg) repeat 50% 0%;
	/*background: url(../images/letterhead.jpg) no-repeat;*/
	background-position: center center;
	background-color:#0d223f;
	height:152px;
}
.head {
	width:960px;
	height:81px;
	margin:0 auto;
}

.logo{
	 width:240px;
	 padding-top:4px;
	 margin-top:0px;
	 margin-left:0px;
	 float:left;
	 letter-spacing:4px;
	 font-size:24px;
}




/* navigation menu
----------------------------------------------- */
.menu{
	float:left;
	padding-top:30px;
	margin-right:0px;
	padding-right:0;
	margin-top: 85px;
}
.menu ul{
	float:right;
	
	
	 /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(0, 0, 0);
    /* RGBa with 0.6 opacity */
    background: rgba(0, 0, 0, 0);
    /*background: rgba(0, 0, 0, 0.6);*/
    /* For IE 5.5 - 7*/
    /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#96c93e, endColorstr=#96c93e);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#96c93e, endColorstr=#96c93e)";
	
	
}
.menu ul li, .menu ul li li, .menu ul li li li{
	cursor:pointer;
	text-shadow: 0px 0px 0px #000000;
	filter: dropshadow(color=#000000, offx=1, offy=0);
}
.menu ul li ul{
	margin-top:2px;
	padding:5px 0px;
	background:#69941f;
	-moz-box-shadow: 0px 1px 4px #000;
	-webkit-box-shadow: 0px 1px 4px #000;
	box-shadow: 0px 1px 4px #000;  
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	-webkit-border-bottom: 5px 5px 5px 5px;
}

/***SUPERFISH MENU DEMO SKIN ***/
.sf-menu {
	float:left;
	margin-bottom:	1em;
}
.sf-menu a {
	padding:.75em 1em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:black; /*menu writing color*/
}
.sf-menu li {
	font-family:'Yanone Kaffeesatz',Arial;
	font-size:14px;
	letter-spacing:1px;
	margin-right:2px;
	
}
.sf-menu li a{
}
.sf-menu li li, .sf-menu li li li {
	background:#69941f; 
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	letter-spacing:0px;
}
.sf-menu li li a {
	border-top:		1px solid #000;
	border-bottom:		1px solid #212121;	
	-webkit-transition: padding-left 250ms ease-out;
	-moz-transition: padding-left 250ms ease-out;
}

.sf-menu li li a:hover{
	padding-left:20px;
}


.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	border-radius: 5px 5px 5px 5px;  
	-moz-border-radius:  5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	-webkit-border-bottom:  5px 5px 5px 5px;
	background:		#69941f;
	outline:		0;
}
.active{
	border-radius: 5px 5px 5px 5px;  
	-moz-border-radius:  5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	-webkit-border-bottom:  5px 5px 5px 5px;
	background:		#0a0a0a;
	outline:		0;
}
.sf-menu li li ul{
	margin-left:25px;
}
ul.sf-menu li ul li:first-child  a,ul.sf-menu li ul li ul li:first-child  a{ border-top:0; }
ul.sf-menu>li>ul>li:last-child>a,ul.sf-menu>li>ul>li>ul>li:last-child>a,ul.sf-menu>li>ul>li>ul>li>ul>li:last-child>a{ border-bottom:0; }





.white{ color:#ffffff;}

.hr{ background:url(../images/content_border.png); height:2px; width:920px;}

.spacer{ height:1em;}
.clear{ clear:both;}

/* Footer
----------------------------------------------- */
ul#flickr_container{
	margin-top:30px;
}
ul.footer_margin{
	margin-top:30px;
}
#flickr_container li {
    float: left;
    margin-bottom: 14px;
    margin-left: 0;
    margin-right: 14px;
    margin-top: 0;
	padding:0;
}
#flickr_container li:hover{  }
#flickr_container img{
	border:solid 3px #ddd;
}
#flickr_container img:hover{
	border:3px solid #050709;
}
.footer{
	padding:20px 0;
	font-size:12px;
}
.footer{
	background: url(../images/footer2.jpg) no-repeat 50% 0; 
	height:271px; 
}	
.footer_content{
	margin:0 auto;
	width:960px;
}
.footer_inner{
	padding-top:30px;
	color:#999999;
}
.foot_spacer{
	background:url(../images/foot.png) no-repeat;
	width:20px; min-height:218px;
	float:left;
}				
.footer_links{
 	width:320px;
	float:left;
}
.footer_links li{
	margin-bottom:10px;
}				
.footer_links li.no-border{
	border-bottom:none;
}
.footer_block{ 
	width:280px; 
	float:left; 
	padding:0 20px;
}
.footer_block li{
	padding-bottom:5px;
	border-bottom:dotted 1px #424242;
	padding-bottom:8px;
	margin-bottom:10px;
}
.footer_block li:hover{}
.footer_block li a{
	color:#999999;
	padding-left:5px;
}
.footer_block li a:hover{
	text-decoration:none;
	color:#ddd;
}
.footer_inner h2{
	color:#ffffff;
}
.no-margin{ 
	width:300px;
	float:right;
	padding-left:20px;
	margin-right:0px;
}
.no-margin li{
	margin-bottom:5px;
}			
.no-margin li a{
	color:#999999;
}
.phone{
	background: url(../images/1302038269_Telephone.png) no-repeat;
	padding-left:30px;
	height:24px;
}									
.email{
	background: url(../images/1302038927_RSS.png) no-repeat;
	padding-left:30px;
	height:24px;
}	
.support{
	background: url(../images/1302039288_Twitter.png) no-repeat;
	padding-left:30px;
	height:24px;
}	
.extra{
	width:100%;
	height:1px;
	color:#ffffff;
}
.extra_main{ width:960px; margin:0 auto; }
.extra_left{ width:620px; float:left; padding-top:10px; color:#999999;}
.extra_left ul li{ display:inline;}
.extra_left ul li a{ font-size:10px; padding-right:5px; }
.extra_right{ width:300px; float:right; text-align:right; padding:0; margin-top:-5px; }
.extra_right ul li{ display:inline; }
.extra_right ul li a{ color:#ffffff;}

#extra2{ background:url(../images/footerextra.png)  repeat 50% 0%; height:40px; padding:10px 0; }
.social{ margin-top:10px;}
.social li{ opacity:0.80;}
.social li:hover{ opacity:1;}

.phone_footer { display:none; }




/* Sidebar
----------------------------------------------- */
.sidebox{
	margin-bottom:30px;
}
.side_tab {
	overflow: hidden;
	background: url(../images/sidebar_nav2.png) no-repeat;
	padding:10px 20px;
}
.side_tab li {
	width: 106px; 
	float: left; 
	margin: 0 0px 0 0;
}
.side_tab li.last {
	margin-right: 0;
}
.side_tab li a {
	display: block;
	padding:12px 5px 10px;
	font-weight:bold;
	color: #4b4b4b;
	font-size: 12px;
	text-align: center;
	border: 0;
}
.list-wrap{
	padding:20px 20px;
	background:#f4f4f4;
	border:1px solid #d3d3d3;
	border-top:0; 
	-moz-border-radius: 0 0 5px 5px;
	-khtml-border-radius:0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
}

/* To create Four Column
----------------------------------------------- */
.four_col_left{
	width:225px;
	background-repeat:repeat-y;
	float:left;
	margin-right:20px;
	padding-left:0;	
}

.four_col{
	width:225px;
	background-repeat:repeat-y;
	float:left;
	margin-right:20px;
}
.four_col_right{
	width:225px;
	background-repeat:repeat-y;
	float:left;
	padding-right:0; 	
}	
/* To create Three Column
----------------------------------------------- */	
.three_col{
	width:300px;
	background-repeat:repeat-y;
	float:left;
	margin-left:30px;
	margin-right:30px;
}
.three_col_img{
	width:300px;
	margin:0 auto;
	padding-bottom:20px;
}
.home,.home h4{
	text-align:center;
}
	
.three_col_left{width:300px;
	background-repeat:repeat-y;
	float:left;
	padding-left:0;	
}
	
.three_col_right{width:300px;
	background-repeat:repeat-y;
	float:left;
	padding-right:0; 	
}	

/* To create  Two Column
----------------------------------------------- */	
.two_col_left{
	width:470px;
	background-repeat:repeat-y;
	float:left; margin-right:20px;
	padding-left:0;	
}
.two_col_right{
	width:470px;
	background-repeat:repeat-y;
	float:left;
	padding-right:0; 
	}	

/* Two-third
----------------------------------------------- */	
.one_third{
	float:left;
	min-height:220px;
	width:300px;
	margin-right:20px;
}
.one_third img{
	margin-top:-15px;
	margin-left:-10px;
}
.two_third{
	width:640px;
	min-height:220px;
	float:left;
}	
.two_third_two{
	width:470px;
	height:200px;
	float:left;
	margin-right:20px;
}
.two_third_one{
	width:225px;
	min-height:80px;
	float:left;
}
.two_third .button{
	margin-top:18px;
	margin-right:15px;
	background:#ffffff;
	border:1px solid #cccccc;
	color: #555555;
	width:100px;
	height:24px;
	padding-top:8px;
}
.two_third .button:hover{
	background:#eeeeee;
	color:#4b4b4b; 
	width:100px;
	height:24px;
	padding-top:8px;
}
/* Full Width
----------------------------------------------- */	
.full_width{
	width:960px;
	padding-top:20px;
}
#full_top{
	float:left;
	width:960px;
	margin-top:30px;
	background:transparent repeat-y;
	min-height:100px;
}
#full_bottom{
	float:left; 
	width:960px;
	margin-top:30px;
}

/* To create Left Sidebar
----------------------------------------------- */
#left-sidebar{
	float:left;
	width:320px;
	margin-top:30px;
	min-height:300px;
	margin-right:30px;
}
#right-content{
	float:left;
	width:610px;
	margin-top:30px;
	background-repeat:repeat-y;
	min-height:100px;
}


/* To display Code
----------------------------------------------- */	
pre {
   display: block;
   margin: 2em 0;
   white-space: pre;
   overflow: auto;
   width: auto;
   line-height: 1.4;
   border: 1px solid #ccc;
   background: #ece9d8;
   padding: 8px;
}


/**************************PAGINATION***************************/

#page_navigation{ height:30px; margin-top:8px;}
#page_navigation a{
	padding:5px;
	border:1px solid #ddd;
	margin:2px 2px 2px 0;
	color:#666666;
	text-decoration:none
}

#page_navigation a:hover{background:#eeeeee;}
.active_page{
	background:#eeeeee;
	color:#666666 !important;
}

.portfolio2_nav{}


/* Services
----------------------------------------------- */

#services { padding-top:20px; padding-bottom:0px; background-repeat:repeat-y; width:960px; }
#services  h1{ font-size:36px; font-family:"Yanone Kaffeesatz"; padding-bottom:15px;}

	
#services_left{float:left; width:620px; margin-right:20px; margin-top:30px; background:transparent repeat-y; min-height:100px;}
#services_right{float:left; width:278px; padding:0px; margin-top:0px; background:#f4f4f4;  min-height:50px; 
	
}

.service_box{ width:565px; padding:15px; padding-top:20px; min-height:100px; margin-bottom:20px; margin-top:0px;  background:#f4f4f4;  min-height:50px; 
border:1px solid #d3d3d3; 
	border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	/*background:url(../images/watermark.png) no-repeat;*/
}
/*  ddd  */
#services .service_box p{ margin:5px 0; padding:0;}
/* .service_box_text{ width:510px; margin-left:10px; float:left; text-align:justify;} */
.service_box_text{ margin-left:10px; margin-right:10px; text-align:justify;}
.service_box_text h4, .service_box_text2 h4{ background:url(../images/horizontal-shadow_small.png) repeat-x;  background-position:0 40px; margin-bottom:0; padding-bottom:40px !important;  color:#2b2b2b; text-align:center;}

.service_box_img{ float:left; width:64px;  padding-top:0px; margin-right:20px; padding-bottom:20px; display:inline;}
/* .service_box_text2{ width:426px; margin-left:0px; float:left; } */
.service_box_text2{ margin-left:0px;  }
.service_box_text2 p{ margin-top:0; padding:0;}

.services_button{ float:right; height:93px; width:44px; margin-right:-25px; margin-left:10px;}
.services_button:hover{ opacity:0.9;}

/*  ddd  */
ul#services_menu{ margin-bottom:0px; }


#services_menu li{padding:10px 0 10px 25px; border-top:1px solid #fff; 
	border-bottom:1px solid #e1e1e1;  background:url(../images/1304251084_control_play.png) no-repeat; background-position:0 11px; }

#services_menu li:first-child{ border-top:none; padding-top:0; background-position:0 1px;}	

ul#services_menu li a{ color:#4b4b4b; font-size:12px; font-weight:bold;
 -webkit-transition: padding-left 250ms ease-out;
  -moz-transition: padding-left 250ms ease-out;}

ul#services_menu li a:hover{ color:#f0763d;  padding-left:20px;}

ul#services_menu li.pad{}