/* -------------------------------------------------------------- 
	
	content-design.css	
	* Styles for content-level markup
	
-------------------------------------------------------------- */

			.content { }

				/* Styles for Content Area */
				#contentArea { }
				
					#contentArea h1 {
						padding: 0 0 18px 0;
						font-size: 1.8em;
						color: #0067aa;
					}

					#contentArea h2 {
						padding: 0 0 10px 0;
						font-size: 1.6em;
						color: #0067aa;
					}

					#contentArea h3 {
						padding: 0 0 4px 0;
						font-size: 1.4em;
					}
					
					#contentArea h4 {
						margin-bottom: 10px;
					}

					#contentArea p {
						padding: 0 0 18px 0;
						line-height: 16px;
						font-size: 1.2em;
						}
						
						#contentArea p.leadin, #contentArea div.leadin p {
							font-size: 14px !important;
							line-height: 19px !important;
							}
							
							#contentArea div.leadin {
								padding: 0 !important;
							}
							
							#contentArea p.leadin a, #contentArea div.leadin p a {
								font-weight: bold;
							}

					#contentArea ul {
						padding: 0 0 18px 18px;
						line-height: 16px;
						list-style: square;
						}

						#contentArea ul li {
							font-size: 1.2em;
							}
							
							#contentArea ul li li {
								font-size: 1em;
								}
								

					#contentArea a {
						color: #0067aa;
						text-decoration: none;
						}
						
						#contentArea a:hover {
							color: #167900;
						}
					
					/* Callout Styles */
					
					div.callout {
						margin-bottom: 18px;
						padding: 20px 18px 0 18px;
						-moz-border-radius: 4px;
						border-radius: 4px;
						background: url(../../img/content-design/bg-grid.png) top left repeat-x;
						}
						
						#contentArea div.callout p {
							padding: 4px 0 22px 0;
							text-shadow: #111 0 1px 2px;
							font-size: 2.1em;
							font-weight: bold;
							line-height: 24px;
							color: #fff;
							}
							
							#contentArea div.callout p a {
								display: none;
							}
							
							#contentArea div.callout#phone p {
								padding-left: 80px;
								background: url(../../img/content-design/icon_sprite.png) 0 0 no-repeat;
							}
					
							#contentArea div.callout#internet p {
								padding-left: 80px;
								background: url(../../img/content-design/icon_sprite.png) 0 -400px no-repeat;
							}
					
							#contentArea div.callout#networking p {
								padding-left: 80px;
								background: url(../../img/content-design/icon_sprite.png) 0 -800px no-repeat;
							}
					
							#contentArea div.callout#colocation p {
								padding-left: 80px;
								background: url(../../img/content-design/icon_sprite.png) 0 -1200px no-repeat;
							}
					

					/* Styles for Promos*/
					
					div.promos {
						margin-bottom: 20px;
						width: 520px;
						}

						div.promo {
							float: left;
							margin: -1px 28px 0 0;
							padding: 15px 0 0 0;
							width: 232px;
							height: auto;
							min-height: 80px;
								_height: 80px;
							border-top: 3px solid #0067aa;
							border-bottom: 1px solid #b6b6b6;
							}
							
							#thinLines div.promo {
								border-top: 1px solid #b6b6b6;
							}
							
							div.promo a {
								display: inline-block;
							}
							
					/* Styles for Anchors*/
					
					div#anchors {
						position: relative;
						margin-bottom: 24px;
						padding-bottom: 16px;
							*padding-bottom: 0;
						border-bottom: 1px solid #a3a3a3;
						}
						
						#anchors ul {
							padding: 0;
							list-style: none;
							}
							
							#anchors ul li {
								float: left;
								margin-right: 12px;
								}
								
								#anchors ul li#last {
									float: none;
									position: absolute;
									top: 0;
										*top: 12px !important;
									right: -12px;
									margin-right: none;
								}

							#anchors ul a {
								display: block;
								padding: 24px 0 0 0;
								width: 155px;
								height: 40px;
								background: #004b7f; /* for non-css3 browsers */
								filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0190cc', endColorstr='#004b7f'); /* for IE */
								background: -webkit-gradient(linear, left top, left bottom, from(#0190cc), to(#004b7f)); /* for webkit browsers */
								background: -moz-linear-gradient(top,  #0190cc,  #004b7f); /* for firefox 3.6+ */ 
								-moz-border-radius: 4px;
								border-radius: 4px;
								font-size: 1.2em;
								font-style: normal;
								font-weight: bold;
								text-align: center;
								text-decoration: none;
								text-shadow: #004e75 0 -1px 2px;
								-moz-box-shadow: 0 0 10px #888;
								-webkit-box-shadow: 0 0 10px#888;
								box-shadow: 0 0 10px #888;
								color: #fff;
								}
							
								#anchors ul a:hover {
									color: #fff;
								}
									
								
								
							
					/* Styles for Offerings */
					
					div#offerings {
						padding-bottom: 18px;
						}
					
						#offerings ul {
							padding: 0;
							width: 500px;
							height: 156px;
							list-style: none;
							}
						
							#offerings ul li {
								float: left;
								margin-right: 8px;
								width: 117px;
								height: 156px;
								-moz-border-radius: 4px;
								border-radius: 4px;
								background: url(../../img/content-design/bg-grid.png) top left repeat-x;
							}
							
							#offerings ul a {
								display: block;
								padding-top: 120px;
								text-align: center;
								font-size: 18px;
								color: #aeff00 !important;
								}
								
								#offerings ul a#phone {
									background: url(../../img/content-design/icon_sprite_offerings.png) 0 0 no-repeat;
									}
									
									#offerings ul a#phone:hover {
										background: url(../../img/content-design/icon_sprite_offerings.png) 0 -200px no-repeat;
									}
	
								#offerings ul a#internet {
									background: url(../../img/content-design/icon_sprite_offerings.png) -125px 0 no-repeat;
									}
									
									#offerings ul a#internet:hover {
										background: url(../../img/content-design/icon_sprite_offerings.png) -125px -200px no-repeat;
									}
	
								#offerings ul a#colocation {
									background: url(../../img/content-design/icon_sprite_offerings.png) -250px 0 no-repeat;
									}
									
									#offerings ul a#colocation:hover {
										background: url(../../img/content-design/icon_sprite_offerings.png) -250px -200px no-repeat;
									}
	
								#offerings ul a#networking {
									background: url(../../img/content-design/icon_sprite_offerings.png) -375px 0 no-repeat;
									}
									
									#offerings ul a#networking:hover {
										background: url(../../img/content-design/icon_sprite_offerings.png) -375px -200px no-repeat;
									}
	
	

				/* Styles for Focus Areas */
				#focusAreas { }
				
					#focusAreas ul {
						width: 220px;
						height: 257px;
						}
						
						#focusAreas ul li {
							position: relative;
						}

						#focusAreas ul a {
							position: relative;
							display: block;
							padding: 14px 0 0 66px;
							background: url(../../img/focus/bg-focus.png) no-repeat;
							font-style: italic;
							text-decoration: none;
							text-shadow: #fff 0 1px 2px;
							color: #555;
							}
							
							#focusAreas ul a:hover * {
								color: #222;
							}
							
							#focusAreas ul li#quote a {
								height: 48px;
								background-position: 0 0;
								}
								
								#focusAreas ul li#quote a:hover {
									background-position: -220px 0;
								}
				
							#focusAreas ul li#sales a {
								height: 45px;
								background-position: 0 -62px;
								}
								
								#focusAreas ul li#sales a:hover {
									background-position: -220px -62px;
								}
				
							#focusAreas ul li#support a {
								height: 45px;
								background-position: 0 -121px;
								}
								
								#focusAreas ul li#support a:hover {
									background-position: -220px -121px;
								}
				
							#focusAreas ul li#switch a {
								padding-top: 17px;
								padding-left: 20px;
								width: 200px;
								height: 60px;
								background-position: 0 -180px;
								}
								
								#focusAreas ul li#switch a:hover {
									background-position: -220px -180px;
								}
								
							#focusAreas ul li#liveDemo a {
								display: block;
								margin-top: 12px;
								padding: 12px 15px 12px 15px;
								-moz-border-radius: 4px;
								border-radius: 4px;
								border: 1px solid #28a200;
								background: #51a800; /* for non-css3 browsers */
								filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a8fa00', endColorstr='#167500'); /* for IE */
								background: -webkit-gradient(linear, left top, left bottom, from(#a8fa00), to(#167500)); /* for webkit browsers */
								background: -moz-linear-gradient(top,  #a8fa00,  #167500); /* for firefox 3.6+ */ 
								font-size: 10px;
								font-style: italic;
								text-decoration: none;
								text-align: center;
								text-shadow: #63a54a 0 -1px 2px;
								color: #154100;
								}
	
								#focusAreas ul li#liveDemo a strong {
									display: block;
									padding: 2px 0 1px 0;
									font-size: 1.8em;
									font-style: normal;
									text-decoration: none;
									text-shadow: #0a5478 0 -1px 2px;
									color: #fff;
								}

								#focusAreas ul li#liveDemo a:hover strong {
									color: #154100;
									text-shadow: #63a54a 0 -1px 2px;
								}
								
				
						#focusAreas ul a strong, span#psqke9l {
							display: block;
							position: relative;
							top: -1px;
							font-size: 1.8em;
							font-weight: bold;
							font-style: normal;
							text-decoration: none;
							text-shadow: #fff 0 1px 2px;
							color: #555;
							}
							
							#focusAreas ul a strong:after, span#psqke9l:after {
								content: "  \00BB";
							}
							
							div.salesChat {
								position: absolute;
								top: 33px;
								left: 66px;
								font-style: italic;
								text-decoration: none;
								text-shadow: #fff 0 1px 2px;
								color: #555;
							}
							


