/*   
Theme Name: Word Refuge Theme
Description: 
Author: http://www.ectomachine.com
Version: 1.0
*/ 

/********************************************
   XHTML ELEMENTS
********************************************/ 

* { margin: 0; padding: 0px; }
html, body { margin: 0; padding: 0px; height: 100%; background: url(images/mainbg.jpg);} 



/* ----------THE CSS AWARDS--------------------- */
#thecssawards { position:absolute; right:0; top:30px; z-index:700;}

#thecssawards a {
background:url("images/cssawards.png") no-repeat scroll 0 0 transparent;
display:block;
height:105px;
text-indent:-8000px;
width:69px;
}




/* ----------Site Elements--------------------- */
.clear { clear: both; }
a {cursor: pointer }
a:active, a:focus{outline: 0;}
img {border: none}
/* Clearfix */
	.clearfix:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
	.clearfix {display: inline-block;}
	
	/* start commented backslash hack \*/
	* html .clearfix { height: 1%; }
	.clearfix {display: block;}
	/* close commented backslash hack */


/* ----------CONTACT FORM--------------------- */
#bar {width: 100%; background: url(images/barbg.gif) repeat-x; height: 28px}
#contact {height:320px; background: url(images/contactbg.gif) repeat; display:none; }

#contact .content {
width: 960px; 
height: 290px; 
background: url(images/contactholderbg.png) top center no-repeat; 
margin: 0 auto;
padding-top: 42px;
position: relative;
font-family:'HelveticaNeue','Helvetica Neue','Helvetica Neue',Arial,Helvetica,sans-serif;
font-size: 12px;
}

#contact .content h1 {font-size: 24px; color: #fff4d5; text-transform: uppercase;  }
#contact .content b.first-letter {font-size: 36px; margin-top: -0.6em }

#contact .content .leftbox, .rightbox {width: 440px; height: 270px; }
#contact .content .leftbox { float: left; clear: right; padding-left: 12px}
#contact .content .rightbox { float: right}

.tag {
float:right;
width:134px;
height:141px;
margin-right:180px;
margin-top: -6px;
text-indent:-9999px;
background: url(images/contact_tag.png) no-repeat;
}


#input, #inputtwo {margin-bottom:13px;}

input[type="text"] {
background:url(images/inputbg.gif) repeat scroll 0 0 transparent;
border: 0px;
height:31px;
padding: 15px;
width:365px;
font-family:'HelveticaNeue','Helvetica Neue','Helvetica Neue',Arial,Helvetica,sans-serif;
color: #2f3223;
font-size: 20px;
}

form {border: 0px}

#input li, #inputtwo li {
background:url("images/inputright.gif") no-repeat scroll right center transparent;
height:61px;
width:408px;
}


#input ul, #inputtwo ul {
background:url(images/inputleft.gif) no-repeat scroll left top transparent;
list-style-type:none;
margin:0;
padding: 0 0 0 13px;
width:460px;
height: 62px
}


#textarea ul {
background:url("images/textarealeft.gif") no-repeat scroll left top transparent;
list-style-type:none;
margin:0;
padding:0 0 0 7px;
width:460px;
height: 180px
}


#textarea li { 
background:url("images/textarearight.gif") no-repeat scroll right top transparent;
height: 180px;
width: 430px
}


textarea {
background:url("images/textareabg.gif") repeat-x scroll 0 0 transparent;
border:0 none;
color:#FF0365;
font-family:'HelveticaNeue','Helvetica Neue','Helvetica Neue',Arial,Helvetica,sans-serif;
color: #2f3223;
font-size: 14px;
height:160px;
overflow:auto;
padding:14px 4px 12px;
width:409px;
}


input[type="submit"]  {
background:url("images/contact_submit.png") no-repeat scroll left top transparent;
border:medium none;
cursor:pointer;
height:20px;
width:90px;
text-indent: -9999px;
}

#submit {height: 20px; width: 250px; float: right; margin-top: 14px; text-align: right; padding-right: 8px}

