/* CSS Document */

/* ***** Typography and Colors, Girvin 2007 ***** */

/* ===== Overall Styling ===== */

body {
	background-color: #000000;
	background-repeat: no-repeat;
	font-family: "Gill Sans MT", "Gill Sans", Verdana, sans-serif;
	font-size: 20px;
}

a { text-decoration: none; }


/* ===== Branding ==== */

h1#branding {
	font-size: 30px;
	font-weight: normal;
	color: #D8212B;
	line-height: 0.5;
	background: url(../images/faded_hr.png) no-repeat left bottom;
}

h1#branding a:link, h1#branding a:visited {
	color: #D8212B;
	text-decoration: none;
}

h1#branding a:hover {
	text-decoration: none;
}


/* ===== Nav1 ===== */

#nav1 {
	font-size: 27px;
	color: #FFFFFF;	
}

#nav1 a:link, #nav1 a:visited {
	color: #FFFFFF;	
}

#nav1 a:hover {
	color: #D8212B;
}

.story #nav1 a#nav1-story, .culture #nav1 a#nav1-culture, .connect #nav1 a#nav1-connect {
	background: url(../images/nav1_arrow.gif) no-repeat center 18px;
	cursor: default;
	color: #FFFFFF;	
}

/* ===== Nav2 ===== */

#nav2 {
	font-size: 10px;
	color: #FFFFFF;	
}	

#nav2 a:link, #nav2 a:visited {
	color: #FFFFFF;
}

#nav2 a:hover {
	color: #D8212B;
}

.brand #nav2 a#nav2-brand, 
.identity #nav2 a#nav2-identity, 
.design #nav2 a#nav2-design, 
.interactive #nav2 a#nav2-interactive, 
.clients #nav2 a#nav2-clients {
	background: url(../images/nav2_arrow.gif) no-repeat right center;
	cursor: default;
	color: #FFFFFF;
}


/* ===== Content ===== */


#content{
	background: #FFFFFF;
	color: #000000;
	text-align: left;
	line-height:1.5;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}

#port_description {
	font-size: 14px;
	color: #000000;
	line-height: 16px;
}

#expertise_text{
	padding:0px; margin:0px; border: 0;
	color: #000000;
	text-align: left;
	line-height:1.5;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	width: 215px;
}

/* ===== Footer ===== */

#footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

#footer li {
	border-left: solid #ffffff 1px;
}

#footer li.first-li {
	border-left: none;
}

#footer a {
	color: #FFFFFF;
}

#footer a:hover {
	color: #D8212B;
}
#port_description {
	font-size: 14px;
	color: #000000;
	line-height: 16px;
}

#port_contact {
	font-size: 10px;
}

#port_contact a{
	color: #D8212B;
}

#news h2{
	font-size: 12pt;
	font-weight: bold;
	margin: 0px; padding: 0px;
}

/* CENTER NAV
#centerwrap
{
	height: 100%;
	vertical-align: middle;
	width: 100%;
}

#centernav {
	vertical-align: bottom;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	
}

#centernav li {
	border-left: solid #666 1px;
	list-style: none;
	display: inline;
	padding: 5px;
	font-weight: 300;
}

#centernav li:hover a:hover
{
	color: #d8212b;
}

#centernav li.first-li {
	border-left: none;
}

#centernav a {
	color: #333333;
}

#centernav a:hover {
	color: #D8212B;
} */

/* Thumb Scroller */

#thumbnail_control {
	margin: 0px; padding: 0px;
	width: 396px;
	height: 55px;
	border: 0;
	
}

.right_arrow {
	margin: 0px; padding: 0px;
	width: 12px;
	height: 20px;
}

.right_arrow a {
	margin-top: 8px;
}

