/***************************************
****************************************
    LAYOUT AND STYLES
****************************************
***************************************/


/***************************************
****************************************
    LAYOUT
    ------------------------------------
    DO NOT ADD FORMATTING STYLES TO
    THIS SECTION - IT IS FOR *LAYOUT*
    INFORMATION ONLY. MARGIN AND PADDING
    INFORMATION *SHOULD* GO IN HERE.
****************************************
***************************************/

div#container
{
    margin:0 auto;
    text-align:left;
    
}


div#header
{
    height:auto !important; /*ie6 min height*/
    height:165px;
    min-height:165px;
}

div#main
{
  
}

#homeflash {width:910px;height:200px;overflow:hidden;margin-left:-20px;margin-top:20px}

div#wrap
{    
    background:#fff url(../images/content_bg.jpg) top left repeat-x;
    height:100%;
    margin-top:30px;
    /*float:right; for LHS layouts*/
    
    
}

div#content_inside
{    

    clear:both;
  	padding:5px 30px 50px;
}


#content_header {padding:30px 30px 0px 30px;}

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



/* RHS LHS / EXTRA INFO */
div#rhs
{    
    background:#767676;
}

div#lhs
{    
    background:#767676;
    float:left;
}

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



/* FOOTER */
div#footer
{   
    clear:both;
}

/***************************************
    END
***************************************/


/***************************************
****************************************
    GENERAL STYLES
    ------------------------------------
    PLEASE ADD NEW STYLE RULES TO THE
    APPROPRIATE SECTION ONLY. DO NOT
    REMOVE SECTION HEADERS EVEN IF THEY

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



/***************************************
    USEFUL ONE LINERS
    -----------------------------------
    Any useful simple one liners here.
***************************************/
.hidetext{text-indent:-9000px; overflow:hidden;}
.center img {display: block;margin: 0 auto; /* margin-left and margin-right auto */}
.center p {width: 50px;margin: 0 auto;} /*



/***************************************
    GLOBAL STYLES
    ------------------------------------
    Style rules with a global effect.
***************************************/
*
{
    
}

html 
{
    background:#e2e2e2 ;
    height:auto;
    min-height:100%; /*for full body background images*/
  
}

body
{
    
    color:#333333;
    background:#e2e2e2 url(../images/main_bg.png) top center no-repeat;    
    
}

p {margin:12px 0px;}

em {font-style:italic;}

strong{font-weight:bold;}

ul {margin:10px 0px 30px 0px;padding:0px;}
ul li {margin:15px 0px; list-style: square inside url("../images/bullet.gif"); font-size:120%;}
ol {padding:0px 0px 0px 40px;}
ol li {list-style: outside upper-roman;}



