@charset "utf-8";
/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right:0px;
	background-image:url(images/caboodle_bg.jpg);
	background-repeat:repeat;
	background-color: #0d212a;
	color:#363636;
}

body,td{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}


.top_area {
padding-left:30px;
padding-bottom:px;
padding-top:30px;
margin-bottom:0px;
margin-top:0px;
color:#7bc2e0;
width:398px;
background-color:#FFFFFF;
height:49px;
font-size:12px;
font-weight:bold;
}

.top_area a:link {
	color: #315A6C;
	text-decoration: none;
	font-weight:normal;
}
.top_area a:visited {
	text-decoration: none;
	color: #315A6C;
	font-weight:normal;
}
.top_area a:hover {
	text-decoration: underline;
	color: #3C86AB;
	font-weight:normal;
}
.top_area a:active {
	text-decoration: none;
	color: #3C86AB;
	font-weight:normal;	
}


.form { 
font-size:10px; 
color:white; 
background-color:#234933  !important;
border:none; 
font-weight: bold;
}


.header {
text-align:left;
margin-left:0px;
margin-right:0px;
width:853px;
padding-top:23px;
height:79px;
text-align:center;
margin:0 auto;
}

.sml_fnt {
font-size:9px;
}

.main_content {
text-align:center;
width:771px;
padding-top:0px;
padding-left:29px;
padding-right:29px;
margin-bottom:0px;
padding-bottom:10px;
background-color:#ffffff;
font-size:17px;
}


.main_content a:link {
	color: #2476A5;
	text-decoration: none;
}
.main_content a:visited {
	text-decoration: none;
	color: #2476A5;
}
.main_content a:hover {
	text-decoration: underline;
	color: #00aae7;
}
.main_content a:active {
	text-decoration: none;
	color: #00aae7;
}


.white_links a:link {
	color: #ffffff;
	font-weight:bold;
	text-decoration: none;
}
.white_links a:visited {
	text-decoration: none;
	font-weight:bold;	
	color: #ffffff;
}
.white_links a:hover {
	text-decoration: underline;
	font-weight:bold;	
	color: #ffffff;
}
.white_links a:active {
	text-decoration: none;
	font-weight:bold;	
	color: #ffffff;
}

h1 {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
font-size:30px;
color:#00aae7;
}

h2 {
margin:0px 0px 0px 0px;
padding:5px 0px 5px 0px;
font-size:16px;
color:#00aae7;
}

h3 {
font-size:14px;
color:#00aae7;
}

h4 {
font-size:14px;
color:#00aae7;
padding-bottom:0px;
margin-bottom:0px;
}

h5 {
font-size:14px;
color:#ffffff;
font-weight:bold;
padding-bottom:0px;
margin-bottom:0px;
padding-top:0px;
margin-top:0px;
}

h6 {
font-size:13px;
color:#ffffff;
font-weight:bold;
padding-bottom:0px;
margin-bottom:0px;
padding-top:0px;
margin-top:0px;
}

hr {
color:#bfeaf9;
background-color: #bfeaf9;
height:1px;
border-top: 1px solid #bfeaf9; 
}


.portfolio {
text-align:center;
width:771px;
height:160px;
background-color:#FFFFFF;
}

.portfolio_item {
text-align:center;
width:175px;
float:left;
padding-right:17px;
}

.portfolio_item p {
padding-top:5px;
margin-top:0px;
}


.portfolio_item a:link {
	font-size:12px;
	color: #626262;
	text-decoration: none;
}
.portfolio_item a:visited {
	font-size:12px;
	text-decoration: none;
	color: #626262;
}
.portfolio_item a:hover {
	font-size:12px;
	font-weight:bold;
	text-decoration: underline;
	color: #626262;
}
.portfolio_item a:active {
	font-size:12px;
	font-weight:bold;	
	text-decoration: none;
	color: #626262;
}

.cform {font-size: 10px; color:black; background-color:#D1D1AB; border-color:grey; font-weight: bold}

.opacityit img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=94);
-moz-opacity: 0.94;
}

.opacityit:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}

.under_menu {
background-color:#3685a6;
width:831px;
height:2px !important;
line-height:2px;
font-size:0px;
}

.dropdownstyle {
background-color:#FBFBFB !important;
border: #cccccc 1px solid;

}