#submit a {
background: url(images/contact_x.png) no-repeat center left; 
padding-left: 14px; 
font-family:'HelveticaNeue','Helvetica Neue','Helvetica Neue',Arial,Helvetica,sans-serif;
font-size:14px;
text-transform: lowercase;
text-decoration: none;
color: #fff4d5;
}

#submit a:hover {text-decoration: underline}

/* ----------CONTACT FORM--------------------- */


/* ----------Centered Container Or the Layout--------------------- */
#container { 
min-height: 100%; 
height: auto !important; 
height: 100%; 
margin: 0 auto -4em; /* make sure this matches in the body footer DIV */
width: 960px;
} 


/* --------------HEADER------------- */
#header { height: 206px; background: url(images/header_penink.png) no-repeat;}
#header .logo {width:238px; margin: 0 auto; padding-top: 23px}
#header .logo a {display:block; height:100%; width:100%;}

#header .logo h1 {
background: url(images/logo.png) no-repeat scroll 0 0 transparent;
height:160px;
text-indent:-9999em;
width:238px;
}


/* --------------LOGO IN HEADER *always use this*------------- */
.logolink, #swap { background-image: url('/images/logo.gif'); background-repeat: no-repeat; height: 50px; width: 115px;}
.logolink a { float: left;  }
.rollover { display: block; } /* Allow setting widths and heights */
.rollover img { width: 100%; height: 100%; border: 0; } /* only set width and height once */
.rollover:hover { visibility: visible; /* for IE */ } /* sets any property for the :hover state */
.rollover:hover img { visibility: hidden; } /* 'rolls over' the image */


/* --------------TOPNAV------------- */
#topnav { height: 68px;}

ul#nav { height:68px;list-style:none outside none;}
ul#nav li { display:inline;}
ul#nav li a { float:left; height:68px; text-indent:-9999px;}

ul#nav li#nav-1 a {background:url("images/navbar.png") no-repeat scroll 0 0 transparent; width:173px;}
ul#nav li#nav-1 a:hover {background:url("images/navbar.png") no-repeat scroll 0 -68px transparent; width:173px;}

ul#nav li#nav-2 a {background:url("images/navbar.png") no-repeat scroll -173px 0px transparent; width:202px;}
ul#nav li#nav-2 a:hover {background:url("images/navbar.png") no-repeat scroll -173px -68px transparent; width:202px;}

ul#nav li#nav-3 a {background:url("images/navbar.png") no-repeat scroll -375px 0px transparent; width:205px;}
ul#nav li#nav-3 a:hover {background:url("images/navbar.png") no-repeat scroll -375px -68px transparent; width:205px;}

ul#nav li#nav-4 a {background:url("images/navbar.png") no-repeat scroll -580px 0px transparent; width:225px;}
ul#nav li#nav-4 a:hover {background:url("images/navbar.png") no-repeat scroll -580px -68px transparent; width:225px;}

ul#nav li#nav-5 a {background:url("images/navbar.png") no-repeat scroll -805px 0px transparent; width:155px;}
ul#nav li#nav-5 a:hover {background:url("images/navbar.png") no-repeat scroll -805px -68px transparent; width:155px;}
/* --------------TOPNAV------------- */


/* --------------INTRO------------- */
#intro { padding-top: 24px; margin-bottom: 8px }
h2 {background: url(images/intro.png) no-repeat; margin: 0 auto; width: 696px; height: 44px}
#intro em {text-indent: -9999em; display: none}
/* --------------INTRO------------- */


/* --------------SLIDER------------- */
.slidecontainer { 
width:960px; 
height:278px; 
overflow:hidden; 
position:relative;
background: url(images/sliderbg.png) no-repeat top left;
margin-bottom: 14px
}

