/* CSS Document */

/*##############################################################
  Eric Meyer's Latest version of Reset.css (includes Baseline)
##############################################################*/ 

html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td 
{
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
line-height: 1;
font-family: inherit;
text-align: left;
vertical-align: baseline;
}

a img, :link img, :visited img 
{
border: 0
}

table 
{
border-collapse: collapse; 
border-spacing: 0
}

ul 
{
list-style: none
}

q:before, q:after,
blockquote:before, blockquote:after 
{
content: ""
}

/*#######################
  Element Styles 
#######################*/

body 
{
font-size:14px; 
font-family:Helvetica, Arial, Verdana, sans-serif; 
color:#282828; 
background:#fff url(../images/body_bg.jpg) left top repeat-x
}

h1 
{
margin:20px 15px; 
font-size:2em; 
color:#fff
}

h2, h3, h4, h5, p, ul, ol, dl 
{
margin:15px 0
}

h2, h3, h4, h5 
{
font-weight:bold; 
font-family:Palatino, Times, "Times New Roman", serif; 
font-style:italic; 
color:#e12314
}

h2 
{
font-size:1.5em
}

h3 
{
font-size:1.25em
}

h4 
{
font-size:1.15em
}

h5 
{
font-size:1em; font-style:italic; 
color:gray
}

a 
{
color:#1ab2c0; 
outline:none
}

a:hover 
{
text-decoration:none
}
    
dt 
{
margin:15px 0; font-weight:bold
}

dd 
{
margin:5px 0 5px 15px
}

ol 
{
margin-left:25px
}


/*#######################
  Layout Styles 
#######################*/

#wrapper 
{
width:930px; 
padding:0 15px; 
margin:0 auto
}

#wrapper img  
{
float:right
}

#navigation 
{
margin:39px 0 0 0
}
	
#navigation li 
{
float:left; display:inline; 
margin-right:5px; 
font-size:1.15em; 
text-transform:lowercase
}
		
#navigation li a 
{
display:block; 
padding:20px 25px; 
text-decoration:none; 
color:#fff
}
			
#navigation li a:hover 
{
background-color:#ffa00e
}

/* Active States */
#home_page #navigation #home_link a,
#about_page #navigation #about_link a,
#host_page #navigation #host_link a,
#port_page #navigation #port_link a,
#contact_page #navigation #contact_link a 
{
background-color:#e12314
}

#content 
{
clear:both; 
float:left; 
padding-top:20px
}	

#content img 
{
float:right; 
margin-left:15px
}

#content p 
{
line-height:1.25em}

#content ul 
{
margin-left:25px; 
list-style-type:disc
}

#content li 
{
margin:10px 0}	

#hero .one_column 
{
float:left; 
display:inline; 
width:750px; 
margin-right:15px
}

#content .two_columns 
{
float:left; 
display:inline; 
width:450px; 
margin-right:15px
}

#content .wide_column 
{
float:left; 
display:inline; 
width:600px; 
margin-right:15px
}

#content .thin_column 
{
float:left; 
display:inline; 
width:290px; 
margin-right:15px
}

#content .three_columns 
{
float:left; 
display:inline; 
width:290px; 
margin-right:15px
}

#content .service_list 
{
float:left; 
display:inline; 
margin-top:40px; 
width:100px; 
font-size:.9em
}

#intro 
{
font-size:2.5em; 
font-family:Palatino, Times, "Times New Roman", serif; 
font-style:italic; 
font-weight:bold
}

#hero 
{
background:url(../images/hero_bg.jpg) 50% bottom no-repeat;
padding-bottom:25px; 
margin-bottom:30px; 
color:#949594; 
float:left;
}

#hero img 
{
float:right; 
margin-left:15px
}

#hero 
{
font-size:2.5em; 
font-family:Palatino, Times, "Times New Roman", serif; 
font-style:italic; 
font-weight:bold
}

#hero p 
{
font-size:1.15em
}
	

	
/* Form Styles */
input, textarea 
{
padding:3px; 
font-size:.95em; 
font-family:Helvetica, 
Arial, 
Verdana, 
sans-serif; 
font-style:italic; 
color:gray
}

input 
{
width:250px
}

textarea 
{
width:350px; 
height:150px
}

#submit 
{
width:100px; 
font-weight:bold; 
color:#000; 
font-style:normal
}
	
#footer 
{
clear:both; 
padding:50px 0 30px 0; 
font-size:.9em; 
font-style:italic; 
color:gray
}