h1{font-size:250%; color:#320266;text-transform:capitalize;display:none;}
h2{font-size:240%; margin:10px 0px 20px 0px !important;color:#2c62c2;width:500px;padding:20px 0px 0px 0px;text-transform:capitalize} 
h3{font-size:128%; margin:10px 0px 10px 0px;color:#320266 ; padding-left:30px;background:url(../images/h3_bg.gif) center left no-repeat;text-transform:capitalize}
h4{font-size:150%; font-weight:normal; margin:5px 0px 5px 0px;color:#2c62c2;text-transform:capitalize}
h5{font-size:110%; font-weight:bold; margin:5px 0px 5px 0px;text-transform:capitalize}


a{text-decoration:none;color:#2962BB}

/*correct order of psudeo classes*/
        a:link{color:#2962BB}
        a:visited{color:#2962BB}
        a:hover{color:#bfbfbf;}
        a:active {color:#2962BB}


.email {float:left;}


address
{
    
}


.contentimage {float:right;}

<img src="images/upload/" class="contentimage" alt="" />

/*
.transparent
{

		opacity: 0.7; /* Firefox and Opera 
		-moz-opacity: 0.7; /* Old Mozilla (Netscape) 
		-webkit-opacity: 0.7; /* Webkit engines 
		-khtml-opacity: 0.7; /* KHTML engines 
		filter: alpha(opacity=7); /* Internet Explorer 

}
*/


/*forces a div with floating image inside
 it to pull down to the end of the image*/
hr.clear {display: block; clear: left;
padding: 0;padding-top:0px;
visibility: hidden;width:1px;}


/***************************************
    HEADER STYLES: #header
    ------------------------------------
    Style rules for the header
    area only.
***************************************/
#header
{    
    padding-top:30px;
}

    #header #logo
    {
        padding:10px 0 0;
    }
    
        #header #title
    {
        padding:30px 0px;
    }

    
    #header #contact
    {
        color:#fff;
        float:right;
        font-size:15px;
        margin:20px 0 0 0;
        clear:right;
    }
    
    #headerleft p {margin:-18px 0 0 94px;}
    
    #headerleft {float:left;margin:0px;}
    
    #headerright {float:right;text-align:right;margin:0px;}  
    
    #title {margin:0px;padding:0px;}
               
     

/***************************************
    GLOBAL NAVIGATION STYLES: #globalnav
    ------------------------------------
***************************************/
    
#globalnav
{
    
    height:auto !important;
    height:20px;
    min-height:20px;
}

	 ul#globalnav 
	{
    border-bottom:1px solid #BFBFBF;
border-top:1px solid #BFBFBF;
float:right;
margin:45px 0;
padding:10px 0;
position:relative;
text-align:right;
z-index:3;
    }
    
	    ul#globalnav li
	    {
display:inline;
float:left;
font-size:120%;
list-style-type:none;
margin:0 0 0 20px;
padding-right:21px;
	        
            }
            
            ul#globalnav li a.selected 
            {
                    padding:3px 5px 5px;
                    background:url(../images/nav_bg.jpg) center left repeat-x;
                    color:#fff;
                    -moz-border-radius:3px;
                    -webkit-border-radius:3px;
                    float:left;
                  }
                  
            #globalnav ul.subpage li a.selected 
            {
                padding:2px 5px;
                    background:url(../images/nav_bg.jpg) center left repeat-x;
                    color:#fff;
                    -moz-border-radius:3px;
                    -webkit-border-radius:3px;
                    float:left;
            }
                  
#globalnav ul.subpage
{
    -moz-border-radius:3px;
    background:#FFFFFF none repeat scroll 0 0;
border:1px solid #E2E2E2;
float:left;
padding:5px 5px 5px 0;
text-align:left;
margin-left:-9999px;
}

#globalnav ul.subpage li
{
    clear:both;
display:block;
float:left;
margin:0 0 0 -5px;
    
}


#globalnav li.toplevel
{
    
}
	
		#globalnav  li
		{
			list-style-type:none;
			display:inline;
			position:relative;
			z-index:1;
		}	  
 
		#globalnav  li a
		{
			list-style-type:none;
			display:block;
			padding:3px 0 7px;
		}
 	
		

		#globalnav  ul 
		{
			position:absolute;
			zoom:1;
			z-index:10;
			background:#fff;
			left:0;
			top:13px;
			text-align:left;
			
		}
		
		#globalnav  ul li
		{
			clear:both;
			zoom:1;
		}
		
		#globalnav  ul li a
		{
			height:18px;
padding:5px;
width:184px;
		}
		
		#aspnetForm  #globalnav li ul
		{display:none;}
		#aspnetForm  #globalnav li:hover ul 
		{display:block;}
		
     

/***************************************
    HEADER FEATURE AREA STYLES: #headfeature
    ------------------------------------
***************************************/
	    
   #headfeature 
   
   {
    height:auto !important;
    height:250px;
    min-height:250px;
    background:#d1d1d1;
   } 
	    
            
    
/***************************************
    BREADCRUMB STYLES: #breadcrumb
    ------------------------------------
    Style rules for the breadcrumb
    only.
***************************************/
#breadcrumb
{
    float:right;
    padding:0;
    position:absolute;
    right:25px;
    text-align:right;
    top:45px;
}


#breadcrumb ul
{
    margin: 0px;
    padding: 0px;
    text-align: right;
}
    
    #breadcrumb ul li
    {
        list-style-type: none;
        display: inline;
        float: right;
        margin: 0px 0px 0px 2px;
        padding: 0px 0px 0px 2px;
    }
            
        
        #breadcrumb ul li.home 
        {             
            padding-left:22px;
            background: url(../images/home.gif) center left no-repeat;        
        }
                
                    
        #breadcrumb ul li.home:hover {opacity: 0.6;filter: alpha(opacity=7);}

/***************************************
    MAIN AREA STYLES: #main
    ------------------------------------
    Style rules for the main page area
    (all content areas).
***************************************/
#shadow
{    
   background:#E2E2E2 url(../images/shadow.png) no-repeat scroll center top; 
}
    #main .something
    {
        
    }
    
    
        ul#services {margin-bottom:20px;}
        
        ul#services li 
        
           {
        
                    display:inline; 
                    float:left;
                    list-style-image:none;
                    list-style-position:outside;
                    list-style-type:none;
                    margin:0 28px 0px 25px;
                    width:225px;
                    
           }
    
        ul#services li p {padding:15px 0px;border-top:solid 1px #bfbfbf;border-bottom:solid 1px #bfbfbf; text-align:justify; }
        ul#services a:hover {opacity: 0.6;filter: alpha(opacity=7);}
        ul#services a {color:#320266}
        
        
        .gallery {text-align:right;}
        
        #gallerythumbs {float:right;width:100px;padding:0px 0px 0px 5px;}
        
        .gallery ul {float:right;margin:0px; list-style:none;}
        .gallery ul li{list-style-image:none;list-style:none;margin:0px 0px 7px 0px;padding:0px;border:solid 3px #bfbfbf;height:85px;height:70px;overflow:hidden;}
        
         #main_image {width:425px;height:319px;border:solid 3px #bfbfbf;overflow:hidden;float:left;background:#FFFFFF url(../images/loading.gif) no-repeat scroll center center;
         
         
         }
         

.fancy {float:right;}


/***************************************
    RHS AREA STYLES: #rhs
    ------------------------------------
    Style rules for the RHS column.
***************************************/
#rhs
{



}
		


/***************************************
    CONTENT STYLES: #content
    ------------------------------------
    Style rules for the primary
    content area only.
***************************************/
#content
{
    
}
	





/*cms fix*/
#content .cms *[style],
#content .cms *[style] *[style],
#content .cms *[style] *[style] *[style],
#content .cms *[style] *[style] *[style] *[style]
{
    color:inherit !important;
    font-size:inherit !important;
}
	
/* Tables */
#content table
{
    
}
    #content table caption
    {
        caption-side:bottom;
    }
    
    #content table thead
    {
        
    }
    
    #content table tbody
    {
        
    }

    #content table td
    {
    }

    #content table th
    {
        
    }

    #content table .odd
    {
        
    }
    
    
/* Lists */
#content ol
{
}
#content ul
{
}   
    #content li
    {
    }


/***************************************
    FORMS STYLES: #content form
    ------------------------------------
    Style rules for form
    areas only.
***************************************/

/***************************************
    FOOTER STYLES: #footer
    ------------------------------------
    Style rules for the footer
    area only.
***************************************/
#footer
{
    
    
    
    height:70px;
    min-height:70px;
    height:auto !important;
    
    
    
}


#credits {margin:10px auto;padding:10px 0px 30px 0px }

#footer #footercontent 
        {
            background:#fff url(../images/main_bg.png) top left no-repeat;
            margin-top:20px;
            height:70px;
            min-height:70px;
   
            padding:17px 0px;
            
  
            }
            
            #footer .clear {margin-bottom:50px;}

	#footerleft
	{
	    float:left;
	}

	#footerright
	{
	    float:right;
	    text-align:right; 
	    
	    height:130px;
    }
    
    #footer strong {}
    
    #footer ul {height:119px;width:620px;padding:0px;}
    #footer ul li{float:left;display:inline;padding:0px;width:155px;margin:2px 0px;font-size:80%;}
    
    #footer p {font-size:80%;padding-top:5px;}

	

/***************************************
    WIDGET STYLES: content and rhs
    ------------------------------------
    Style rules for specific pages.
    Replace the id #container with a
    unique id to do this.
***************************************/



/***************************************
    SINGLE PAGE STYLES: #page
    ------------------------------------
    Style rules for specific pages.
    Replace the id #container with a
    unique id to do this.
***************************************/


/***************************************
    JAVASCRIPT STYLES
    ------------------------------------
    Style rules for specific javascript
    files.

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






/***************************************
    FUTURE CSS
    ------------------------------------
    For testing css2/css3 selectors
    that don't work with all browsers.
***************************************/
/* E.g. This style rule will place an north east arrow after any link on your site to an external site. */
/*a[href^="http://"]:not([href*="smashingmagazine.com"])::after {content: "\2197";content: "\2197";*/

.rounded {-moz-border-radius:5px;-webkit-border-radius:5px;} /* Rounded Corners */
/* Drop Shadow On Text.textshadow {text-shadow: 1px 2px #333;} Currently only Safari Supports This */





/***************************************
    MEDIA STYLES
    -----------------------------------
    Add any styles here that only
    need to appear on a certain device.
***************************************/
/*If a title has an image instead of text then this
 will display the text rather than the image*/
@media handheld
{    
    
}


@media print 
{
   
}



/***************************************
    END
***************************************/