.ddsg-wrapper h2, .ddsg-wrapper p {
	display: none !important;
	visibility: hidden !important;
	}
	
	#contentArea .ddsg-wrapper ul {
		padding-left: 0;
		list-style: none;
		}

		#contentArea .ddsg-wrapper ul li {
			padding-bottom: 12px;
			font-weight: bold;
			}

			#contentArea .ddsg-wrapper ul ul {
				padding-top: 12px;
				padding-left: 32px;
				list-style: square;
				}

				#contentArea .ddsg-wrapper ul ul li {
					padding-bottom: 6px;
					font-weight: normal;
				}




/* Table */


td{
	border-bottom: 1px solid #afafaf;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
}

tr:first-child{
	font-weight: bold;
}

table{
	margin-bottom: 15px;
}






/* Design Styles for Form Elements, Sitemaps, Rollover Menus, Icons
-------------------------------------------------------------- */
	
	/* Template for Icons (see icon PNGs in the img/interface directory  */
	.iconName {
		padding: 2px 0 2px 24px;
		background: url(../../img/interface/icon_Icon_Name.gif) top left no-repeat;
	}
	
	
/* Sitemap
-------------------------------------------------------------- */

	#siteMap { }
	
		#siteMap ul { }
		
			#siteMap ul li { }
		
			#siteMap ul a { }
		
				#siteMap li ul ul { }

					#siteMap li ul li { }
				
					#siteMap li ul a { }