.slides { position:absolute; top:0; left:0;  }
.slides div { position:absolute; top:0; width:900px; display:none; padding: 40px 0px 40px 44px }
.slides h1 {margin-right: 250px;}
.slides p { margin-right: 280px }
.slides h1, h1.portfolio {font-size: 40px; text-transform: uppercase;}
.slides b.first {font-size: 50px; margin-top: -0.6em }
.slides p { line-height: 28px; font-size: 16px; color: #2f3223; font-weight: bolder}
.slides p a {color: #f03325; text-decoration: none}

ol, ul { list-style: none; }
blockquote, q { quotes: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
#loopedSlider { margin:18px auto;  position:relative; clear:both; }
		
ul.pagination { list-style-type:none; margin:0; padding:0; margin:9px auto; width:104px; margin-bottom: 58px;}
ul.pagination li { float: left; margin:6px 6px; }	
ul.pagination a { display: block; width:14px; padding-top:14px; height:0; overflow:hidden; background-image:url(images/pagination.png); background-position:0 0; background-repeat:no-repeat;}
ul.pagination li.active a {background-position:0 -14px}
a.previous { position:absolute; top:200px; left:-32px; }
a.next { position:absolute; top:200px; right:-32px; }
/* --------------SLIDER------------- */


/* --------------GRAPHIC HEADINGS------------- */
#heading {background: url(images/graphicheadbg.png) no-repeat; width: 960px; height: 128px; margin: 20px 0 30px 0; padding: 0px 0px 0px 44px }
#heading h1 {padding-top: 38px; font-size: 40px; text-transform: uppercase }
#heading b.first {font-size: 50px; margin-top: -0.6em }
/* --------------GRAPHIC HEADINGS------------- */


/* -------------TWO HOME COLUMNS------------- */
#columns {padding-top: 24px; margin-bottom: 60px}

#columns .leftside, .rightside {min-height: 200px; height: auto; height: 100%; margin-bottom: -60px }
#columns .leftside {float: left; clear: right; }
#columns .rightside {float: right; margin-right: -8px }

#columns .block {margin: 0px 10px 50px 0px; width: 425px}

#columns p, #columns a {
font-family:'HelveticaNeue','Helvetica Neue','Helvetica Neue',Arial,Helvetica,sans-serif; 
font-size: 14px; 
line-height: 24px;
color: #2f2d2d;
}

#columns h1 {
background: url(images/icontent.png) no-repeat center left; 
padding-left: 80px;
margin-bottom: 10px;
color: #45473a;
font-size: 24px;
text-transform: uppercase;
height: 34px
}

#columns a {float: right; color: #f03325; font-weight: 500 }
#columns a:hover {text-decoration: underline}
#columns b.first-letter {font-size: 28px; text-transform: uppercase;}
/* --------------TWO HOME COLUMNS------------- */



/* --------------MAIN CONTENT, LEFT NAVIGATION----------------*/
#main {min-height: 100%; height: auto !important; height: 100%; margin: 0px 20px 0px 20px;}


#main .content {
padding: 0px;
margin: 0px;
margin-left: 236px;
margin-right: 0px;
margin-bottom: 76px;
min-height: 170px; /* Height of Background Img */
height: auto;
}

#main .content h1 { 
font-family:'HelveticaNeue','Helvetica Neue','Helvetica Neue',Arial,Helvetica,sans-serif; 
font-size: 30px; 
margin-bottom: 20px
}

#main .content h1, a {color: #45473a; text-decoration: none}

#main a.button, a.backbutton {
text-transform: uppercase; 
font-family:'HelveticaNeue','Helvetica Neue','Helvetica Neue',Arial,Helvetica,sans-serif; 
color: #fff4d5;
font-size: 14px;
text-decoration: none;
font-weight: bold;
margin-bottom: 22px;
margin-top: 10px;
background-color: #ee3124; 
padding: 10px 30px; 
float: right
}

#main a.backbutton {float: left; margin-bottom: 50px; }
#main a.button:hover, a.backbutton:hover {text-decoration: underline}



#main h2 {}

#main h3 {
text-transform: uppercase; 
font-family:'HelveticaNeue','Helvetica Neue','Helvetica Neue',Arial,Helvetica,sans-serif; 
color: #46483B;
font-size: 16px;
margin-bottom: 14px;
background: url(images/iconstar.png) no-repeat center left;
padding-left: 20px
}

