/*
	Western Webs January 2009
	Author: Miguel Martinez
	Date: 09/01/2009
	Customer: Western Webs
*/
.clear{ clear:both}
.left{ float:left}
.right{ float:right}
p, a, h1, h2, ul, li{margin:0px;padding:0px;}

body {
	background: #FFFFFF;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#cont_header {
	margin: 0px;
	padding:0px;
	background: #000000;
	border-bottom:5px solid #BBCC00;
}
#header{
	margin: 0px auto;
	padding:0px;
	width:900px;
	min-height:150px;
}
#container {
	width: 900px;
	margin: 0px auto;
	padding:0px;
	min-height:500px;
	background:#FFFFFF url(../images/bg_h2.jpg) repeat-y;

}
#cont_footer {
	margin: 0px;
	padding:0px;
	background: #000000;
	border-top:5px solid #BBCC00;
}

#footer{
	margin: 0px auto;
	padding:0px;
	width:900px;
	height:170px;
}
/* MENU */
div#logo a{ float:left;}
div#logo a span{ display:none}
#western_logo{background-image:url(../images/western_logo.jpg); height:125px; width:175px; text-indent:-9999px;}

#menu{
	float: left;
	width:725px;
	height:60px;
	background: #000000;
}
#menu a{
	float: left;
	height:60px;
	background-position:0px 0px;
}
#menu a:hover{background-position:0px 120px;}
div#menu a span{ display:none}
#menu .selected{background-position:0px 60px;}
#home{background-image:url(../images/home.jpg); height:60px; width:125px; text-indent:-9999px;}
#about{background-image:url(../images/about.jpg); height:60px; width:120px; text-indent:-9999px;}
#portfolio{background-image:url(../images/portfolio.jpg); height:60px; width:175px; text-indent:-9999px;}
#services{background-image:url(../images/services.jpg); height:60px; width:160px; text-indent:-9999px;}
#contact{background-image:url(../images/contact.jpg); height:60px; width:145px; text-indent:-9999px;}

/* SUBMENU*/
#submenu{
	float:left;
	width:725px;
	background: #000000;
}

#submenu div a:hover{background-position:0px 40px;}
#submenu div .selected{background-position:0px 20px;}
#submenu div a{
	float: left;
	margin-top:10px;
	height:20px;
	background-position:0px 0px;
}
div#submenu div a span{ display:none}
/*Sub about*/
#sub_about{
	margin-left:125px;
	width:120px;	
}
#about_us{background-image:url(../images/about_us.jpg); height:20px; width:120px; text-indent:-9999px;}
#our_clients{background-image:url(../images/our_clients.jpg); height:20px; width:120px; text-indent:-9999px;}
/*Sub Portafolio*/
#sub_portfolio{
	margin-left:245px;
	width:175px;	
}
#web_designs{background-image:url(../images/web_designs.jpg); height:20px; width:175px; text-indent:-9999px;}
#graphic_designs{background-image:url(../images/graphic_designs.jpg); height:20px; width:175px; text-indent:-9999px;}
/*Sub services*/
#sub_services{
	margin-left:420px;
	width:160px;	
}
#web_design{background-image:url(../images/web_design.jpg); height:20px; width:160px; text-indent:-9999px;}
#web_maintenance{background-image:url(../images/web_maintenance.jpg); height:20px; width:160px; text-indent:-9999px;}
#web_marketing{background-image:url(../images/web_marketing.jpg); height:20px; width:160px; text-indent:-9999px;}
#graphic_solution{background-image:url(../images/graphic_solution.jpg); height:20px; width:160px; text-indent:-9999px;}
#iphone_apps{background-image:url(../images/iphone_apps.jpg); height:20px; width:160px; text-indent:-9999px;}


/*MENU FOOTER*/
div#logo_foot a{ margin-top:40px;float:left; height:110px; border-right: 1px solid #FFFFFF; padding-right:5px;}
div#logo_foot a span{ display: none;}

#western_logo_foot{background:url(../images/western_logo_foot.jpg) no-repeat; height:40px; width:75px; text-indent:-9999px;}
#menu_foot{
	margin-top:40px;
	margin-left:10px;
	float: left;
	width:485px;
	height:90px;
	background: #000000;
	border-right: 1px solid #FFFFFF;
}
#menu_foot a{
	text-transform:uppercase;
	color: #BBCC00;
	text-decoration:none;
	line-height:18px;
	}