/*====================Oxford Link Styles====================*/

#logo {
    top: 18px;
}

#logo a {
	width: 180px;
    height: 92px;
}

#oxford {
	background: #97eb00;
	background: -moz-linear-gradient(top,  #97eb00 0%, #2b8800 100%);
	background: -webkit-linear-gradient(top,  #97eb00 0%,#2b8800 100%);
	background: linear-gradient(to bottom,  #97eb00 0%,#2b8800 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#97eb00', endColorstr='#2b8800',GradientType=0 );

    webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	
	min-height: 120px;
	margin-bottom: 2em;
	padding: 1.2em 0 .05em;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	color: #ffffff;
}

#oxford img {
	margin-bottom: 1em;
}

#contentArea #oxford a {
	display: block;
    color: #ffffff;
	padding: .8em 0;
}

#contentArea #oxford a:hover {
    color: #97EB00;
}

/*====================End Oxford Link Styles====================*/



/*******************************************************************************************

TITLE: the genius development framework

VERSION: 1.0.0
URI: http://www.geniusswitchstudio.com/
AUTHOR: Christian Alexander Seeber, Principal + User Experience Architect
COPYRIGHT: 2009 genius switch studio llc

DESCRIPTION: HTML/CSS/JS Framework or Repository created by genius switch studio
in order to streamline all builds. HTML Structure is always the same, 
CSS Structure is always the same, jQuery drives everything. 

**********************************************************************************************/