@charset "utf-8";
/* CSS Document */
/* This clears the margin and padding on all 
elements, it also sets the default font size and 
font family. If all other  element's font size is 
based on a % value then changing the constant 
value in this code block then all the font sizes 
will increase */
* {
	margin:0;
	padding:0;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
}
/* This clears the margin and padding on all 
elements, because all of the html will be inside 
the html tag and they will inherit the styles.  */
body, html {
	margin:0;
	color:#c3cdd9;
	padding:0;
}
body {
	background-image: url(../_media/background-images/bodyBG.jpg);
	background-repeat: repeat-x;
	background-position: center top;		
}
#MasterContainer {
	width:100%;
	position:relative;
	display:block;
	height:auto;
}
#bannerWrapper {
	width:100%;
}
/* This is the banner that will be shown on 
screens with a width greater than 480. The banner 
div that will be shown on mobile devices is set to
display none. If the site doesn't have flash be 
sure to remove the code that turns the regular 
banner (the banner that would be shown on large 
screens) off. */
#bannerForScreen {
	height: 777px;
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	position:relative;
	background-image: url(../_media/background-images/bannerBg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}



#Content a {
	color:#4e6ca0;
	text-decoration:none;
}

#Content a:hover {
	text-decoration:underline;
	
}

#home #nav p a#home {
	color:#FFF;	
}

#ContentContainer {
	width:1210px;
	margin:0 auto;
	padding:15px 0;
	overflow:hidden;
	height:auto;
	margin-bottom:15px;
}

#ContentContainer h1 {
	color:#4e6ca0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 135%;
}

#Content {
	margin-left:45px;
	width:650px;
	min-height:200px;
}
#SideContent {
	float:right;
	width:350px;
	min-height:200px;
	margin-right:15px;
}
#footerWrapper {
	width:100%;
	background-image: url(../_media/background-images/footerBg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	background-color: #4d6ca2;
	padding-top: 8px;
}
#footer {
	width:1200px;
	padding-left:70px;
	min-height:150px;
	margin:0 auto;
}

#footer p, #footer a  {
	color:#fff;	
}

#footer a {
	padding:0 7px;	
}

#footer a:hover {
	text-decoration:underline;	
}

.clearFloats {
	clear:both;
}



#websiteDesignSanFransiscoFindFast {
	position:absolute;
	right:0;
	top:0;
	width:200px;
	padding-top:6px;
}

#websiteDesignSanFransiscoFindFast * {
	padding:0;
	margin:0;	
}

#websiteDesignSanFransiscoSubNav {
	position:absolute;
	z-index:10;
	right:0;
	top:142px;
	width:230px;
}

#websiteDesignSanFransiscoSubNav * {
	color:#4e6ca0;	
	font-weight:bold;
	font-family:Tahoma, Geneva, sans-serif;
}

#websiteDesignSanFransiscoSubNav a:hover {
	text-decoration:underline;	
}

#websiteDesignSanFransiscoSlider {
	position:absolute;
	top:78px;
	left:0;
	width:100%;
	height:400px;
	z-index:1;
}

#websiteDesignSanFransiscoBottomBanner {
	width:100%;
	position:absolute;
	bottom:0;
	height:340px;
	z-index:100;	
}

#searchEngineOptimizationSanFransisco, #videoWebsitesSanFransisco {
	float:left;
	width:237px;
	height:auto;
	margin:65px 10px 10px 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

#searchEngineOptimizationSanFransisco img, #videoWebsitesSanFransisco img {
	border:3px solid #fff;
	margin-bottom:28px;
}

#searchEngineOptimizationSanFransisco p, #videoWebsitesSanFransisco p {
	color:#c3cdd9;
}

#searchEngineOptimizationSanFransisco p a, #videoWebsitesSanFransisco p a {
	color:#ffd900;
}

#searchEngineOptimizationSanFransisco p a:hover, #videoWebsitesSanFransisco p a:hover {
	text-decoration:underline;
}

#websiteDesignsSanFransiscoCa {
	position:absolute;
	right:0;
	top:110px;
	width:330px;
	height:200px;
}	

#websiteDesignWrap {
	width:237px;
	height:100px;
	position: absolute;
	left: -220px;
	top: -23px;
}

#websiteDesignBottom {
	position:absolute;
	top:0;
	left:0;	
}

#websiteDesignTop {
	position:absolute;
	right:0;
	bottom:0;	
}

#websiteDesignBottom img, #websiteDesignTop img  {
	margin-bottom:1px;
}

