@charset "utf-8";
/*
Theme Name: Interspeed Hosting
Description: hosting Red :D
Author: SamB
Version: 1
.
Color Hints
--------------
Border Color ( light grey): #2C2C2C
Body Text ( grey): #919191
h1 BG (dark Grey ): #1A1A1A
Dark Red: #820000
.


[Table Of Contents] 

    0- Reset
    1- Global
    2- Links
    3- Headings
    4- Header 
    5- Navigation
    6- Middle 
    7- Forms
    8- Extras
    9- Footer 

*/

/* =0 Reset
----------------------------------------------------------------------------------------------------------------

/* =1 Global
---------------------------------------------------------------------------------------------------------------- */

html {
   /*  background: #1F1F1F;	*/

}
body {
    line-height: 1;
    font: normal 62.5% Arial, Helvetica, sans-serif;
    vertical-align: top;
    color: #333333;
    margin:0;
    padding:0;
    background:#E5E5E5;
}
.right {
    float: right;
}
.left {
    float: left;
}
.align-left {
    text-align: left;
}
.align-right {
    text-align: right;
}
.align-center {
    text-align:center;
}
.justify {
    text-align:justify;
}
.hide {
    display: none;
}
.clear {
    clear: both;
}
.bold {
    font-weight:bold;
}
.italic {
    font-style:italic;
}
.white { color:white; }
.quote { 
   font-family: Georgia,"Times New Roman",Times,serif;
   font-style: italic;
}
a img { border: none }

p.blocktext {
    line-height: 1.8em;	
}

.underline {
    border-bottom:1px solid;
}
.highlight {
    background:#ffc;
}
img.border { border: 1px solid #2C2C2C; padding:5px; }
img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img.alignleft {
    float:left;
    margin:4px 10px 4px 0;
}
img.alignright {
    float:right;
    margin:4px 0 4px 10px;
}

.small { font-size: 1.1em; }

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {
    display: block;
}
html[xmlns] .clearfix {
    display: block;
}
* html .clearfix {
    height: 1%;
}

p.spaced {
	line-height:1.6em;
}
/* =2 Links
---------------------------------------------------------------------------------------------------------------- */
#page a:link, #page a:visited {
    color: #333333;
    background: #E9E9E9;
    border-bottom:1px solid #CECECE;
    text-decoration: none;
}
#page a:hover, #page a:active  {
    color: #080808;
   /* background: #2C2C2C; */
    border-bottom:1px solid #909292;
	cursor:pointer;
}
/* =3 Headings
---------------------------------------------------------------------------------------------------------------- */
h1 {
    font-size: 2.8em;
    color: #909292;
    text-transform: uppercase;
    font-weight: normal;
    line-height: 1.6em;
    margin: .30em 0;
}


h1 strong {
    	background: #E9E9E9;
		color: #333333;
    	padding-top:3px;
    	font-weight: normal;
    	border-bottom:1px solid #B5B5B5;
}

h2 {
    font-size: 1.8em;
    text-transform: uppercase;
    font-weight: normal; 
    margin: .75em 0 ;
}

h3 {
    font-size: 1.6em;
    font-weight: normal;    
    margin: .83em 0;
}
h3 a {
	text-decoration: none;
    border-bottom:1px solid #2C2C2C;
    padding:6px 0px 3px 4px;
    width:217px;
    display: block;
    margin: .83em 0;
}
h3 a img.arrow  {
    padding:0 0 0 5px;
}
h4 {
    font-size: 1.8em;
    color: #FFF;
    font-weight: normal;
    margin-bottom: 0px;
    margin-top:15px;
}
h5 {
    font: bold 0.9em;
}
p {
    font-size: 1.5em;	
    margin: 1.12em 0;
}
ul.arrow_list  { margin-left:40px; list-style-type: disc; }
/* ul.arrow_list li  { font-size:1.5em; padding-bottom:3px; } */

/* =4 Header
---------------------------------------------------------------------------------------------------------------- */
.wrapper {
    width: 960px;
    margin: 0 auto;	
}

#header { 
    
}
#header img#logo{
	   float:left;
	   z-index:10;
	   padding:0 0 0 10px;
}

#header div.wrapper {
	position: relative;
}
	
#header div.wrapper #icon {
	z-index:100;
	position: absolute;
	top:0;
	left:-220px;
	width: 230px;
	height: 100px;
    background: url(../images_new/bg_icon.gif) top right no-repeat;
}