.sub_menu {
width:486px;
margin:0 auto;
text-align:center;
padding:10px 0px 20px 0px;
font-size:12px;
}

.sub_menu p{
padding:0px;
margin:0px;
}



.latest_websites{
width:743px;
height:260px;
background-image:url(images/latest_websites.jpg);
background-repeat:no-repeat;
text-align:right;
padding: 30px 30px 0px 0px;
color:#CCCCCC;
}

.latest_websites h2{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
font-size:30px;
color:#CCCCCC;
}

.latest_websites h3{
margin:0px 0px 0px 0px;
padding:5px 0px 5px 0px;
font-size:16px;
color:#CCCCCC;
}

.latest_websites a{
color:#CCCCCC !important;
}

.port_btn{
padding:32px 0px 0px 0px;
margin:0px;
}

.port_btn img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=85);
-moz-opacity: 0.85;
}

.port_btn:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}




/*--------------------------------MENU AREA--------------------------------------*/

.menu_area {
margin-left:0px;
width:831px;
height:53px;
padding:0px;
margin:0px;
text-align:left;
}

.indentmenu{
font-size: 17px;
width: 100%; /*leave this value as is in most cases*/
overflow: hidden;
text-align:left;
margin:0px;
padding:0px;
}

.indentmenu ul{
margin: 0px;
padding: 0px;
float: left;
width: 100%; /*width of menu*/
border-width: 0px 0;
/*background-color:#885F9E;*/
}

.indentmenu ul li{
display: inline;

}


.indentmenu ul li a{
float: left;
color: white; /*text color*/
margin:0px 0px 0px 0px;
padding: 16px 5px 20px 5px ;
text-decoration: none;
width:130px;
text-align:center;
background-image:url(images/menu_bg.jpg);
background-position:top;
background-repeat:no-repeat;

}

.no_bg {
background-image:none !important; 
background:none;
}


.corner1 {
width:126px !important; 
}

.corner1 a{
background-image:url(images/menu_bg1.jpg) !important; 
width:126px !important; 
}

.corner1 a:hover{
background-image:url(images/menu_bg1_hov.jpg) !important; 
}


.corner2 {
width:125px !important; 
}

.corner2 a{
background-image:url(images/menu_bg2.jpg) !important; 
width:125px !important; 
}

.corner2 a:hover{
background-image:url(images/menu_bg2_hov.jpg) !important; 
}

.indentmenu ul li a:visited{
color: white;
}

.indentmenu ul li a:hover, .indentmenu ul li .current{
color: white !important; /*text color of selected and active item*/
background-image:url(images/menu_bg_hov.jpg);
background-position:top;
background-repeat:no-repeat;
margin-top:0px;
margin-bottom:0px;
height:38px;
padding-top:16px; /*shift text down 1px for selected and active item*/
padding-bottom:20px; /*shift text down 1px for selected and active item*/
/*background-color:#A687B6;*/
}

.stay_lit1 {
width:126px !important; 
}

.stay_lit1 a{
background-image:url(images/menu_bg1_hov.jpg) !important; 
width:126px !important; 
}

.stay_lit2 {
width:125px !important; 
}

.stay_lit2 a{
background-image:url(images/menu_bg2_hov.jpg) !important; 
width:125px !important; 
}

.stay_lit {
width:130px !important; 
}

.stay_lit a{
background-image:url(images/menu_bg_hov.jpg) !important; 
width:130px !important; 
}


/*--------------------------------END MENU AREA--------------------------------------*/



#footer {
background-image:url(images/footer.jpg);
background-repeat:no-repeat;
background-position:top;
font-size:10px;
padding-top:28px;
text-align:center;
color:#2f739a;
}

#footer p {
margin-top:0px;
padding-top:5px;
padding-bottom:0px;
margin-bottom:0px;

}

#footer a:link {
	font-weight:bold;	
	color:#2f739a;
	text-decoration: none;
}
#footer a:visited {
	font-weight:bold;
	text-decoration: none;
	color: #2f739a;
}
#footer a:hover {
	font-weight:bold;
	text-decoration: none;
	color: #00AAE7;
	font-size:10px;
}
#footer a:active {
	font-weight:bold;
	text-decoration: none;
	color: #00AAE7;
	font-size:10px;
}