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

body{
	font-size:14px;
	font-family:Verdana, Geneva, sans-serif;
	margin:0;
	padding:0;
	background: #71c7e7 url(/images/gfx_page_bg.png) repeat 0 0;
	color:#697784;
}

li{
	list-style-type: none;		
}

:focus{outline:none;}

a{}
a:link{}
a:visited{}
a:hover{}
a:active{}
a img{
	text-decoration:none;
	border:none;
	outline:none;
}

a.visit{
	padding:2px 5px;
	color:#71c7e7;
	background-color:#fff;
}

a.visit:hover{
	padding:2px 5px;
	color:#2092BD;
	background-color:#fff;
}

em{
	font-weight:bold;
	font-style: normal;	
}

table{
	border: 5px solid #e4eff5;		
	margin-bottom:30px;
}

table li{
	padding:0px;
	list-style-position: outside;
	list-style-type: square;
	margin-left:15px;
	margin-bottom:10px;
} 
td{
	padding:10px 5px;
	text-align:left;

}

.startyourwebsite{	
	margin-top:20px;
	display:block;
	text-indent:-9000px;
	background-image:url(/images/sprite_startyourwebsite_btn.jpg);
	background-position: left top;
	background-repeat:no-repeat;
	width:178px;
	height:45px;
}

.startyourwebsite:hover{
	background-position: left bottom;
}

h1.major{
	color:#909090;
	font-size:62px;
	font-weight:normal;
	margin-bottom:20px;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
}

h1{
	color:#08d4f8;
	font-size:32px;
	font-weight:normal;
	margin-bottom:30px;
	
}

h2{
	color:#697784;
	font-size:24px;
	font-weight:normal;
	margin-bottom:10px;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
}

h3{
	color:#414850;
	font-size:18px;
	font-weight:normal;
	margin-bottom:10px;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
}

.hrdiv{ 
	position:relative;
	z-index:100;
	height:30px;
	margin-left:-20px;
	margin-right:-20px;
	background: transparent url(../images/gfx_hrdiv_bg.png) repeat-x 0 0;
	
}

.floatleft{
	float:left;	
}

img.floatleft{
	margin:10px 20px 10px 0;	
}

.floatright{
	float:left;	
}

img.floatright{
	margin:10px 0px 10px 20px;	
}

p{
	line-height:20px;	
	margin-bottom:30px;
}

input, textarea{
	border: 5px solid #e4eff5;
	padding:5px;
	font-size:16px;
	font-family:Verdana, Geneva, sans-serif;
	margin-bottom:20px;
	width:50%;
	color:#697784;
}

textarea{
	height:200px;
}

input:focus, textarea:focus{
	border: 5px solid #9fd9ef;
	color:#414850;

}

input.submitBtn{
	display:block;
	border:none;
	outline:none;
	background:transparent url(/images/sprite_sendmessage.jpg) no-repeat 0 0;
	width:159px;
	height:38px;
	text-indent:-9000px;
	padding:0;
	margin:0;
	
}

input.submitBtn:hover{
	border:none;
	outline:none;
	background:transparent url(/images/sprite_sendmessage.jpg) no-repeat 0 -38px;
	
}

#message .responseBad{
	background-color: #FDF2F8;
	color:#933;
	padding:20px;
	margin-top:20px;
	width:45%;
	border:5px solid #F30;
	line-height:20px;
}

#message .responseGood{
	background-color: #FFF;
	color:#333;
	padding:20px;
	margin-top:20px;
	width:45%;
	border:5px solid #0CF;
	line-height:20px;
}

label{display:block;
	color:#697784;
	font-size:18px;
	font-weight:normal;
	margin-bottom:10px;}

.floatright{
	float:right;	
}

#mainContainer{
	background: transparent url(/images/gfx_page_bg.jpg) no-repeat center top;
	text-align:center;
	width:100%;
	height:100%;
}
#header{
	width:80%;
	margin:auto;
	text-align:left;
	height:60px;
	line-height:60px;
	color:#fff;
} 

#header .floatright{
	width:410px;
	height:20px;
	background:transparent url(/images/txt_wdadtwfy.png) no-repeat 0 0;
	text-indent:-9000px;
	margin-top:21px;
}

#header em{
	font-weight:bold;
} 

#header img{
	margin-top:13px;
	margin-left:-10px;
}


#mainWrapper{
	background: transparent url(/images/gfx_white_transparent_20_bg.png) repeat 0 0;	
	padding:15px;
	text-align:left;
	width:80%;
	margin:auto;
	min-height:600px;

	}

#leftColumn{
	width:200px;
	float:left;
	}
	
#leftColumn #navigation li{
	clear:both;

}

#leftColumn #navigation a{
	float:right;
	display:block;
	background-position: 20px 4px;
	background-repeat:no-repeat;
	text-indent:-9000px;
	padding:3px 20px;
	height:19px;
	margin-bottom:10px;
}



#leftColumn #navigation #about{
	width:58px;
	background-image:url(/images/sprite_nav_about.png);
}

#leftColumn #navigation #pricing{
	width:62px;
	background-image:url(/images/sprite_nav_pricing.png);
}