#main p {
font-family:'HelveticaNeue','Helvetica Neue','Helvetica Neue',Arial,Helvetica,sans-serif; 
font-size: 14px; 
line-height: 24px;
color: #2f2d2d;
padding-bottom:22px;
}

#main p a {color: #ee3124; text-decoration: underline}
#main strong {font-weight: bold}

#main ul.articles {margin-bottom: 30px; margin-left: 30px;}
#main ul.articles li { 
font-family:'HelveticaNeue','Helvetica Neue','Helvetica Neue',Arial,Helvetica,sans-serif; 
font-size: 14px; 
list-style-type: disc;
}

/* ---------------------------ARTICLES--------------------------- */

#main .content h1 a { font-size: 24px; font-family: Georgia; font-weight: 100  }

#main .info {margin: 0; padding: 0; height: 40px}
#main .info .post, .categories {width: 340px; margin: 0; padding: 0}
#main .info .post { float: left; clear: right }
#main .info .categories {float: right; text-align: right }
#main .info h3 { background:none repeat scroll 0 0 transparent; font-size:14px; padding:0; color: #988E71}

#main .info a {
color:#EE3124;
font-family:'HelveticaNeue','Helvetica Neue','Helvetica Neue',Arial,Helvetica,sans-serif;
font-size:12px;
padding-left:8px;
text-decoration:underline;
}

#main #prev_entires {float: left; clear: right; }
#main #next_entries {float: right}

#main #next_entries a, #main #prev_entries a {
font-family:'HelveticaNeue','Helvetica Neue','Helvetica Neue',Arial,Helvetica,sans-serif; 
font-size: 14px;
font-style: italic;
text-transform: uppercase;
font-weight: bold;
color: #ee3124;
}

#main h6 {
text-transform: uppercase; 
font-family:'HelveticaNeue','Helvetica Neue','Helvetica Neue',Arial,Helvetica,sans-serif; 
color: #46483b;
font-size: 22px;
margin-bottom: 14px;
background: url(images/iconstar.png) no-repeat center left;
padding-left: 20px
}


/* ---------------------------ARTICLES--------------------------- */


/* ---------------------------NAVLEFT--------------------------- */
#main .navleft { width: 202px; margin: 0px; padding: 0px; float: left; border-right: 1px solid #e7ddc2;min-height: 400px; margin-bottom: 50px}
#main .navleft h1, #test h2 { margin-bottom: 10px; color: #45473a; font-size: 24px;text-transform: uppercase;}
#main .navleft b.first, #test h2 b.first {font-size: 28px; text-transform: uppercase;}

#main .navleft ul {margin: 0; padding: 0}
#main .navleft ul li {display: block; border-bottom: 1px dotted #9e947c; margin-right: 20px; }

#main .navleft ul li a { 
text-decoration: none; 
font-family:'HelveticaNeue','Helvetica Neue','Helvetica Neue',Arial,Helvetica,sans-serif; 
font-size: 14px; 
color: #ee3124;
}


#main .navleft ul li, .navleft ul li a {padding: 10px 0}
#main .navleft ul li a:hover {text-decoration: underline}

/* ---------------------------NAVLEFT--------------------------- */

.line {
border-color: #dac893;
border-style:none none solid;
border-width:medium medium 1px;
height:0;
margin-bottom:24px;
width:100%;
clear: right;
}

.blankline {border-color: transparent;border-width:0px;height:0;margin-bottom:24px;width:100%;}


/* --------------------------------PORTFOLIO------------------------------------------------- */

#portfolio {width: 920px; }

#portfolio a.image_link {display: block;}

#portfolio .portblockleft {
float: left;
margin: 8px 13px 12px 13px; 
width: 434px;
min-height: 150px;
text-align: center
}


#portfolio a.link {
text-transform: uppercase; 
font-family:'HelveticaNeue','Helvetica Neue','Helvetica Neue',Arial,Helvetica,sans-serif; 
color: #0f1719;
font-size: 16px;
margin-bottom: 14px;
background: url(images/iconstar.png) no-repeat center left;
padding-left: 20px;
font-weight: bold;
}