#page {
	background: #F2F2F2;
	border-bottom:1px solid #D8D8D8;
	border-top:1px solid #D8D8D8;
	clear: both;
	}
	
	#page div.cornerBG {
	    padding:22px 0;
	}

/* =5 Navigation
---------------------------------------------------------------------------------------------------------------- */

#navigation {
	float: right;
	height: 93px;
}
	#navigation ul {
	    margin:0;	
	}
		#navigation li {
			  display: block;
			  float: left;
			  height: 93px;	
		}
			#navigation li.active {
			    background: url(../images_new/nav_active_bg.png) center bottom repeat-x;    
			}
			#navigation li.active a {
			    color: white;
			    background: url(../images_new/nav_active_triangle.png) center bottom no-repeat;	
			}
			#navigation li a { 
			    font-size: 1.8em;	
			    display: block;
			    text-decoration: none;
			    color: #BB8A8B;
			    padding:55px 14px 16px 14px;
			    text-transform: lowercase;
			}
			
#quickNav { 
	position:absolute; 
	top:0;
	right: 0;
}
#quickNav a { 
	display:block;
	padding:7px 15px 7px 7px;
	background: url(../images_new/arrow_red.gif) 95% 60% no-repeat #1F1F1F;
	color: white;
	font-size: 1.2em;
	text-decoration:none;
	float:left;
	margin-left:5px;
	text-transform:uppercase;
}
#quickNav a:hover {
	
	background-color:#444444;
}

/* =6 Middle
---------------------------------------------------------------------------------------------------------------- */
#page div.wrapper {
  
}

	#page.wide div.wrapper {
	}
		#cornerBG {
		    background: url(../images_new/nav_col_bg.png) right bottom no-repeat;	
		}

#main-col, #more-info-col, #nav-col {
    float: left;
}

.col-wrap {
    padding:0px 10px;	
}

#main-col {
	width: 480px;
}

	#page.wide  #main-col {
	    width: 720px;
	    background: #F2F2F2;
	}
 

#more-info-col {
    width: 240px;    
}

	#page.wide  div#more-info-col {
	    display: none;
	}

#nav-col {
	width: 240px;
}
#nav-col .col-wrap { padding:0 0 0 1px; }



#main-col h2 { color: #333333; }

table.addressTable td {
	font-size: 1.5em;
	line-height: 1.5em;
}
table.addressTable strong {
	color: white;
	font-weight: normal;
}
#porfolio_section h2,#porfolio_listing_section h2 {
	text-transform: none;
	color: #919191;
	font-size:1.3em;
	margin-top: -10px;    	
}

	#porfolio_section h3 { 
		color: white; 
		font-family: Georgia,"Times New Roman",Times,serif; 
		font-size: 1.9em;
		text-transform: none;
		margin-top:0;
		margin-bottom:0px;
	}

#porfolio_content, #service_container { margin-top:15px; }
#porfolio_content { width:49%; padding-right:10px; float: left; }
#porfolio_content p { font-size: 1.3em; }
#service_container{ width:49; padding-right:10px; float: left; }
#service_container strong { font-size: 1.5em; color: white; font-weight: normal; }
div.arrowLink { 
	padding-left: 17px; 
	display: block; 
	background: transparent url(../images_new/grey_arrow_right.gif) no-repeat scroll 3px 6px;
	padding-bottom:18px;
}
div.arrowLink a { 
	font-size:1.3em;
	text-transform: lowercase;
	padding:0 3px;
} 

/* =7 Form
---------------------------------------------------------------------------------------------------------------- */
#contactform label, #contactform legend {
    color: #919191;
    font-size: 1.3em;
    text-transform: lowercase;
}
#contactform fieldset, #contactform legend {     
    margin:0px 0;
    padding:2px 0;
} 
#contactform input, #contactform  textarea  {
    width: 210px;
    border:1px solid #2C2C2C; 
    background: #770405;
    color: #FFF;
    margin:2px 0;
}
#contactform  textarea {
    height: 113px;
}

#contactform fieldset label {
	 font-size: 1.2em;
	 line-height: 1.8em;
	 height: 11px;

	 float: left;
	 margin-left:2px; 

}

#contactform #services_needed-element dl { border:1px solid #2C2C2C; background: #770405; padding: 2px 0 4px 2px ;} 
 #contactform fieldset dl input { 
	width: 15px;
	float: left;
    text-align: left;
    padding-left:0;
    margin-left:0;
    font-size: 1.1em; 
    border:none;
    background: none;
        
}
#contactform fieldset dl dd {  clear: left; }