#websiteDesignSanFransiscoContentBottom {
	width:100%;
	padding-left:40px;
	height:auto;	
}

.left {
margin:1%;
width:45%;
float:left;	
height:auto;
}

div.left object, div.left img {
	margin-left:65px;	
}

.right {
	margin-top:5px;
	margin-left:30px;
	float:left;
	width:700px;
	height:auto;
}


#websiteDesignSanFransiscoContentBottom h1 {
	font-family:"Times New Roman", Times, serif;
	font-size:120%;
	padding-bottom:2px;
	border-bottom:dashed 1px #999;	
	padding-left:3px;
	margin-bottom:10px;
}

#websiteDesignSanFransiscoContentBottom h1 span {
	font-family:"Times New Roman", Times, serif;
	font-size:100%;
	
}

.really {
	background-image: url(../_media/background-images/really.png);
	background-repeat: no-repeat;
	background-position: right top;
	
}

.arrow {
	width:260px;
	background-image: url(../_media/background-images/arrow.png);
	background-repeat: no-repeat;
	background-position: right top;
}

h1 {
	padding:12px 0 10px 0;
	font-family:Georgia, "Times New Roman", Times, serif;
}

h2 {
	color:#878787;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:12px 0;
	font-size:110%;
}

#SideContent h2 {
	padding-bottom:12px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000;
}

h2 span.homeHeaderDifferent {
	font-size:80%;	
}

#SideContent ul {
	list-style:none;
	padding:0;	
	margin:12px 0;
}
#SideContent ul  li {
	padding:10px 0;
	color:#999;	
	border-bottom: dashed 1px #393939;
}

#SideContent ul  li a {
	color:#393939;
	text-decoration:underline;
}

p {
	color:#000;
	padding:0px;
	line-height:24px;	
}
#section{
	font-size:12px;
	color:#000;
	padding:0px;
	line-height:16px;	
}


a {
	text-decoration:none;	
	color:#000;
}

a:hover {
	color:#fff;	
}

.imgBG {
	padding:6px 8px 20px 8px;
	background-image: url(../_media/background-images/imageBG.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom:10px;
}

.homeHeaderDifferent {
	font-size:70%;	
	font-style:italic;
}

/* This is the code that turns the banner that will be shown on mobile 
devices. Since you won't be able to see this div in design view, you can 
comment out the flash while you code the static banner. Then just move the 
static code into staticBanner div. */
#staticBanner {
	display:none;
}

/*********************************************************************** 
MAKE SURE ALL NEW CSS FOR THE LARGE SCREEN DEVICES IS ABOVE THIS
All code within the @media block will effect all mobile devices with a screen 
width less than a width of 480px.
*/
 @media screen and (max-device-width: 480px) {
* {
 padding:0;
}

/* This line of code will make it so phones are unable to scale your font size
it will stick with what ever you set as default. NOTE: if the font size you 
have set for large screens doesn't look right on mobile devices you can 
redefine the value, but be sure it is within the @media screen condition */
 body {
 -webkit-text-size-adjust:none;
}
 #bannerForScreen {
 display:none;
}
/* 
The code that is commented out here causes the 2 main div's floats to be 
cleared and the width to be 100%. This is supposedly the "way to do it" making
the divs go staright across like a actual iPhone  application. 
#ContentContainer, #ContentContainer *, #footerWrapper, #footerWrapper * {
 margin:0;
 width:100%;
 padding:0;
}
 #SideContent, #Content {
 clear:both;
 min-height:0px;
 height:auto;
} */
 #staticBanner {
 display:block;
 height:100px;
 background-color:#939;
}
}

#footer span {
	color:#fff;
	padding-left:195px;	
}

ul#navmenu-h li a#home {
	width:40px;
}

ul#navmenu-h li a#brand {
	width:115px;
}
ul#navmenu-h li a#video {
	width:55px;
}

ul#navmenu-h li a#seo {
	width:150px;
}	
ul#navmenu-h li a#hosting {
	width:60px;
}

ul#navmenu-h li a#design {
	width:85px;
}

ul#navmenu-h li a#news {
	width:110px;
}

ul#navmenu-h li a#portfolio {
	width:70px;
}	

div.left img {
	border:4px solid #000;	
}

#websiteDesignSanFransiscoContentBottom h1 span {
	padding-left:460px;	
}

  .slides_container {
    width:470px;
    height:170px;
  }
  .slides_container div {
    width:470px;
    height:170px;
    display:block;
  }