#portfolio p {padding-top: 10px}
#portfolio a.link:hover {color: #ec3024}


/* ---------------------------PORTFOLIO INSIDE--------------------------- */

h1.portfolio {margin: 0px; padding: 0px; }

#project {float: right;}

b.year {
font-family:'HelveticaNeue','Helvetica Neue','Helvetica Neue',Arial,Helvetica,sans-serif; 
color: #46483b;
font-size: 14px;
font-weight: 200;
}

.urlblock {width: 900px; float: left; clear: right; margin: 0px 28px 28px 0px }
.urlblock ul {display: block;}
.urlblock li {list-style-type: none; margin-right: 10px}

.urlblock ul li a {
color: #ec3024; 
line-height: 22px;
font-family:'HelveticaNeue','Helvetica Neue','Helvetica Neue',Arial,Helvetica,sans-serif;
font-size: 14px;
background: url(images/iconarrow.png) no-repeat center right;
padding-right: 18px;
}

.urlblock ul li a:hover {text-decoration: underline}

#main h4 {
text-transform: uppercase; 
font-family:'HelveticaNeue','Helvetica Neue','Helvetica Neue',Arial,Helvetica,sans-serif; 
color: #46483b;
font-size: 16px;
margin-top: 22px;
margin-bottom: 8px
}


/* --------------PORTFOLIO SLIDER------------- */
.portslide {
cursor:pointer;
height:318px;
margin-left:8px;
margin-top:20px;
overflow:hidden;
position:relative;
width:948px;
background: no-repeat;
}


.portslide .slides { position:absolute; top:0; left:0;  }
.portslide .slides div { position:absolute; top:0; width:960px; display:none; padding: 0px }

/* --------------PORTFOLIO SLIDER------------- */


/* ---------------------------PORTFOLIO INSIDE--------------------------- */


/* ---------------------------TESTIMONIALS--------------------------- */
#test h2 {background: none; margin: 0; padding: 0}
#test p { line-height: 32px; font-size: 20px; color: #2f3223; font-weight: bolder; }
#test p b {color: #ee3124}
/* ---------------------------TESTIMONIALS--------------------------- */



/* ----------------------------------FOOTER--------------------------------------- */
#footer, #connect, .push { 
clear: both;
width: 100%;
height: 4em; /* make sure this matches in the body container DIV */
bottom: 0;
left: 0;
margin: 0 auto; 
position: relative;
} 




/* -------CONNECT-------- */
#connect {height: 141px; background: url(images/connectbg.png) repeat-x; }
#connect .content {padding-top: 40px; width: 940px; }

#connect .left, #connect .right {height: 68px; }
#connect .left {float: left; clear: right; width: 378px; height: 72px; background: url(images/new_connect.png) no-repeat; margin-left: 12px }
#connect .right {float: right; width: 520px; margin-right: 12px}

ul#social { height:68px;list-style:none outside none;}
ul#social li { display:inline;}
ul#social li a { float:left; height:68px; text-indent:-9999px;}

ul#social li#social-1 a {background:url("images/new_socialicons.png") no-repeat scroll 0 0 transparent; width:180px;}
ul#social li#social-1 a:hover {background:url("images/new_socialicons.png") no-repeat scroll 0 -68px transparent; width:180px;}

ul#social li#social-2 a {background:url("images/new_socialicons.png") no-repeat scroll -180px 0 transparent; width:198px;}
ul#social li#social-2 a:hover {background:url("images/new_socialicons.png") no-repeat scroll -180px -68px transparent; width:198px;}

ul#social li#social-3 a {background:url("images/new_socialicons.png") no-repeat scroll -378px 0 transparent; width:142px;}
ul#social li#social-3 a:hover {background:url("images/new_socialicons.png") no-repeat scroll -378px -68px transparent; width:142px;}

/* -------CONNECT-------- */


#footer { height: auto; background-color: #0f1719}
#footer a {cursor: pointer}
#footer .content, #connect .content { width: 960px; margin: 0 auto; position: relative; }
#footer .content {background: url(images/footerlogo.png) no-repeat top center; }