#menu_foot a:hover,#menu_contact p a:hover{
	font-weight:bold;
}
#menu_address{
	margin-top:40px;
	margin-left:10px;
	float: left;
	color:#FFFFFF;
	width:120px;
	height:90px;
	background: #000000;
	border-right: 1px solid #FFFFFF;
}
#menu_address a{
	color: #BBCC00;
	font-weight:bold;
	text-decoration:none;
	line-height:18px;
}
#menu_contact{
	margin-top:40px;
	margin-left:10px;
	float: left;
	color:#FFFFFF;
	width:180px;
	height:90px;
	background: #000000;
}
#menu_contact a{
	color: #CC00BB;
	font-weight:bold;
	text-decoration:none;
	line-height:18px;
}
#menu_contact p{
	line-height:20px;
	font-size:11px;
}
#menu_contact p a{
color:#FFFFFF;
font-weight:normal;
}
#menu_address a:hover,#menu_contact a:hover{
font-weight:normal;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++++INDEX STYLE+++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#content_home{
	float:left;
	width:700px;
	margin:80px 0px 40px 0px;
	color:#666666;
	line-height:18px;
	font-size:11px;
}
#content_home p{ margin:10px 120px 10px 0px;}
#content_home h1{background:url(../images/western_welcome.jpg) no-repeat; height:40px; width:150px; text-indent:-9999px;}
.banner { list-style:none; float:left; width:250px; margin-top:20px; margin-right:30px}
.banner ul{list-style:none;}
.banner h2{ font-weight:bold; color:#667700; font-size:14px}
.banner h2 a{ font-weight:bold; color:#667700; font-size:14px; text-decoration:none}
.banner h2 a:hover{ text-decoration: underline}
.text_hidden{ text-indent:-99999px}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++++ABOUT STYLE+++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#content_about_us{
	float:left;
	width:700px;
	margin:80px 0px 40px 0px;
	color:#666666;
	line-height:18px;
	font-size:11px;
}
#content_about_us p{ margin:10px 120px 10px 0px;}
#content_about_us h1{background:url(../images/about_us_title.jpg) no-repeat; height:40px; width:300px; text-indent:-9999px;}

#content_about_us a{
	text-transform:uppercase;
	color: #667700;
	text-decoration:none;
	line-height:18px;
	font-weight:bold;
	}
#content_about_us a:hover{
	text-decoration:underline;
	}

#content_blank{
	float:left;
	width:700px;
	margin:80px 0px 40px 0px;
	color:#666666;
	line-height:18px;
	font-size:11px;
}
#content_blank p{ margin:10px 120px 10px 0px;}


#content_blank a{
	text-transform:uppercase;
	color: #667700;
	text-decoration:none;
	line-height:18px;
	font-weight:bold;
	}
#content_blank a:hover{
	text-decoration:underline;
	}


#content_our_clients{
	float:left;
	width:700px;
	margin:80px 0px 40px 0px;
	color:#666666;
	line-height:18px;
	font-size:11px;
}
#content_our_clients p{ margin:10px 120px 10px 0px;}
#content_our_clients h1{background:url(../images/our_clients_title.jpg) no-repeat; height:40px; width:300px; text-indent:-9999px;}

#clients{ font-size:10px}
#clients a{ color:#667700; font-weight:bold; text-decoration:none}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++++PORTAFOLIO STYLE+++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#content_portfolio{
	float:left;
	width:700px;
	margin:80px 0px 40px 0px;
	color:#666666;
	line-height:18px;
	font-size:11px;
}
#content_portfolio p{ margin:10px 110px 10px 0px;}
#content_portfolio h1{background:url(../images/portfolio_title.jpg) no-repeat; height:40px; width:300px; text-indent:-9999px;}
#content_portfolio a img{ border:none}
#column_porta_web a img{border:1px solid #CCCCCC; margin:20px 0px 0px 20px}
#column_porta_graphic, #column_porta_web{margin:20px 0px 0px 20px; width:250px; text-align: center}
#column_porta_graphic a img{border:1px solid #CCCCCC;margin:20px 0px 0px 20px}
#column_porta_graphic a, #column_porta_web a{ color:#667700; font-weight:bold; font-size:18px; text-decoration:none;}