#contactform  #submit { 
	background: #252525;
	width: 85px; 
	padding: 5px 0; 
	margin-left:0;
}

#contactform ul.errors li { color: #993300; font-weight: bold; font-size: 1.1em; padding-bottom:10px; }
#services_needed-label { display:none; }
#services_needed-element { padding-bottom:5px; }

h1.intro { color:#1F1F1F; }

h2.intro { color:#9BA29E; }

#page h1.intro a {     	
		background: #E9E9E9;
		color: #333333;
    	padding-top:3px;
    	font-weight: normal;
    	border-bottom:1px solid #B5B5B5;
}
/* =8 Extra
---------------------------------------------------------------------------------------------------------------- */
#googleMap { border: 1px solid #2C2C2C; padding:5px; margin:10px 0; }
#googleMap small a { display: none; }
ul.arrowList {	
	list-style: none;
	padding-left:0px;
	margin:0;
}
	ul.arrowList li {
	    margin:5px 0;
	    padding-left:20px;
	    background: url(../images_new/grey_arrow_right.gif) no-repeat 5px 6px;	
	}
		ul.arrowList li a {
		    font-size: 1.3em;
		    line-height: 1.4em;	
		    letter-spacing: .05em;
		} 

ul.taglist {
	margin: 0;
	padding: 0;
	list-style: none;   
	padding-bottom:30px; 	
}
	ul.taglist li {
		
		}
	
		
	
	#page ul.taglist li a {
	    font-size: 1.3em;
	    color: #333333;
	    text-decoration: none;
	    display: block;
	    padding: 6px 10px;
	   
		text-transform:uppercase;
	}
	
	#page ul.taglist li a:hover {
	    border-color: #6C0000;	
	    color: white;
	    background: #8B0505;
	}
	#page ul.taglist li.active a { 
	    border-color: #6C0000;	
	    color: white;
	    background: #8B0505;
		} 

	#page ul.taglist li ul li a { 
		display:none;
	}
	
	#page ul.taglist li.active ul li a { 
		background:#ECECEC url(../images_new/grey_arrow_right.gif) no-repeat scroll 5px 12px;
		padding-left:20px;
		border:none;
		text-transform:none;
		display:block;
		color: #333333;
	}
	#page ul.taglist li.active ul li.active a {  background-color: #666; color:white; text-transform:none; }
	
	
ul.service-list {	
	list-style: none;
	margin:0;
	padding:10px 0 0 0;
}
#page ul.service-list li { height: 2.4em; }
#page ul.service-list li a { 
    color: #919191;	
    padding:2px 2px;
    margin-top:2px;
    text-transform: lowercase;
    font-size: 1.3em;
}
	#page ul.service-list li a:hover { color: white; }


/* Homepage Styles */

.panel  { 
	background: #E9E9E9;
	width:470px;
	float:left;
	margin-right:20px;
	margin-bottom:12px;
	font-size:1.3em;
}
.panel.red {
	background:#760101;
}
.panel.black {
	background:#1F1F1F;
}	
	.panel h2 {
		font-size: 1.4em;
		text-transform: uppercase;
		font-weight: normal;    
		margin:0;
		padding:5px 15px;
		color:#FFFFFF;
	}
	.panel.black h2 {
		background:#080808 url(../images_new/panel_page_tab.gif) no-repeat scroll right top;;
	}
	.panel.red h2 {
		background:#650101 url(../images_new/red_panel_page_tab.gif) no-repeat scroll right top;
	}
	.panel h2 img.arrow  {
		padding:0 0 0 5px;
	}

.panel.last  { 
	margin-right:0px;
}

.panel p {
	padding:10px 15px;
	margin:3px 0 10px 0;
	font-size:1.1em;
}
.panel.black p {
	background:#080808;
	color:#FFFFFF;
}
.panel.red p {
	background:#650101;
	color:#FFFFFF;
}


.panel ul {	
	list-style: none;
	padding-left:0px;
	margin:0;
	font-size: 1em;
}
	.panel ul li {
	    margin:5px 0 0 10px;
	    padding-left:15px;
		padding-top:5px;
		line-height: 1.3em;	
		float:left;
		width:205px;
	}
	.panel ul li.first {
		margin-top:0;
		padding-top:0;
		border-top:0;
	}
	.panel.red ul li.first {
		background: url(../images_new/grey_arrow_right.gif) no-repeat 0px 5px;
	}
	.panel.black ul li.first {
		background: url(../images_new/red_arrow_right.gif) no-repeat 0px 5px;
	}
	.panel.red ul li  {
		background: url(../images_new/grey_arrow_right.gif) no-repeat 0px 10px;
		color:#B98A8B;
	}
	.panel.black ul li  {
		color:#9BA29E;
		background: url(../images_new/red_arrow_right.gif) no-repeat 0px 10px;
	}
	
