﻿body
{
    color:#4d4948;
    font-family:Arial, Verdana;
    afont-size:2.5pt;
    font-size: 12px;
    margin:0; 
    padding:0; 
    height:100%; 
    aborder: 1px solid red;
}
.container
{
    clear:none;
    float:none;
    margin: 0 auto;
    padding: 0px 0px 0px 0px;            
    width: 900px;
    awidth: 910px;
    height: 100%;
    aborder: 1px solid red;
}
.container_grow
{
    clear:left;
    float:left;
    background-color:#4d4948;
    aborder: 1px solid yellow;
}
.left
{
    clear:left;
    float:left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;            
    width: 321px;            
    aborder: 1px solid black;        
}
.center
{
    clear:none;
    float:left;
    margin: 0px 0px 25px 0px;
    padding: 0px 0px 0px 0px;            
    width: 543px;            
    aborder: 1px solid blue;
}
.right
{
    clear:right;
    float:left;
    margin: 75px 0px 0px 0px;
    padding: 0px 0px 0px 0px;            
    width: 36px;
    height: 32px;
    background-color:#75c5f0;            
    aborder: 1px solid red;
}
.logo_container
{
    clear:left;
    float:left;
    margin: 0px 0px 0px 0px;
    padding: 38px 7px 0px 0px;            
    width: 314px;
    height: 131px;
    background-color:#4d4948;   
    aborder: 1px solid red;        
}
.logo
{
    clear:left;
    float:right;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;             
    width: 276px;
    height: 91px;
    background-image:url('../images/xplore_name.gif');
    background-repeat:no-repeat;            
}
.left_container
{
    clear:left;
    float:left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 36px;            
    width: 285px;            
    background-color:#4d4948;   
    aborder: 1px solid yellow;
}
.services
{
    clear:left;
    float:left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;             
    width: 261px;
    height: 268px;
    background-image:url('../images/services.jpg');
    background-repeat:no-repeat;                
}
.services_container
{
    clear:right;
    float:right;
    margin: 0px 0px 0px 0px;
    padding: 24px 0px 24px 0px;            
    width: 207px;
    height: 220px;
    aborder: 1px solid blue;
}
.services_item
{
    clear:left;
    float:left;
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 10px 0px;            
    width: 207px;            
    aborder: 1px solid black;
}
.services_item_txt
{
    font-size:14px;
    color:#4d4948;
    text-decoration:none;
}
.services_item_txt:hover
{
    font-weight:bolder;
    text-decoration:none;
}
.add1_container
{
    clear:left;
    float:left;
    margin: 0px 0px 0px 0px;
    padding: 23px 0px 0px 0px;             
    width: 261px;
    height: 109px;
    aborder: 1px solid red;
}
.logo_studio
{
    clear:none;
    float:left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;            
    width: 68px;
    height: 201px;
    background-image:url('../images/xplore_studio.gif');
    background-repeat:no-repeat;
    background-position:top left;            
    background-color:#fff;
    aborder-bottom: 1px solid red;        
}
.top_container
{
    clear:none;
    float:right;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;            
    width: 475px;
    height: 201px;
    background-color:#fff;
    aborder-top: 1px solid yellow;  
    aborder-bottom: 1px solid yellow;       
}
/* masterpage only begin */
.master_top_container
{
    clear:none;
    float:left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;            
    width: 475px;    
    height: 168px;
    background-color:#fff;
    aborder-top: 1px solid yellow;  
    aborder-bottom: 1px solid yellow;
}
.master_logo_studio
{
    clear:none;
    float:left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 68px;
    height: 168px;
    background-image:url('../images/xplore_studio.gif');
    background-repeat:no-repeat;
    background-position:top left;            
    background-color:#fff;
    aborder-bottom: 1px solid red;
}
/* masterpage only end */   
.tag_container
{
    clear:right;
    float:left;
    margin: 0px 0px 0px 0px;
    padding: 41px 0px 0px 0px;            
    width: 475px;
    height: 34px;
    background-color:#fff;  
    aborder-top: 1px solid red;          
    aborder-bottom: 1px solid red;
}
.tag
{
    clear:none;
    float:left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;            
    width: 444px;
    height: 17px;
    background-image:url('../images/tag.gif');
    background-repeat:no-repeat;
}
.menu_container
{
    clear:none;
    float:left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;            
    width: 475px;
    height: 32px;
    aborder-top: 1px solid red;          
    aborder-bottom: 1px solid red;
}
.menu
{
    clear:none;
    float:right;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;            
    width: 447px;
    height: 32px;
    background-color:#75c5f0;
    aborder: 1px solid black;      
}
.menu_item
{
    clear:none;
    float:left;
    margin: 0px 0px 0px 0px;
    padding: 7px 10px 0px 10px;
    height: 24px;                    
    aborder: 1px solid black;
}
.menu_item_txt
{
    font-size:12px;
    color:#fff;
    text-decoration:none;
}
.menu_item_txt:hover
{
    color:#c4d704;
    text-decoration:none;
}
.quote_container
{
    clear:left;
    float:left;
    margin: 0px 0px 0px 0px;
    padding: 1px 0px 0px 0px;            
    width: 475px;
    height: 22px;
    background-color:#fff;
    aborder: 1px solid blue;
}
.quote
{
    clear:none;
    float:right;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;            
    width: 123px;
    height: 23px;
    background-color:#c4d704;            
    aborder: 1px solid black;      
}
.quote_txt
{
    clear:none;
    float:left;
    margin: 5px 0px 0px 0px;
    padding: 0px 0px 0px 0px;            
    font-size:9px;
    color:#4d4948;
    width: 123px;
    text-align:center;
    text-decoration:none;
    aborder: 1px solid black;    
}
.intro_container
{
    clear:left;
    float:left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;            
    width: 475px;
    aheight: 72px;
    background-color:#fff;
    aborder-top: 1px solid red;          
    aborder-bottom: 1px solid red;
}
.intro_txt
{
    clear:none;
    float:left;
    margin: 5px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 460px;
    color:#666;
    vertical-align:bottom;
    aborder-top: 1px solid green;          
    aborder-bottom: 1px solid green;
}
.main_image
{
    clear:left;
    float:left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;            
    width: 543px;
    height: 236px;
    background-image:url('../images/xplorestudio_main.jpg');
    background-repeat:no-repeat;      
    aborder: 1px solid black;        
}
.add_center_container
{
    clear:none;
    float:left;
    margin: 0px 0px 0px 0px;
    padding: 23px 0px 0px 0px;             
    width: 543px;            
    background-color:#4d4948;
    aborder: 1px solid black;
}
.add2_container
{
    clear:left;
    float:left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;             
    width: 261px;
    height: 109px;
    aborder: 1px solid red;
}
.add3_container
{
    clear:none;
    float:right;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;             
    width: 261px;
    height: 109px;
    aborder: 1px solid red;
}
.footer
{
    clear:left;
    float:left;
    margin: 0px 0px 0px 0px;
    padding: 15px 0px 0px 0px;
    width: 900px;    
    height: 28px;
    background-color:#4d4948;
    text-align:center;
    aborder: 1px solid red;
}
.footer_txt
{
    margin: 0px 0px 0px 0px;
    padding: 0px 10px 0px 0px;
    color:#ccc;
    font-size:9px; 
    text-decoration:none;   
}
li.list 
{
    font-size:large;
    color: #bed007;    
}
li.list div 
{    
    font-size:12px;
    color: #4d4948; 
}
.downloads:link, .downloads:visited
{
    color:#75c5f0;
    text-decoration:none;
}
.downloads:hover
{
    color:#bed007;
    text-decoration:none;
}
.page_heading
{
    margin: 0px 0px 0px 0px;    
    padding: 25px 0px 0px 28px;
    clear:left;
    float:left;
    width: 100%;
    width:400px;    
    aborder: 1px solid red;    
}
h1
{
    margin: 0px 0px 0px 0px;    
    padding: 0px 0px 0px 0px;
    clear:left;
    float:left;
    font-family:Arial, Verdana;
    color:#75c5f0;
    font-size: 18px;
    text-decoration:none;
    font-weight:normal;		
    aborder:1px solid red;
}
h2
{
    margin: 0px 0px 0px 0px;    
    padding: 0px 0px 0px 0px;
    clear:left;
    float:none;
    font-family:Arial, Verdana;
    color:#cbdf00;
    font-size: 14px;
    text-decoration:none;
    font-weight:normal;		
    aborder:1px solid red;
}
h3
{
    margin: 0px 0px 0px 0px;    
    padding: 0px 0px 0px 0px;
    clear:left;
    float:none;
    font-family:Arial, Verdana;
    color:#75c5f0;
    font-size: 12px;
    text-decoration:none;
    font-weight:normal;		
    aborder:1px solid red;
}
.page_content
{
    clear:none;
    float:left;
    margin: 0px 0px 0px 0px;
    padding: 0px 35px 20px 97px;
    background-color:#fff;
    width:411px;
    min-height:400px;
    word-wrap: break-word;    
}
.icon
{
    clear:left;
    float:left;
    margin: 0px 0px 0px 0px;
    padding: 20px 0px 0px 40px;        
    aborder: 1px solid red;        
}
.icon_item
{
    clear:none;
    float:left;
    margin: 0px 0px 0px 5px;
    padding: 0px 0px 0px 0px;    
    width:70px;
    text-align:center;
    font-size:9px;
    aborder: 1px solid black;        
}
.icon_item_txt:link, .icon_item_txt:visited
{
    clear:none;
    float:left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;    
    width:67px;
    height:25px;
    text-align:center;
    vertical-align:bottom;
    font-size:8px;
    color:#4d4948;
    text-decoration:none;
    aborder: 1px solid black;        
}
.icon_item_txt:hover
{
    color: #75c5f0;
    text-decoration:none;
}
.icon_item_txt_logo
{
    clear:none;
    float:none;
    margin: 0px 0px 0px 0px;
    padding: 8px 0px 0px 0px;    
}
.colorLink:link, .colorLink:visited
{
    color:#75c5f0;
    text-decoration:none;
}
.colorLink:hover
{
    color:#cbdf00;
    text-decoration:none;
}

