/*  
Theme Name: Ruane_Attorneys
Theme URI: 
Description: A theme generated by slingshotdigital.com
Author: Slingshot Digital Design
Author URI: http://www.slingshotdigital.com/
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {

  margin: 0;

  padding: 0;

  border: 0;

  outline: 0;

  font-size: 100%;

}

body {

	background-color: #333;

	color: #666;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 20px;

	margin: 0 0 0 0; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */

	padding: 0 0 0 0; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */

	text-align: center; /* Centers the page content container in IE 5 browsers. */

}

/* Commonly used to style page titles. */

h1 {

	color: #75AE22;

	font-size: 18px;

	font-weight: bold;

	line-height: 19px;

	margin-bottom: 0px;

	padding-bottom: 0px;

}

/* Commonly used to style section titles. */

h2 {

	color: #666;

	font-size: 14px;

	font-weight: bold;

	line-height: 15px;

}

/* Sets the style for unvisited links. */

a,  a:link {

	color: #587E17;

	text-decoration: underline;

}

/* Sets the style for visited links. */

a:visited {

	color: #75AE22;

	text-decoration: none;

}

/* Sets the style for links on mouseover. */

a:hover {

	color: #75AE22;

	text-decoration: none;

}

/* Sets the style for a link that has focus. */

a:focus {

	color: #9ED44B;

}

/* Sets the style for a link that is being activated/clicked. */

a:active {

	color: #9ED44B;

}

#outerWrapper {

	background-color: #FFF;

	margin: 0 auto 0 auto; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */

	text-align: left; /* Redefines the text alignment defined by the body element. */

	width: 967px;

}

#outerWrapper #header {

	font-size: 18px;

	font-weight: bold;

	line-height: 15px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */

	height: 91px;

	background-image: url(images/Ruane-logo.jpg);

	background-repeat: no-repeat;

	background-position: left top;

}

#outerWrapper #contentWrapper {

	overflow: hidden;

	background-image: url(images/sidebg.jpg);

	background-repeat: repeat-y;

	background-position: left;

	border-top-width: thin;

	border-top-style: solid;

	border-top-color: #CCC;

}

#outerWrapper #contentWrapper #leftColumn1 {

	float: left; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */

	width: 290px;

}

/* Contains the main page content. When using a mutliple column layout the margins will be set to account for the floated columns' width, margins, and padding. */

#outerWrapper #contentWrapper #content {

	margin-top: 10;

	margin-right: 0;

	margin-bottom: 0;

	margin-left: 297px;

	padding-top: 30px;

	padding-right: 30px;

	padding-bottom: 10px;

	padding-left: 30px;

}

#outerWrapper #footer {

	background-color: #EFEFEF; /* Sets the top border properties for an element using shorthand notation */

	padding: 10px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */

	font-size: 10px;

	font-weight: normal;

	border-top-width: 1px;

	border-top-style: solid;

	border-top-color: #CCC;

	height: 215px;

	background-image: url(images/footerbg.jpg);

	background-repeat: repeat-x;

	background-position: top;

}

#outerWrapper #footerppc {

	background-color: #EFEFEF; /* Sets the top border properties for an element using shorthand notation */

	padding: 10px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */

	font-size: 10px;

	font-weight: normal;

	border-top-width: 1px;

	border-top-style: solid;

	border-top-color: #CCC;

	height: 25px;

	background-image: url(images/footerbg.jpg);

	background-repeat: repeat-x;

	background-position: top;

}

#topcontent{

	height: 369px;

}

#topphone{

	float: right;

	height: 40px;

	width: 233px;

	margin-top: 10px;

	clear: right;

	margin-right: 25px;

}

#topphoneppc{

	float: right;

	height: 50px;

	width: 297px;

	margin-top: 20px;

	clear: right;

	margin-right: 25px;

}

#topphonedrug{

	float: right;

	height: 40px;

	width: 261px;

	margin-top: 10px;

	clear: right;

	margin-right: 25px;

}

#topphonedv{

	float: right;

	height: 40px;

	width: 272px;

	margin-top: 10px;

	clear: right;

	margin-right: 25px;

}