#footer .left, .right {min-height: 100px; }
#footer a:hover, #footer .post a:hover, #footer .postlast a:hover {color: white }

/* ----FOOTER LEFT---- */
#footer .left { float:left; width:398px; margin-left: 12px;}
#footer .left .head {height: 28px; width: 228px; background: url(images/footer_head_articles.png) no-repeat; margin-bottom: 30px; margin-top: 32px}

#footer .left .post {margin-bottom: 22px}
#footer .left .postlast {margin-bottom: 0; border-bottom: 0}

#footer .left .post, .postlast {
font-family:'HelveticaNeue','Helvetica Neue','Helvetica Neue',Arial,Helvetica,sans-serif; 
border-bottom: 1px solid #363939;
color: white;
font-size: 12px;
line-height: 22px
}

#footer .left .post p, .postlast p {padding-bottom: 16px}
#footer .left a {text-transform: uppercase; color: #fff4d5; font-size: 14px; text-decoration: underline; font-weight: 500 }
#footer .left .postby, .twitter a {text-transform: uppercase; font-size: 10px; color: #fff4d5; font-weight: 200 }
/* ----FOOTER LEFT---- */


/* ----FOOTER RIGHT---- */
#footer .right { float:right; width: 398px; margin-right: 12px; }
#footer .right .head {height: 28px; width: 228px; background: url(images/footer_head_tweet.png) no-repeat; margin-bottom: 30px; margin-top: 32px}


/* --TWITTER-- */
#footer .twitter {
border-bottom:1px solid #363939;
color:white;
font-family:georgia,serif;
font-size:16px;
font-style:italic;
line-height:26px;
}

#footer .twitter ul { margin: 0px; padding: 0px; width: 320px }
#footer .twitter li { color: white; display: block; }
#footer .twitter p {width: 398px; height: 43px; background: url(images/footer_quote.gif) no-repeat right; margin-bottom: 20px; margin-top: -10px}
#footer .twitter span {clear: both; margin-right: 8px }
#footer .twitter span a {font-size: 16px; text-transform: none }
#twitter_update_list li a { display:block; text-align:left;}
#twitter_update_list li span a {display:inline;}

/* --RSS-- */
#footer .right .rss {margin: 0; padding: 0; border-bottom: 1px solid #363939; height: 175px; margin-bottom: 18px}
#footer .right .rss .head {height: 28px; width: 144px; background: url(images/footer_head_rss.png) no-repeat; margin-top: 26px}
ul#rss { height:132px;list-style:none outside none; margin-top: -30px;  }
ul#rss li { display:inline;}
ul#rss li a { float:left; height:132px; text-indent:-9999px;}
ul#rss li#rss-1 a {background:url("images/rss.png") no-repeat scroll 0 0 transparent; width:398px; margin-left: -10px}
ul#rss li#rss-1 a:hover {background:url("images/rss.png") no-repeat scroll 0 -132px transparent; width:398px;}


/* --LINKS-- */
#footer .linkleft, .linkright {width: 180px; font-family:'HelveticaNeue','Helvetica Neue','Helvetica Neue',Arial,Helvetica,sans-serif;}
#footer .linkleft {margin-top: -6px}
#footer .linkleft, .pagelinks {float: left; clear: right; height: 64px; text-transform: uppercase}
#footer .linkleft b, .pagelinks b { color: #fff4d5; font-size: 10px}
#footer .linkleft ul {margin: 0; padding: 0}
#footer .linkleft ul li {display: inline}
#footer .linkleft ul li a { margin-right: 0px; padding: 8px 18px; text-decoration: none; background: url(images/iconstar.png) no-repeat center left; font-size: 10px; font-weight: normal}
#footer .linkleft ul li a:hover, #footer .pagelinks ul li a:hover {text-decoration: underline; color: white}