#content_graphic_designs{
	float:left;
	width:700px;
	margin:80px 0px 40px 0px;
	color:#666666;
	line-height:18px;
	font-size:11px;
}
#content_graphic_designs p{ margin:10px 120px 10px 0px;}
#content_graphic_designs h1{background:url(../images/graphic_designs_title.jpg) no-repeat; height:40px; width:300px; text-indent:-9999px;}
#gallery{ width:250px; margin-top:0px; margin-right:20px}
#content_web_designs{
	float:left;
	width:700px;
	margin:80px 0px 40px 0px;
	color:#666666;
	line-height:18px;
	font-size:11px;
}
#content_web_designs p{ margin:10px 120px 10px 0px;}
#content_web_designs h1{background:url(../images/web_designs_title.jpg) no-repeat; height:40px; width:300px; text-indent:-9999px;}


/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++++SERVICES STYLE+++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#content_services{
	float:left;
	width:700px;
	margin:80px 0px 40px 0px;
	color:#666666;
	line-height:18px;
	font-size:11px;
}
#content_services p{ margin:10px 120px 10px 0px;}
#content_services h1{background:url(../images/services_title.jpg) no-repeat; height:40px; width:300px; text-indent:-9999px;}

#content_graphic_solutions{
	float:left;
	width:700px;
	margin:80px 0px 40px 0px;
	color:#666666;
	line-height:18px;
	font-size:11px;
}
#content_graphic_solutions p{ margin:10px 120px 10px 0px;}
#content_graphic_solutions h1{background:url(../images/graphic_solutions_title.jpg) no-repeat; height:40px; width:300px; text-indent:-9999px;}
#content_graphic_solutions h2{font-weight:bold; color:#667700; font-size:14px; margin-bottom:10px}

#content_web_solutions{
	float:left;
	width:700px;
	margin:80px 0px 40px 0px;
	color:#666666;
	line-height:18px;
	font-size:11px;
}
#content_web_solutions p{ margin:10px 120px 10px 0px;}
#content_web_solutions h1{background:url(../images/web_design_title.jpg) no-repeat; height:40px; width:300px; text-indent:-9999px;}

#content_web_maintenance{
	float:left;
	width:700px;
	margin:80px 0px 40px 0px;
	color:#666666;
	line-height:18px;
	font-size:11px;
}
#content_web_maintenance p{ margin:10px 120px 10px 0px;}
#content_web_maintenance h1{background:url(../images/web_maintenance_title.jpg) no-repeat; height:40px; width:300px; text-indent:-9999px;}

#content_web_marketing{
	float:left;
	width:700px;
	margin:80px 0px 40px 0px;
	color:#666666;
	line-height:18px;
	font-size:11px;
}
#content_web_marketing p{ margin:10px 80px 10px 0px;}
#content_web_marketing h1{background:url(../images/web_marketing_title.jpg) no-repeat; height:40px; width:300px; text-indent:-9999px;}
#content_web_marketing a{
	text-transform:uppercase;
	color: #667700;
	text-decoration:none;
	line-height:18px;
	font-weight:bold;
	}
#content_web_marketing a:hover{
	text-decoration:underline;
	}


#content_iphone_apps{
	float:left;
	width:700px;
	margin:80px 0px 40px 0px;
	color:#666666;
	line-height:18px;
	font-size:11px;
}
#content_iphone_apps p{ margin:10px 120px 10px 0px;}
#content_iphone_apps h1{background:url(../images/iphone_apps_title.jpg) no-repeat; height:40px; width:300px; text-indent:-9999px;}
#content_iphone_apps h2{font-weight:bold; color:#667700; font-size:14px; margin-bottom:10px}