#topnav{

	float: right;

	height: 20px;

	width: 428px;

	clear: right;

	margin-top: 10px;

	margin-right: 25px;

}

#topnav2{

	float: right;

	height: 20px;

	width: 500px;

	clear: right;

	margin-top: 10px;

	margin-right: 25px;

}

#leftside{

	margin-right: auto;

	margin-left: auto;

	width: 256px;

	margin-top: 30px;

}

.oficetextheader{

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 12px;

	font-weight: bold;

	color: #75AE22;

}

.oficetextheader2{

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 12px;

	font-weight: bold;

	color: #FD5826;

}

#locationtext{

	padding: 10px;

	border: thin solid #CCC;

	margin-bottom: 25px;

	background-color: #EFEFEF;

}

#outerWrapper #footer #footerbox{

	width: 210px;

	float: left;

	margin-top: 10px;

}

#outerWrapper #footer #footerboxsm{

	width: 140px;

	float: left;

	margin-top: 10px;

}

#outerWrapper #footer #footerboxone{

	width: 125px;

	float: left;

	margin-top: 10px;

	margin-left: 30px;

}

.footerlinks a{

	color: #666;

	text-decoration: none;

}

.footerlinks a:link{

	color: #666;

	text-decoration: none;

}

.footerlinks a:hover{

	color: #000;

	text-decoration: underline;

}

.headertext{

	font-size: 16px;

	font-weight: bold;

	color: #333;

	line-height: 30px;

}

.logo{

	height: 85px;

	width: 250px;

	float: left;

	display: block;

}

.sidenavdui{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 13px;

	line-height: 20px;

	color: #76AD22;

	font-weight: bold;

}

.sidenavdui a{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 13px;

	line-height: 20px;

	color: #76AD22;

	font-weight: bold;

	text-decoration: none;

}

.sidenavdui a:link{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 13px;

	line-height: 20px;

	color: #76AD22;

	font-weight: bold;

	text-decoration: none;

}

.sidenavdui a:hover{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 13px;

	line-height: 20px;

	color: #666;

	font-weight: bold;

	text-decoration: underline;

}

#dmvbox {

	width: 280px;

	float: left;

	margin-bottom: 40px;

}

#dmvbox2 {

	width: 280px;

	float: left;

	margin-left: 40px;

	margin-bottom: 40px;

}

#dmvbox3 {

	width: 280px;

	float: left;

	margin-left: 40px;

	margin-bottom: 40px;

}

#boxwrap {

	width: 610px;

	float: left;

}

.dvorange{

	color: #F60;

}

.jvorange{

	color: #FD5826;

}

.yellowhi {

	background-color: #FF0;

}

.locationtext {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: normal;

	line-height: 14px;

}

#locationside{

	margin-left: 10px;

	margin-bottom: 20px;

}

.globallinks a{

	color: #666;

	text-decoration: underline;

}

.globallinks a:link{

	color: #666;

	text-decoration: underline;

}

.globallinks a:hover{

	color: #666;

	text-decoration: none;

}

.whitetext{

	color: #FFF;

}

.imgborder{

	border: thin solid #CCC;

}

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

* This is the SKIN style definition for the CSS menu.                    *

* Feel free to customize this section.                                   *

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



/*

 * Menu container settings

 * Applies to the first level menu container

 */

.arktic_green {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

 	font-weight: bold;

}



/*

 * Menu container settings

 * Applies to second (or more) level menu containers

 */

.arktic_green ul {

	border: 1px solid #afafaf;

	font-weight: normal;

}



/*

 * Menu items settings

 * Applies to all menu items in all menu containers

 */

.arktic_green li {

	background-image: url(images/bgtop_h.gif);

	background-repeat: repeat-x;

	background-position: left top;

	border: 1px solid #AFAFAF;

	width: 110px;

}



/*

 * Menu items settings

 * Applies to second (or more) level menu items

 */

.arktic_green ul li {

	background-image: url(images/bg.gif);

	background-repeat: repeat-y;

	background-color: #ffffff;

	border: none;

 	width: 180px;

}



/*

 * Menu link settings

 * Applies to links that are to be found within the menu items, no matter the menu level

 */