.panel h3 {
	border-top: 1px solid #FFFFFF;
	width:auto;
	margin:10px 0 0 0;
	font-size:2em;
}
.panel h3.black {
	background:#080808;
}
.panel h3.red {
	background:#650101;
}
.panel h3 a {
	width:auto;
	text-align:right;
	margin:0;
	padding:20px 5px 5px;
	border:0;
}
#page h3.black a {
	color:#9BA29E;
	border:0;
	background:url(../images_new/red_arrow.gif) right 41px no-repeat;
	padding-right:12px;
	margin-right:5px;
}
#page h3.red a {
	color:#B98A8B;
	border:0;
	background:url(../images_new/grey_arrow.gif) right 41px no-repeat;
	padding-right:12px;
	margin-right:5px;
}

#page .panel.black li a:link, #page .panel.black li a:visited, #page .panel.black li a:active {
	background:#080808;
	border-bottom:1px solid #383838;
	text-decoration:none;
	color:#9BA29E;
}
#page .panel.black p a:link, #page .panel.black p a:visited, #page .panel.black p a:active {
	background:#080808;
	border-bottom:1px solid #383838;
	text-decoration:none;
	color:#9BA29E;
}
#page .panel.black p a:hover {
	background:#080808;
	border-bottom:1px solid #9BA29E;
	text-decoration:none;
	color:#FFFFFF;
}
#page .panel.black li a:hover {
	background:#080808;
	border-bottom:1px solid #9BA29E;
	text-decoration:none;
	color:#FFFFFF;
}
#page .panel.red li a:link, #page .panel.red li a:visited, #page .panel.red li a:active {
	background:#650101;
	border-bottom:1px solid #841B1B;
	text-decoration:none;
	color:#B98A8B;
}
#page .panel.red p a:link, #page .panel.red p a:visited, #page .panel.red p a:active {
	background:#650101;
	border-bottom:1px solid #841B1B;
	text-decoration:none;
	color:#B98A8B;
}
#page .panel.red p a:hover {
	background:#650101;
	border-bottom:1px solid #B98A8B;
	text-decoration:none;
	color:#FFFFFF;
}
#page .panel.red li a:hover {
	background:#650101;
	border-bottom:1px solid #B98A8B;
	text-decoration:none;
	color:#FFFFFF;
}
#page .panel.black.hover {
	background:#2A2A2A;
}

#page .panel.black.hover h2 {
	background:#131313 url(../images_new/panel_page_tab.gif) no-repeat scroll right top;
}

#page .panel.black.hover h3, #page .panel.black.hover p {
	background:#131313;
}

#page .panel.red.hover {
	background:#7D0E0E;
}

#page .panel.red.hover h2 {
	background:#6D0101 url(../images_new/red_panel_page_tab.gif) no-repeat scroll right top;
}

#page .panel.red.hover h3, #page .panel.red.hover p {
	background:#6D0101;
}



.contact {
	color:#777979;
	display:none;
}
.contact p {
	float:left;
}
.contact ul {
	font-size:1.5em;
	padding-top:10px;
	margin:0;
	float: right;	
}
.contact ul li {
    width: 227px;
    list-style: none;
    float: left;
    padding-left:13px;
	background:url(../images_new/divider.jpg) no-repeat;
	height:150px;
    	
}


#partners { clear:both; margin-bottom:20px; }
/* =9 Footer
---------------------------------------------------------------------------------------------------------------- */
#footer { 
	background: #E5E5E5;
	color: #333333;
	font-size:1.1em;
	line-height: 1.3em;	
}
#footer div.wrapper {   
    background: url(../images_new/footer_bg.png) -1px bottom no-repeat #E5E5E5;
    height: 46px;
    
}
#footer ul {
	padding-top:10px;
	margin:0;
	float: right;	
}
#footer ul li {
    width: 227px;
    list-style: none;
    float: left;
    padding-left:13px;
    	
}
#footer p {
	padding-top:10px;
	   margin:0px;
	   float: left;
	   font-size:1em;
	} 
#footer a, #footer strong {
	color: #333333;
	font-weight: normal;
	text-decoration: none;
}
#footer a:hover { text-decoration: underline; }





#page #panels h2 a {
	background:none;
	color:white;
	border:none;
	display:block;
}