body {
font-size : 12px;
color : #3d3d3d;
font-family : Arial, Helvetica, sans-serif;
}
a {
font : 12px Arial, Helvetica, sans-serif;
color : #496200;
text-decoration : underline;
}
a:hover {
color : #000000;
text-decoration : none;
}
.header_bg {
background : url(../images/header_bg.jpg) repeat-x left top;
height : 95px;
}
.footer_bg {
background : url(../images/footer_bg.jpg) repeat-x left top;
height : 60px;
}
.logo {
background : url(../images/logo.png) no-repeat left top;
height : 80px;
width : 255px;
display : block;
float : left;
margin : 10px 0 0 10px;
}
.spanish_flag {
background : url(../images/spanish_flag.jpg) no-repeat left center;
height : 18px;
width : 65px;
float : left;
padding : 3px 0 0 22px;
margin : 3px 0 0 555px;
font-family : Arial, Helvetica, sans-serif;
color : #7ca500;
font-size : 14px;
}
.english_flag {
background : url(../images/english_flag.jpg) no-repeat left center;
height : 18px;
width : 53px;
float : left;
font-family : Arial, Helvetica, sans-serif;
color : #7ca500;
font-size : 14px;
padding : 3px 0 0 25px;
margin : 3px 0 0 0;
}
#topnav1 {
   width:720px;
	height:33px;
	margin:25px 10px 0 0px;
	float:right;
}
#topnav1 ul {
	padding:0;
	margin:0;
	float:right;
	list-style: none;
}
#topnav1 ul li{
	padding:0;
	margin:0;
	display: inline;
	font-size: 15px;
	font-family:Tahoma;
}
#topnav1 ul li a{
	color:#666666;
	font-weight:bold;
	text-decoration:none;
	display:block;
	float:left;
	font-size: 14px;
	height:25px;
	padding: 8px 2px 0px 2px;
}
#topnav1 ul li a:hover{
	color: #ffffff;
	font-size:14px;
}
#topnav1 ul li a.home{
	color: #666666;
	font-size:14px;
	width:62px;
	text-align:center;
}	
#topnav1 ul li a:hover.home{
	background:url(../images/nev_bt1.png) no-repeat center bottom;
	color: #ffffff;
	font-size:14px;
}
#topnav1 ul li a.shome{
	background:url(../images/nev_bt_1.png) no-repeat center bottom;
	color: #ffffff;
	font-size:14px;
	width:62px;
	text-align:center;
}	
#topnav1 ul li a.websites1{
	color: #666666;
	font-size:14px;
	text-align:center;
	width:111px;
}
#topnav1 ul li a:hover.websites1{
	background:url(../images/nev_bt2.png) no-repeat center bottom;
	color: #ffffff;
	font-size:14px;
}
#topnav1 ul li a.swebsites1{
	background:url(../images/nev_bt_2.png) no-repeat center bottom;
	color: #ffffff;
	font-size:14px;
	text-align:center;
	width:111px;
}	
#topnav1 ul li a.marketing1{
	color:#666666;
	font-size:14px;
	width:160px;
	text-align:center;
}
#topnav1 ul li a:hover.marketing1{
	background:url(../images/nev_bt3.png) no-repeat center bottom;
	color: #ffffff;
	font-size:14px;
}
#topnav1 ul li a.smarketing1{
	background:url(../images/nev_bt_3.png) no-repeat center bottom;
	color: #ffffff;
	font-size:14px;
	width:160px;
	text-align:center;
}	
#topnav1 ul li a.programming1{
	color:#666666;
	font-size:14px;
	width:119px;
	text-align:center;
}
#topnav1 ul li a:hover.programming1{
	background:url(../images/nev_bt4.png) no-repeat center bottom;
	color: #ffffff;
	font-size:14px;
}
#topnav1 ul li a.sprogramming1{
	background:url(../images/nev_bt_4.png) no-repeat center bottom;
	color: #ffffff;
	font-size:14px;
	width:119px;
	text-align:center;
}	
#topnav1 ul li a.portfolio{
	color:#666666;
	font-size:14px;
	width:78px;
	text-align:center;
}	
#topnav1 ul li a:hover.portfolio{
	background:url(../images/nev_bt5.png) no-repeat center bottom;
	color: #ffffff;
	font-size:14px;
}	
#topnav1 ul li a.sportfolio{
	background:url(../images/nev_bt_5.png) no-repeat center bottom;
	color: #ffffff;
	font-size:14px;
	width:78px;
	text-align:center;
	}				