.arktic_green a {

	text-decoration: none;

	line-height: 18px;

	color: #555555;

	padding: 1px 2px 1px 21px;

	border-bottom: 2px solid  #608A48;

	cursor: pointer;

}



/*

 * Menu link settings

 * Applies to links located in the second (or more) level menu items

 */

.arktic_green ul a {

 	border-bottom:1px solid #ffffff;

}





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

* In this section, we will define what happens when a menu item is selected  *

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



/*

 * Selected menu item

 * Applies to selected menu items in all menu containers

 */

.arktic_green li.selected {

	background-image: url(images/bgtop_h_sel.gif);

	background-repeat: repeat-x;

}



/*

 * Selected menu item

 * Applies to second (or more) level selected menu items

 */

.arktic_green ul li.selected {

	background-image: url(images/bg_sel.gif);

}



/*

 * Selected links

 * Applies to selected links in all menu items

 */

.arktic_green a.selected {

	color: #000000;

	border-bottom-color: #74A757;

}



/*

 * Selected links

 * Applies to selected links located in the second (or more) level menu items

 */

.arktic_green ul a.selected {

	color: #555555;

	border-bottom-color: #ffffff;

}





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

* In this section, we will define what happens when mouse-overing an item  *

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



/*

 * Mouse over on menu items

 * Applies to all menu items in all menu containers

 */

.arktic_green li.hover {

	background-image: none !important;

	background-color: #6A914C;

}

  

/*

 * Mouse over on menu items

 * Applies to second (or more) level menu items

 */

.arktic_green ul li.hover {

}



/*

 * Mouse over on links

 * Applies to all links in all menu items

 */

.arktic_green a.hover {

	color: #ffffff !important;

	border-bottom-color: #AECC9D;

}



/*

 * Mouse over on links

 * Applies to links located in the second (or more) level menu items

 */

.arktic_green ul a.hover {

  	border-bottom-color: #ffffff;

}





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

* In this section, we will define the menu arrows behavior                    *

* An arrow is inserted next to the menu item when the menu item has sub-menus *

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



/* 

 * Define the arrow

 * Applies to all menu items that have sub-menus

 */

.arktic_green .arrow {

	background-image: url(images/arrow_right_color.gif);

	background-repeat: no-repeat;

	background-position: 3px center;

}



/* 

 * Define the arrow

 * Applies to all menu items that have sub-menus located in the second (or more) level

 */

.arktic_green .hover ul .arrow,

.arktic_green ul .arrow {

	background-image: url(images/sarrow_right_dark.gif);

	background-repeat: no-repeat;

	background-position: right center;

}



/* 

 * Define the arrow on mouse over

 * Applies to all menu items that have sub-menus on mouse over

 */

.arktic_green .hover .arrow {

	background-image: url(images/arrow_down_light.gif	);

}



/* 

 * Define the arrow on mouse over

 * Applies to all menu items that have sub-menus located in the second (or more) level on mouse over

 */

.arktic_green ul .hover .arrow {

	background-image: url(images/sarrow_right_light.gif);

}

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

* This is the LAYOUT style definition for the CSS menu                   *

* DO NOT alter this section, unless you know what you're doing           *

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

div.horizontal {

	clear: both;

}

div.horizontal br {

	clear: both;

}

div.horizontal ul {

	margin: 0px;

	padding: 0px;

	display: block;

	float: left;

	clear: both;

}

div.horizontal li {

	list-style-type: none;

	display: block;

	float: left;

	clear: none;

	text-align: left;

    position: static;

}

div.horizontal li img {

	border: none;

}

div.horizontal a {

	clear: both;

	display: block;

	margin: 0px;

}

div.horizontal ul li ul {

	position: absolute;

	left: -5000px;

	top: -5000px;

	visibility: hidden;

	clear: both; 

}

div.horizontal ul li ul li {

	clear: both; 

}

div.horizontal ul li ul li a {

	clear: both;

}

.hasImg,

.hasImg a {

	padding: 0px !important;

	margin:	0px	!important;

	border:	none !important;

	outline: none !important;

	background:	transparent !important;

	width: auto !important;

}