#thumbFrame {
	margin: 0px; padding: 0px;
	overflow: hidden;
}



    .thumbsPreviousButton
    {
        display: block;
        background: url(http://www.girvin.com/images/arrow-gray-left.jpg) no-repeat;
        width: 7px;
        height: 7px;
        margin-right: 5px;
        border: 0;
    }
    
    .thumbsPreviousButton:hover
    {
        display: block;
        background: url(http://www.girvin.com/images/arrow-red-left.jpg) no-repeat;
        width: 7px;
        height: 7px;
        cursor: pointer;
        border: 0;
        
    }
    
    .thumbsNextButton
    {
        display: block;
        background: url(http://www.girvin.com/images/arrow-gray-right.jpg) no-repeat;
        width: 7px;
        height: 7px;
        margin-left: 5px;
        border: 0;
    }
    
    .thumbsNextButton:hover
    {
        display: block;
        background: url(http://www.girvin.com/images/arrow-red-right.jpg) no-repeat;
        width: 7px;
        height: 7px;
        cursor: pointer;
        border: 0;
    }
	
	.thumbsNextButtonGray
	{
		display: block;
		background: url(http://www.girvin.com/images/blank.jpg) no-repeat;
        width: 7px;
        height: 7px;
        margin-left: 5px;
        border: 0;
	}
	
	.thumbsPreviousButtonGray
    {
        display: block;
		background: url(http://www.girvin.com/images/blank.jpg) no-repeat;
        width: 7px;
        height: 7px;
        margin-right: 5px;
        border: 0;
    }
	
	.thumbCurrent
	{
		border: 1px solid red;
        margin: 1px;
		padding: 0px;
	}
	
	.thumbCurrent:hover
	{
		 border: 1px solid red;
	}
	
	.thumbNotCurrent
	{
		border: 1px solid #999999;
        margin: 1px;
		padding: 0px;
	}
	
	.thumbNotCurrent:hover
	{
		border: 1px solid red;
	}
	
	
/* From Portfolio */

#client_header {
	padding: 0px;
	margin: 0px;
	height: 78px;
	width: 729px;
}
    
/*#thumbnails {
	white-space: nowrap;
	padding: 0px;
	margin: 0px;
	width: 200px;
	height: 150px;
}*/
    
#scroll_arrows ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
    
#up_arrow, #down_arrow, #scroll_up, #scroll_down {
	padding: 0px; margin: 0px; border: 0;
}
    
#up_arrow a {
	display: block;
	background: url(http://www.girvin.com/images/arrow-gray-up.jpg) no-repeat;
	width: 7px;
	height: 7px;
	margin: 0px; padding: 0px;
}

#up_arrow a:hover {
	display: block;
	background: url(http://www.girvin.com/images/arrow-red-up.jpg) no-repeat;
	width: 7px;
	height: 7px;
	cursor: pointer;
	margin: 0px; padding: 0px;
}
    

#down_arrow a {
	display: block;
	background: url(http://www.girvin.com/images/arrow-gray-down.jpg) no-repeat;
	width: 7px;
	height: 7px;
	margin-top: 4px;
}
    
#down_arrow a:hover {
	display: block;
	background: url(http://www.girvin.com/images/arrow-red-down.jpg) no-repeat;
	width: 7px;
	height: 7px;
	cursor: pointer;
}

#image {
	padding:0px; 
	margin:0px;
	width: 396px;
	height: 259px;
}
	
ul, ol {
	list-style: none;
}


#text_container {
	width: 215px;
	height: 275px;
	margin: 0px; padding: 0px;border: 0;
	vertical-align: top;
}

#main_text {
	margin: 0px; padding: 0px; border: 0;
	display: block;
	width: 195px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	overflow: hidden;
	line-height: 1.5;
}

#main_text_arrows { 
	margin-right:4px; padding-top:4px; border: 0;
	top: 151px;
}

#main_text_arrows li {
	display: inline;
}

#web_link {
	border: 0;
	padding-left: 11px; margin: 0px;
	height: 15px;
	width: 195px;
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}

#web_link a {
	color: #000000;
}
		
#web_link a:hover {
	color: #d8212b;

}

#testimonial_text {
	border: 0;
	padding-left: 11px; margin: 0px;
	display: block;
	width:195px;
	height: 75px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #d8212b;
	overflow: hidden;
	line-height: 1.5;
}

#testimonial_text a {
	margin-left: 120px;
	color: #000000;
}

#testimonial_text a:hover {
	color: #d8212b;
}

#history_image {
	padding:0px; 
	margin:0px;
	width: 396px;
	height: 259px;
}

#history_container {
	width: 260px;
	height: 275px;
	margin: 0px; padding: 0px;border: 0;
	vertical-align: top;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
}

#history_text {
	padding:0px; margin:0px;
	width: 160px;
	height: 262px;
	overflow: hidden;
	color: #000000;
	line-height:1.5;
}

#history_testimonial_text {
	padding:0px; margin-left:10px;
	width: 60px;
	height: 240px;
	color: red;
	line-height: 1;
}

#blog_text	{
	margin:0;padding:0;
	width: 250px;
	height: 260px;
	color: #000000;
	text-align: left;
	line-height:1.5;
	float: left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}

#blog_text a {
	text-decoration:underline;
	color: #d8212b;
	font-weight: bold;
}

#blog_text a:hover{
	color: #CCCCCC;
	background-color: #d8212b;
}

#client_alphabet {
	font-size: 12px;
	color: #d8212b;
}

#client_alphabet a {
	color: #000000;
	margin: 0px 2px 0px 3px;
}

#client_alphabet a:hover {
	color: #d8212b;

}

#client_list {
	display: block;
	overflow: hidden;
	width: 670px;
	height: 325px;
}

#client_list a {
	color: #000000;
}

#client_list a:hover {
	color: #d8212b;

}

#client_list ul{
	margin-left: 18px;
}

#client_list h1{
	font-size:12px;
	margin-top: 10px;
}

#client_list_arrows {
	width: 7px;
}

#client_list_arrows li {
	display: inline;
}

#people_list {
	padding:0px; margin:0px; border: 0;
}

#people_list .thumb {
	height:69px;
	width:62px;
	margin: 0px; padding: 10px; border: 0;
	white-space: nowrap;
}

#people_text {
	padding:0px; border: 0;
	overflow: hidden;
	width: 215px;
	height: 110px;
	color: #000000;
	text-align: left;
	line-height:1.5;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	margin: 0px 0px 17px 0px;
}

#people_nav {
	padding:0px; margin:0px; border: 0;
	overflow: hidden;
	width: 300px;
	color: #000000;
	text-align: left;
	line-height:1.5;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}


#people_nav a {
	color: #d8212b;
	text-decoration:none;
	font-weight:bold;
}

#people_arrows {
	padding:0px; margin:0px; border: 0;
}

#people_arrows li {
	display: inline;
}

#map {
	margin: 0px; padding: 0px; border: 0;
}

#map_text{
	color: #000000;
	text-align: left;
	line-height:1.5;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	width: 250px;
	height: 260px;
	margin: 0px; padding: 0px; border: 0;
}

/* FOR GOOGLE MAPS POLYLINES IN IE */
v\:*
{
	behavior:url(#default#VML);
}