#footer .pagelinks { width: 280px; font-family:'HelveticaNeue','Helvetica Neue','Helvetica Neue',Arial,Helvetica,sans-serif;}
#footer .pagelinks b { color: #fff4d5; font-size: 10px}
#footer .pagelinks ul {margin-left: -6px}
#footer .pagelinks ul li {display: inline; border-right: 1px dotted #ef3125; padding-right: 10px; padding-left: 6px; list-style-type: none}
#footer .pagelinks ul li.last {border: none}
#footer .pagelinks ul li a { text-decoration: none; font-size: 12px; font-weight: normal; color: #ef3125; padding: 0px; margin: 0px}

#footer .linkright {float: right; height: 67px;  width: 92px}
#footer .ecto {width:92px; margin: 0 auto; }
#footer .ecto a {display:block; height:100%; width:100%; }
#footer .ecto h2 {background: url(images/footer_ecto.png) no-repeat scroll 0 0 transparent; height:67px;text-indent:-9999em; width:92px;}
/* ----FOOTER RIGHT---- */


/* ---------------------------SERVICES--------------------------- */
.glossymenu{ margin: 5px 0 60px 0; padding: 0; width: 920px; border-bottom-width: 0; }

.glossymenu a.menuitem{
background: url(images/servicesbar.jpg) no-repeat; 
height: 45px;
font-family:"Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
font-size: 24px;
text-transform: uppercase;
color: #fff4d5;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
text-decoration: none;
border-bottom: 1px solid #591511;
cursor: pointer;
font-size: 26px; text-transform: uppercase;
padding: 6px 0px 0px 14px;
}

.glossymenu a.menuitem b.first {font-size: 34px; margin-top: -0.6em }
.glossymenu a.menuitem .statusicon{ position: absolute;right: 5px;border: none; margin-top: -6px}
.glossymenu a.menuitem:hover{ background: url(images/servicesbar.jpg) no-repeat; height: 45px;}

.glossymenu div.submenu { background: url(images/outerservicesbg.png) repeat-y; padding: 20px 36px;}
.glossymenu div.submenu a { text-decoration: none }

.glossymenu div.submenu a.service_readmore {
display: block;
color: #EE3124;
font-family:"Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
text-decoration: none;
padding: 8px 0px 8px 14px;
background: url(images/iconarrow.png) no-repeat center left; 
float: right; 
padding-left: 20px; 
text-transform: uppercase; 
font-size: 18px;
text-decoration: none;
}


#main ul.services { 
font-family:'HelveticaNeue','Helvetica Neue','Helvetica Neue',Arial,Helvetica,sans-serif; 
font-size: 14px; 
line-height: 24px;
color: #2f2d2d;
margin-bottom: 22px;
}

#main ul.services li {list-style-type: disc; margin-left: 30px}
#main ul.services li a {text-decoration: underline; color: #EE3124; }


/* ---------------------------SERVICES--------------------------- */



/* ---------------------------NEW STYLES--------------------------- */
h5.servicedetail {
color:#46483B;
font-family:Georgia;
font-size:20px;
font-style:italic;
font-weight:100;
margin:26px 0;
}

#sitemap {float: left; clear: right; width: 350px; margin-right: 0px}
#sitemap a {color: #ef3125; font-family:'HelveticaNeue','Helvetica Neue','Helvetica Neue',Arial,Helvetica,sans-serif; line-height: 24px; }
#sitemap ul { margin: 0; padding: 0}
#sitemap ul li {list-style-type: none; display: block; padding-bottom: 24px}
#sitemap ul li a {font-weight: bold; font-size: 14px; text-decoration: underline; }
#sitemap ul li ul {margin-left: 4px}
#sitemap ul li ul li {list-style-type: none; padding-bottom: 0px; background: url(images/iconarrow.png) no-repeat center left;  }
#sitemap ul li ul li a {font-size: 12px; text-decoration: none; font-weight: normal; padding-left: 20px }
#sitemap ul li ul li a:hover {text-decoration: underline}
/* ---------------------------NEW STYLES--------------------------- */


/* ---------------------------ADD THIS--------------------------- */

.addthis_toolbox {margin: 20px 0; float: right }