/* CSS Document */

body{ text-align:center; margin:0; padding:0; font-family:Arial; font-size:13px; background: #222222; color:#626262; }

.wrapper{ margin:0 auto; width:900px; position:relative; text-align:left;}

.wrapper2{ margin:0 auto; width:900px;text-align:left;}

h1{color:#363636; font-size:20px; margin-top:0;}

h2{color:#363636; font-weight:normal; font-size:14px;}

.green{color:#9fbe34; font-size:18px; font-weight:bold; margin-bottom:0px; }
	
.left{float:left;}

.clear{clear:both;}

a{color:#86a02c;}

a:hover{color:#9fbe34;}

.line{height:1px; border-top:1px solid #ccc; margin:10px 0;}

img { border: 0; }


/*.................................................................................................. Header......................................................................................... */


.header{ background:url(images/back_top.jpg) #222222 top left repeat-x; height:144px;}

/*.logo{padding-top:15px;}*/
.logo{padding:0;}

#login{position:absolute; top:20px; right:0px; text-align:right;}

.top_box{padding:8px; background-color:#222222; border:none; color:#a5a497; width:130px; margin:0px 5px; }

.go{margin-left:5px;}



/*........................................... Nav................................ */


/*.nav{position:absolute; left:0; top:95px;}

.nav a{text-decoration:none; color:#626262; font-weight:bold; font-size: 12px; }

.nav a:hover{color:#222222;}
*/

#nav                { left: 0; margin:0; padding: 0; position: absolute; top: 105px; list-style-type: none;
                      display: inline; float: left; width: 800px; }

#nav li             { float: left; padding: 0; margin: 0 1px 0 0; }

#nav li a           { float: left; color: #626262; padding: 10px 25px; }
                      
#nav li a:hover     { color: #333; }

#body_home #nav_home,
#body_qualifications #nav_qualifications,
#body_services #nav_services,
#body_rates #nav_rates,
#body_support #nav_support,
#body_contact #nav_contact
                    { float: left; padding-bottom: 5px; margin: 0 1px 0 0;
                      background: url(images/top_left.jpg) #fff no-repeat; }

#body_home #nav_home a,
#body_qualifications #nav_qualifications a,
#body_services #nav_services a,
#body_rates #nav_rates a,
#body_support #nav_support a,
#body_contact #nav_contact a
                    { float: left; padding: 10px 15px;
                      background: url(images/top_right.jpg) no-repeat top right; }

.link{  background: #fff; position: relative; margin: 10px 0; text-align:center; float:left;}

.link_other{margin-right:15px; float:left; margin: 10px 0; text-align:center;}

.inside{padding:10px 30px 30px 30px;}

.tl	{ position: absolute; width: 11px; height: 11px; background: url(images/top_left.jpg) top left no-repeat; top: 0px; left: 0px; }

.tr	{ width: 11px; height: 11px; background: url(images/top_right.jpg) top right no-repeat; position: absolute; top: 0px; right: 0px; }




/*.................................................................................................. Content......................................................................................... */



.content{background-color:#FFFFFF; padding:40px 0; line-height:1.5em;}

.main{width:590px;}

.cir{padding-top:7px; margin-right:10px;}

.service-info h3 { margin: 0; text-decoration: underline; padding:4px; background:#fff url(images/arrow.gif) no-repeat right -51px; cursor: pointer; color:#4f4e4e; font-size:14px; }
	    
.service-info h3.no_sub_items { margin: 0; cursor: auto; padding:4px; background:#fff; color:#4f4e4e; font-size:14px; }


.service-info h3.active { background-position: right 5px; }


/*........................................... Slide................................ */

.right { width: 270px; margin: 0; float:right; }

.demo-show { width: 270px; margin: 0; }

.demo-show h2 { padding-left: 8px; }
   
.demo-show h3 { margin: 0; padding:8px; background:#fff url(images/arrow.gif) no-repeat right -51px; border-top: 1px solid #cdccbf; cursor: pointer;  color:#4f4e4e; font-size:14px; }
	    
.demo-show h3.active { background-position: right 5px; }

.demo-show div { padding: 5px 2px; }

.demo-show ul{ margin:0; padding:0; }

.demo-show li{ list-style:none; padding-left:8px; padding-bottom:7px; background:url(images/bullet.png) center left no-repeat; }




#box_highlight{margin:20px 0; border:1px solid #ccc; background-color:#f5f4f4;}

#box_highlight p {padding:0 10px;}

#box_highlight.info h1, #box_highlight.info h2 {padding: 3px 10px; font-style: italic; }

.service-content { position: relative; }

/*........................................... Slideshow ........................................... */
#slideshow { position: relative; margin: 5px; height: 380px; }
#controls { z-index: 1000; position: absolute; top: 0; left: 0; display: none;
    background-color: #ffc; border: 1px solid #ddd; margin: 0; padding: 6px; 
    width: 218px;
}
#controls span { margin: 0 5px }
 }


/*........................................... Extra area and Footer................................ */


.extra{background-color:#363636; padding:20px 0 30px 0; color:#96958a; line-height:1.7em;}

.extra a{padding:3px; background-color:#222222; text-decoration:none;}

.footer{padding:2px 0 20px 0; text-align:right;}