#leftColumn #navigation #casestudies{
	width:119px;
	background-image:url(/images/sprite_nav_casestudies.png);
}

#leftColumn #navigation #contactus{
	width:104px;
	background-image:url(/images/sprite_nav_contactus.png);
}

#leftColumn #navigation a
{

}

#leftColumn #navigation a:hover
{
	background-position: 20px -15px;
	background-color:#f6feff;

}

.website_design_and_development_pricing #pricing, .case_studies_for_web_design_and_development_in_san_antonio #casestudies, 
.contacts #contactus,
.san_antonio_website_design_agency #about
{
	background-position: 20px -15px !important;
	background-color:#f6feff;

}	

#rightColumn{
	background-color:#f6feff;
	margin-left: 200px;
	min-height:600px;
	}

#content{
	padding:20px;
	border-top: 1px solid #fff;
	}
	
#content .pricing{
	margin-bottom:10px;
	
}
#content #happy{
	background: transparent url(/images/gfx_happy.png) no-repeat 0 0;
	float:right;
	position:relative;
	top:-50px;
	right: -50px;
	width:128px;
	height:138px;
	
}
#content .showcase{
	background-color: #e4eff5 ;	
	padding:15px;
	margin-bottom:40px;
	line-height:20px;
	max-width:630px;
}

#content .showcase .showcaseimage{
	width:100%;
	height:200px;
	margin-bottom:15px;	
	background-repeat:no-repeat;
	background-position:left top;
}

li.big{
	font-size:16px;
	font-weight:bold;
	padding:5px 0 5px 40px;
	margin-bottom:20px;
	cursor:pointer;
}

#toggle_list .toggleable{
	background-color:#e4eef5;
	margin-left:42px;
	margin-right:42px;
	margin-top:-15px;
	margin-bottom:10px;
}

#toggle_list .toggleable div{
	padding:20px;
}

td.price{
	color:#999;	
	font-size:12px;
	text-align:center;
	background-color:#fff;
}

td.price em{
	font-size:18px;
	color:#08d4f8;
}

li.bullet1{
	background:transparent url(/images/gfx_bullet_1.jpg) no-repeat left -2px;		
}
li.bullet2{
	background:transparent url(/images/gfx_bullet_2.jpg) no-repeat left -2px;		
}
li.bullet3{
	background:transparent url(/images/gfx_bullet_3.jpg) no-repeat left -2px;		
}
li.bullet4{
	background:transparent url(/images/gfx_bullet_4.jpg) no-repeat left -2px;		
}
li.bullet5{
	background:transparent url(/images/gfx_bullet_5.jpg) no-repeat left -2px;		
}
li.bullet6{
	background:transparent url(/images/gfx_bullet_6.jpg) no-repeat left -2px;;		
}
li.bullet7{
	background:transparent url(/images/gfx_bullet_7.jpg) no-repeat left -2px;	
}

ul#options .big .price{
	font-weight:bold;
	
}

ul#options .big .details{
	font-size:12px;
	font-weight:normal;
}

ul#options li.seo{
	background:transparent url(/images/gfx_icon_gear.png) no-repeat left 2px;
}

ul#options li.email{
	background:transparent url(/images/gfx_icon_email.png) no-repeat left 2px;
}

ul#options li.ecommerce{
	background:transparent url(/images/gfx_icon_ecommerce.png) no-repeat left 2px;
}


ul#options li.blog{
	background:transparent url(/images/gfx_icon_blog.png) no-repeat left 2px;
}

ul#options li.search{
	background:transparent url(/images/gfx_icon_search.png) no-repeat left 2px;
}


ul#options li.slideshow{
	background:transparent url(/images/gfx_icon_slideshow.png) no-repeat left 2px;
}

ul#options li.cms{
	background:transparent url(/images/gfx_icon_cms.png) no-repeat left 2px;
}

ul#options li.hosting{
	background:transparent url(/images/gfx_icon_hosting.png) no-repeat left 2px;
}

ul#options li.video{
	background:transparent url(/images/gfx_icon_video.png) no-repeat left 2px;
}


ul#options li.sitemap{
	background:transparent url(/images/gfx_icon_sitemap.png) no-repeat left 2px;
}


ul#options li.searchengine{
	background:transparent url(/images/gfx_icon_searchengine.png) no-repeat left 2px;
}

ul#options li.copy{
	background:transparent url(/images/gfx_icon_copy.png) no-repeat left 2px;
}


ul#options li.photo{
	background:transparent url(/images/gfx_icon_camera.png) no-repeat left 2px;
}


td.section_title{
	background-color:#fff;
	color: #999;
	text-align:center;
}

.examples td{
	background-image:url(/images/gfx_examples_bg.jpg)	
}


.example{
	width:150px;
	height:153px;
	margin:auto;
	background-repeat:no-repeat;
	background-position:top center;
	border:5px solid #0dcff5;
}

.example:hover{
	background-position:bottom center;
	border:5px solid #62DEF9;
}

.example.starter{
	background-image: url(/images/sprite_Starter.jpg);
}

.example.standard{
	background-image: url(/images/sprite_Standard.jpg);
}

.example.businesspro{
	background-image: url(/images/sprite_BusinessPro.jpg);
}