h2.trigger {
	padding: 0 0 0 0px;
	margin: 0 0 5px 0;
	background: url(h2_trigger_a.gif) no-repeat;	
	width: 450px;
	font-size: 12px;	
	float: left;
}
h2.trigger a {
	color: #a44915;
	text-decoration: none;
	display: block;
}
h2.trigger a:hover {
	color: #d68a0e;
}
h2.active {background-position: left bottom;}


.toggle_container {
	margin: 0 0 5px;
	padding: 0;
	border-top: 1px solid #d6d6d6;
	background: #f0f0f0 url(toggle_block_stretch.gif) repeat-y left top;
	overflow: hidden;
	font-size: 12px;
	width: 100%;
	clear: both;
	aborder: 1px solid red;
}
.toggle_container .block {
	padding: 20px;
	background: url(toggle_block_btm.gif) no-repeat left bottom;
}
.toggle_container .block p {
	padding: 5px 0;
	margin: 5px 0;
}
.toggle_container h3 {
	afont: 2.5em normal Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	margin: 0 0 10px;
	padding: 0 0 5px 0;
	border-bottom: 1px dashed #ccc;
}
.links
{
    clear:left;
    float:none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width:100%;
    text-align:center;    
}
.blog_left_spacer
{
    clear:left;
    float:left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width:36px; 
}
.blog_left_container
{
    clear:none;
    float:left;
    margin: 0px 0px 0px 0px;
    padding: 17px 0px 17px 17px;
    width:268px;
    background-color:#71706e;
    aborder:1px solid red;
}
.blog_center_container
{
    clear:none;
    float:left;
    margin: 0px 0px 0px 0px;
    padding: 17px 0px 17px 17px;
    width:264px;
    background-color:#71706e;
    aborder:1px solid blue;
}
.blog_right_container
{
    clear:right;
    float:left;
    margin: 0px 0px 0px 0px;
    padding: 17px 0px 17px 0px;
    width:262px;
    background-color:#7d7c7b;
    aborder:1px solid yellow;
}
.blog_left
{
    clear:left;
    float:left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width:260px;    
    aborder:1px solid red;
}
.blog_center
{
    clear:left;
    float:left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width:243px;    
    aborder:1px solid black;
}
.blog_right
{
    clear:left;
    float:left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width:262px;
    height:124px;
    text-align:center;
    aborder:1px solid black;
}
.blog_follow_container
{
    clear:left;
    float:left;
    margin: 0px 0px 0px 0px;
    padding: 40px 0px 0px 22px;
    awidth:262px;
    text-align:center;
    aborder: 1px solid blue;   
}
.blog_follow
{
    aclear:none;
    float:left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width:70px;    
    aborder: 1px solid yellow;
}
.blog_follow a
{
    color:#fff;
    font-size:9px;
    text-decoration:none;
}
.blog_left_header
{
    clear:left;
    float:left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    color:#cbdf00;
    font-weight:bolder;
    aborder:1px solid black;
}
.blog_right_header
{
    clear:left;
    float:left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    color:#cbdf00;
    font-weight:bolder;
    width:262px; 
    text-align:center;
    aborder:1px solid black;
}
.blog_date
{
    clear:left;
    float:left;
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 0px 0px;
    color:#fff;
    font-size:10px;
}
.blog_post_heading
{
    clear:left;
    float:left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    color:#cbdf00;
    width:260px;
    font-size:10px;
}
.blog_post_intro
{
    clear:left;
    float:left;
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 0px 0px;
    color:#fff;
    width:245px;
    height:40px;
    font-size:10px;
    aborder:1px solid black;
}
.blog_readmore
{
    clear:left;
    float:left;
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 0px 0px;
    color:#75c5f0;
    font-size:10px;
    text-decoration:none;
}
.buttonsend
{
    margin: 0px 0px 0px 0px;
    padding: 5px 5px 5px 5px;
    background-color:#75c5f0;
    border: 0px;
}
.message
{
    color:#d24a18;
}
.portforlio_links:link
{
    clear:left;
    float:left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 10px;
    color:#75c5f0;
    font-size:11px;
    text-decoration:none;
}
.portforlio_links:visited
{
    clear:left;
    float:left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 10px;
    color:#75c5f0;
    font-size:11px;
    text-decoration:none;
}