.packages { list-style:none; float:left; width:300px; margin-top:20px; margin-right:30px}
.packages ul{list-style:none;}
.packages h2{ font-weight:bold; color:#667700; font-size:14px; margin-bottom:10px}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++++CONTACT STYLE+++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#content_contact{
	float:left;
	width:700px;
	margin:80px 0px 40px 0px;
	color:#666666;
	line-height:18px;
	font-size:11px;
}
#content_contact p{ margin:10px 120px 10px 0px;}
#content_contact h1{background:url(../images/contact_title.jpg) no-repeat; height:40px; width:300px; text-indent:-9999px;}
#contact_form{margin:20px 0px;}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++++PRIVACY STYLE+++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#content_privacy{
	float:left;
	width:700px;
	margin:80px 0px 40px 0px;
	color:#666666;
	line-height:18px;
	font-size:11px;
}
#content_privacy p{ margin:10px 120px 10px 0px;}
#content_privacy h1{background:url(../images/privacy_title.jpg) no-repeat; height:40px; width:300px; text-indent:-9999px;}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++++COLUMN STYLE+++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.column_right{ float:left; width:200px}
.banner_rigth {width:200px; border-bottom:10px solid #EEF1D4}
.banner_rigth a img{ border:none}
.grey_links {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: capitalize;
	color: #666666;
	text-decoration: none;
}
.cc-feedback{
	font-size:14px;
	width:600px;
	margin-top:100px;
	float:left;
}
.info_payments .label{
	color:#666666;
	font-size:11px;
	line-height:18px;
	text-align:right;
}
.info_payments h1{
	color:#BBCC00;
	font-size:28px;
	font-weight:normal;
	margin-top:50px;
}

.web_work{ margin:10px 0px; padding: 10px; border-bottom: 1px solid #E4F060; width:600px;}
.web_work img{ border:none;}
.web_work a{ color: #999900; font-weight:bold; text-decoration:none; font-size:1.2em; margin:0px 0px 0px 5px}
.web_work a:hover{ text-decoration:underline}

.paginate{ background: #E4F060; width: 620px; float:left; margin:10px 0px 30px 0px}
.page{ float:left; display:inline; padding:3px 7px; margin:5px 5px; background:#FFFFFF}
.page a{ color: #666600; text-decoration:none; font-weight:bold;}
.current{ background:#666600;}
.current a{ background:#666600; color:#FFFFFF}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++++Client Styles+++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#client {
	color:#666666;
	float:left;
	font-size:11px;
	line-height:18px;
	margin:40px 0 40px;
	width:700px;
}
#client h1{
	margin-top:20px;
	color:#BBCC00;
	font-size:28px;
	margin-bottom:20px;
}
#client .bookings{
	text-align:left;
	margin-top:30px;
}
#client .bookings td{
	width:200px;
}
/*****************************************************************/
/*            Pagination                                         */
/*****************************************************************/
#client .di_pages{ margin: 10px 0px 10px 0px;}
#client .di_pages a{
font-size:12px; 
font-weight:bold; 
font:Georgia, "Times New Roman", Times, serif;
padding:3px; 
background-color:#FFFFFF; 
text-decoration:none;
color:#BBCC00;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-top-left-radius:5px;
}

#client .di_pages a:hover{
	background-color:#E7E4FC;
	text-decoration:underline;
}

#client .paginate{ background: #E4F060; width: 12px; float:left; margin:0px 0px 0px 0px}
#client .current{ background: #E4F060; width: 12px; float:left; margin:0px 0px 0px 0px}
#client .search-box{
	background:url(../forms/images/search_box.gif) no-repeat;
	border-collapse:collapse;
	border:0px;
	width:190px;
	padding:5px;
	height:30px;
}
#client .search-box-bg .submit-button{
	background:url(../forms/images/search.gif) no-repeat;
	border-collapse:collapse;
	border:0px;
	height:30px;
	width:28px;	
}
#client .search-box-bg{
	height:60px;
	margin-top:40px;
	width:380px;
	margin-bottom:20px;
	border:1px #BBCC00 solid;
	padding:5px;
	padding-left:150px;
}

#client .search-box-bg h2{
	font-size:14px;
}
#client .admin-links{
	margin-top:10px;
	margin-bottom:20px;
}
#client .admin-links a{
	color:#BBCC00;
	font-size:16px;
}
#client .login-box{
	padding:10px;
	width:350px;
	border:1px solid #CCCCCC;
	padding-left:90px;
	
	
}
#client .login-box .reg-button{
	margin-left:190px;
}
#client .login-box label{
	width:100px;
	float:left;
}
#client label{
	width:150px;
	float:left;
}