#topnav1 ul li a.contact{
	width:111px;
	text-align:center;
	color: #666666;
	font-size:14px;
}	
#topnav1 ul li a:hover.contact{
	background:url(../images/nev_bt6.png) no-repeat center bottom;
	color: #ffffff;
	font-size:14px;
}		
#topnav1 ul li a.scontact{
	background:url(../images/nev_bt_6.png) no-repeat center bottom;
	color: #ffffff;
	font-size:14px;
	width:111px;
	text-align:center;
}	
.seprator2{
    background:url(../images/nevigation_seprator.jpg) no-repeat left top;
	height:37px;
	display:block;
	float:left;
}
.web_pages{
	background:url(../images/web_pages.jpg) no-repeat left top;
	width:328px;
	height:106px;
}
.marketing{
	background:url(../images/marketing.jpg) no-repeat left top;
	width:327px;
	height:106px;
}
.programming{
	background:url(../images/web_dev.jpg) no-repeat left top;
	width:327px;
	height:106px;
}
.web_pages_spanish{
	background:url(../images/sp_web_pages.png) no-repeat left top;
	width:328px;
	height:106px;
}
.marketing_spanish{
	background:url(../images/marketing.jpg) no-repeat left top;
	width:327px;
	height:106px;
}
.programming_spanish{
	background:url(../images/web_dev_s.jpg) no-repeat left top;
	width:327px;
	height:106px;
}
.view_more {
font-family : Verdana;
font-size : 12px;
color : #000000;
width : 90px;
height : 20px;
float : right;
display : block;
margin : 80px 0 0 0;
text-decoration : none;
}
.main_heading {
font-family : Verdana;
font-size : 20px;
color : #3d3d3d;
}
.main_heading2 {
font-family : Verdana;
font-size : 22px;
color : #3d3d3d;
padding : 5px 0 10px 0;
}
.comman_text {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #3d3d3d;
}
.box_left_top_cor {
background : url(../images/box_le_top_cor.jpg) no-repeat left top;
height : 38px;
width : 13px;
}
.box_right_top_cor {
background : url(../images/box_right_top_bg.jpg) no-repeat left top;
height : 38px;
width : 13px;
}
.box_top_bg {
background : url(../images/box_top_bg.jpg) repeat-x left top;
padding : 0 0 2px 0;
height : 36px;
text-align : left;
font-family : Verdana;
font-size : 22px;
color : #000000;
}
.box_top_bg1 {
background : url(../images/box_top_bg.jpg) repeat-x left top;
padding : 0 0 2px 0;
height : 36px;
text-align : left;
font-family : Verdana;
font-size : 24px;
color : #000000;
}
.box_con_bg {
background : #ffffff url(../images/contain_bg.jpg) repeat-x left top;
height : 242px;
}
.box_con_bg {
background : #ffffff url(../images/contain_bg.jpg) repeat-x left top;
height : 242px;
}
.box_con_bg1 {
background : #ffffff url(../images/contain_bg.jpg) repeat-x left top;
left : 0;
}
.services_text {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #505050;
}
.services_text1 {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #000000;
}
.footer_text {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #484848;
}
.footer_text a {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #484848;
text-decoration : none;
}
.footer_text a:hover {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #484848;
text-decoration : underline;
}
.footer_text2 {
font-family : Arial, Helvetica, sans-serif;
font-weight : bold;
font-size : 12px;
color : #313131;
}
.footer_text2 a {
font-family : Arial, Helvetica, sans-serif;
font-weight : bold;
font-size : 12px;
color : #313131;
text-decoration : underline;
}
.footer_text2 a:hover {
font-family : Arial, Helvetica, sans-serif;
font-weight : bold;
font-size : 12px;
color : #313131;
text-decoration : none;
}
.js_heading21 {
font-family : Tahoma;
font-size : 18px;
color : #5d7c00;
float : left;
width : 260px;
}
.js_contain21 {
color : #3d3d3d;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
float : left;
}
.js_link2 {
width : 260px;
height : 20px;
float : left;
font-family : Tahoma;
font-size : 12px;
color : #626262;
display : block;
text-decoration : underline;
}
.js_link2:hover {
text-decoration : none;
}
.js_table {
width : 270px;
margin : 0 0 0 10px;
height : 200px;
float : left;
}
.js_heading {
width : 350px;
height : 40px;
float : left;
font-family : Tahoma;
font-size : 20px;
color : #5d7c00;
}
.js_heading1 {
width : 620px;
height : 40px;
float : left;
font-family : Tahoma;
font-size : 18px;
color : #5d7c00;
}
.js_heading2 {
width : 220px;
height : 40px;
float : left;
font-family : Tahoma;
font-size : 18px;
color : #5d7c00;
}
.js_link {
width : 270px;
height : 30px;
float : left;
font-family : Tahoma;
font-size : 12px;
color : #626262;
display : block;
text-decoration : none;
}
.js_link a {
width : 270px;
float : left;
font-family : Tahoma;
font-size : 12px;
color : #626262;
text-decoration : none;
}
.js_link a:hover {
width : 270px;
float : left;
font-family : Tahoma;
font-size : 12px;
color : #626262;
text-decoration : none;
}
.js_contain {
width : 270px;
float : left;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #000000;
}
.js_contain1 {
width : 620px;
float : left;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #3d3d3d;
}
.js_contain2 {
width : 220px;
float : left;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #3d3d3d;
}
.tranbutton {
background-color : #fbfbfb;
border : none;
font-family : Arial, Helvetica, sans-serif;
color : #7ca500;
font-size : 14px;
}
.hometxt11 {
font : 12px Arial, Helvetica, sans-serif;
color : #496200;
text-decoration : underline;
}
.leftheading {
font-family : Tahoma;
font-size : 14px;
color : #5d7c00;
font-weight : bold;
}
.leftheading1 {
background : url(../images/box_top_bg.jpg) repeat-x left top;
height : 35px;
font-family : Tahoma;
font-size : 14px;
color : #3d3d3d;
font-weight : bold;
}
.left_nevigation {
background : url(../images/web_pages_arrow.png) no-repeat left 7px;
padding : 7px 10px 7px 25px;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-weight : bold;
text-decoration : none;
}
.left_nevigation a {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-weight : bold;
text-decoration : none;
color : #3d3d3d;
}
.left_nevigation a:hover {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-weight : bold;
text-decoration : none;
color : #496200;
}
.left_nevigation2 {
background : url(../images/web_devlop_arrow.png) no-repeat left 7px;
padding : 7px 10px 7px 25px;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-weight : bold;
text-decoration : none;
}
.left_nevigation2 a {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-weight : bold;
text-decoration : none;
color : #3d3d3d;
}
.left_nevigation2 a:hover {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-weight : bold;
text-decoration : none;
color : #496200;
}
.err_div {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #ff0000;
}
.button {
background : url(../images/box_top_bg.jpg) repeat-x left top;
background-color : #c1c1c1;
height : 24px;
color : #000000;
padding : 2px 5px;
border : 1px solid #000000;
cursor : pointer;
font-weight : bold;
}
#wrap {
margin : 10px 0 0 0;
padding : 0;
}
.hidden {
display : none;
}
#prevNext {
margin-top : -92px;
height : 70px;
}
#prevNext img {
position : relative;
z-index : 2;
cursor : pointer;
}
.bg {
margin : 0;
padding : 8px 15px;
font-size : 20px;
color : #ffffff;
position : relative;
top : -50px;
line-height : 15px;
height : 20px;
background : #a0a0a0;
text-align : center;
}
.img {
width : 316px;
float : left;
height : 300px;
margin : 0;
display : block;
background-color : #999999;
padding : 0;
}
.imgborder {
width : 316px;
height : 213px;
text-align : center;
vertical-align : middle;
display : block;
border : 2px solid #b6cf33;
}
.text {
padding-left : 15px;
float : right;
padding-right : 6px;
width : 220px;
}
.phone_num{
color:#61762b;
font:normal 15px/24px Arial, Helvetica, sans-serif;
}