/* ------------------------------------------------
    CUSTOM WEB FONTS
--------------------------------------------------*/

@font-face {
  font-family: 'Economica';
  font-style: italic;
  font-weight: 400;
  src: local('Economica Italic'), local('Economica-Italic'), url(../static/fonts/economica/v1/bzOVz_30ksVskVYQI1-p8obN6UDyHWBl620a-IRfuBk.woff) format('woff');
}
@font-face {
  font-family: 'Economica';
  font-style: normal;
  font-weight: 700;
  src: local('Economica Bold'), local('Economica-Bold'), url(../static/fonts/economica/v1/UK4l2VEpwjv3gdcwbwXE9HhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}

@font-face {
    font-family: 'evanescent';
    src: url('http://www.youdedicated.com/css/fonts/evanescent.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Script MT Bold';
    src: url('fonts/SCRIPTBL.TTF');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lobster';
    src: url('http://www.youdedicated.com/css/fonts/Lobster_1.3.otf');
    font-weight: normal;
    font-style: normal;
}

/*@font-face {
    font-family: 'MerriweatherBold';
    src: url('http://www.youdedicated.com/css/fonts/merriweather-bold-webfont.eot');
    src: url('http://www.youdedicated.com/css/fonts/merriweather-bold-webfont.eot#iefix') format('embedded-opentype'),
         url('http://www.youdedicated.com/css/fonts/merriweather-bold-webfont.woff') format('woff'),
         url('http://www.youdedicated.com/css/fonts/merriweather-bold-webfont.ttf') format('truetype'),
         url('http://www.youdedicated.com/css/fonts/merriweather-bold-webfont.svg#MerriweatherBold') format('svg');
    font-weight: normal;
    font-style: normal;
}*/

/* --------------------------------------
    RESET
----------------------------------------*/
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,b, u, i, center,
dl, dt, dd, ol, ul, li,fieldset,label, legend,
caption, tbody, tfoot, thead,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	}
table,tr,td,th
{
	margin: 0;
	padding: 0;
	border: 0;
}
	
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* -------------------------------------------------------
    GENERAL
---------------------------------------------------------- */
html { overflow-y: scroll; }
body
{
	font-family: Georgia, Serif;
	font-size: 16px;
	line-height: 25px;
	color: #3B3B3B;
	/*background:#3a1a01;*/
	background: url(../images/border-bg.gif) repeat ;
	/*background: url(http://www.youdedicated.com/images/bg.png) left top repeat;
	text-shadow: 1px 1px 0 rgba(255,	255, 255, 1);*/
}

p { margin-bottom: 3px;
    line-height:22px;
    
    /* font-family:Arial, Helvetica, sans-serif;*/
	}

p.font12
{
	font-size:13px;
	text-align:justify;
}
	
p.intro { font-size: 13px;
          text-align:justify;
		}

p.para { font-size: 13px;
          text-align:justify;
          padding: 5px 10px;
          text-shadow: 1px 1px 0 rgba(255,	255, 255, 1);
        }           
p.parabullet 
{
		 font-size: 13px;
          text-align:justify;
          padding: 5px 10px 5px 35px;
           }               
p.parainnerbullet  
{
	font-size: 13px;
          text-align:justify;
          padding: 2px 10px 2px 35px;
           }                          

/* links */
a:link, a:visited
{
	color: #333333;
	text-decoration: none;
	outline: 0;
}
a:hover, a:focus, a:active {
    color: #5E1F00;
    text-decoration:underline;
}

/* Headers */
h1, h2, h3, h4, h5, h6 {
}
h1
{
	font-size: 22px;
	font-family: economica;
	letter-spacing:1px;
	color: #3a1a01;
	line-height: 30px;
	padding-left: 30px;
	font-weight: bold;
	background:#e5e5e5 url(../images/h1back.jpg) no-repeat;
	-webkit-box-shadow:0 0 2px #e5e5e5;
	border:solid 1px #e5e5e5;
}
h2
{
	font-family: "Lucida Sans" , Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 30px;
	margin-bottom: 5px;
	color: #424040;
	padding-left: 10px;
	padding-top: 2px;
	-moz-box-shadow: -1px -1px 1px #cccccc;
	-webkit-box-shadow: -1px -1px 1px #cccccc;
	-webkit-border-radius: 5px;
	background: #F0F0F0;
}
h3
{
	/*font-family: "Lucida Sans", Arial, Helvetica, sans-serif;*/
	font-family: 'MS Sans Serif';
	font-weight: bold;
	font-size: 12px;
	letter-spacing: 1.3px;
	line-height: 18px;
	margin-bottom: 2px;
	color: #3a1a01;
	border-bottom: dotted 1px #ccc;
	padding-bottom:10px;
	text-transform:uppercase;
}

	

/* Lists */
ul, ol {
	margin-bottom: 10px;
	padding: 0 10px;
}
ul { list-style: disc; }
ol { list-style: decimal; }

dl { margin-bottom: 25px; }
dt {
    font-weight: bold;
    color: #046416;
}
dd {
    padding-left: 20px;
}

blockquote {
	margin: 25px 0;
 	padding-left: 40px;
    padding-right: 30px;
    background: url(http://www.youdedicated.com/images/quote.png) no-repeat 3px 0;
	font-weight: normal;
	font-size: 18px;
	font-style: italic;
}
input, select {
    vertical-align: middle;
}

strong, b {
    font-weight: bold; 
}
pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}
abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}
mark {
    background-color: #FDD2B3;
}

/* Clearing and Alignment Classes */
.align-left {
    float: left;
}
.align-right {
    float: right;
}
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.ie7 .clearfix { zoom: 1; } /* IE7 */

.heading
{
	font-size: 10px;
	line-height: 30px;
	padding-left:20px;
	color: black;
	font-weight:bolder;
	font-family: MS Sans Serif;
	background: url(http://www.youdedicated.com/images/shopping-bg.gif) repeat-x;
	-webkit-box-shadow: 0 0 0 black;
	-moz-box-shadow: 0 0 0 black;
	border:none;
}

.heading a
{
	letter-spacing:0;
	color: #777;
}

.heading a:hover
{
	color: black;
}



/* ------------------------------------------------------
    STRUCTURE
--------------------------------------------------------- */
#header-wrap 
{
	border-top:solid 5px #3a1a01;
    width: 100%;
    height:105px;
    z-index: 99999;
    position: absolute; 
    top: 0;
    left: 0;
    background:#3a1a01;
    }
header {
    position: relative;
    width: 940px;
    height: 70px;
    margin: 0 auto;
}
.content-wrap {
    width: 960px;
    margin: 0 auto;
	background:#fff;
    /*background:#e8e8e8 url(http://www.youdedicated.com/images/home-background1.jpg) -100px 0px no-repeat;*/
    border-left:solid 1px #dddddd;
    border-right:solid 1px #dddddd;
}
.content-wrap section {
    position: relative;
    padding: 0px 0 5px 0;
}
.content-wrap section section {
    background: none;
    margin: 0;
}
.content-wrap section .row {
    clear: both;
    overflow: hidden;
    margin-bottom: 0px;
}
.content-wrap section .row .col {
    float: left;
    margin: 0;
    padding: 0;
    width: 300px;
}
.content-wrap section .row .mid  {
    margin-left: 30px;
    margin-right: 30px;
}
.content-wrap section .no-bottom-margin{
    margin-bottom: 0;
}
.content-wrap section .primary {
    float: left;
    width: 620px;
}
.content-wrap section .primary p.intro {
    /* margin: 15px 0 10px 0; */
    margin: 0;
}
.content-wrap aside {
	width: 250px;
	margin-top:-1px;
	min-height:450px;
}
.content-wrap aside h2 {
    margin: 12.5px 0 12.5px 0;
    padding-left:15px;
    background:#e5e5e5;
    width:220px;
    border:solid 1px #ccc;
    font-weight:normal;
    text-transform:uppercase;
    font-family:Arial, Helvetica, sans-serif;
    -webkit-box-shadow: 0 0 0 white;
    
}

.content-wrap aside ul.link-list
{
	font-size: 13px;
	margin: 0 0 0 0;
	padding: 0;
	list-style: none;
	background: #e5e5e5;
}


.content-wrap aside ul.link-list li {
    background: url(http://www.youdedicated.com/images/section-sep.png) repeat-x left bottom;
}


.content-wrap aside ul.link-list li a
{
	display: block;
	color: #585858;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom:solid 1px #fff;
	border-right:solid 1px #ccc;
}

.content-wrap aside ul.link-list li a:hover, .content-wrap aside ul.link-list li a:focus
{
	color: #000;
	text-decoration: none;
	background: #fff;
	border-left: solid 1px #fff;
	border-bottom: solid 1px #ccc;
}
.content-wrap aside ul.link-list li a.active 
{
    color: #3a1a01;
    text-decoration: none;
    background:#fff;
    font-weight:bold;
    border-left:solid 1px #fff;
    border-bottom:solid 1px #ccc;
    border-right:solid 1px #ccc;
}
.content-wrap aside .testimonials {
    margin: 0;
}
.content-wrap aside .testimonials blockquote {
    font-style: italic;
    font-size: 14px;
    padding-left: 27px;
    background: url(http://www.youdedicated.com/images/quote-open.png) no-repeat left 5px;
    margin:0 0 12.5px 0;
}
.content-wrap aside .testimonials blockquote p {
    margin-bottom: 0;
}
.content-wrap aside .testimonials blockquote cite {
    font-style: normal;
    text-transform: uppercase;
    font-size: 11px;
}


/*aside for Home page */
.content-wrap asideh {
	width: 250px;
	margin-top:-1px;
	min-height:450px;
}
.content-wrap asideh h2 {
    margin: 12.5px 0 12.5px 0;
    padding-left:15px;
    background:#F0F0F0;
}

.content-wrap asideh ul.link-list
{
	font-size: 13px;
	margin: 0 0 0 0;
	padding: 0;
	list-style: none;
	background: #F0F0F0;
}
.content-wrap asideh ul.link-list li {
    background: url(http://www.youdedicated.com/images/section-sep.png) repeat-x left bottom;
    padding-left: 3px;
}
.content-wrap asideh ul.link-list li a {
    display: block;
    color: #3B3B3B;
    padding-top: 5px;
    padding-bottom: 5px;
}
.content-wrap asideh ul.link-list li a:hover,
.content-wrap asideh ul.link-list li a:focus,
.content-wrap asideh ul.link-list li a.active {
    color: #3a1a01;
    text-decoration: none;
    font-weight:bold;
}
.content-wrap asideh .testimonials {
    margin: 0;
}
.content-wrap asideh .testimonials blockquote {
    font-style: italic;
    font-size: 14px;
    padding-left: 27px;
    background: url(http://www.youdedicated.com/images/quote-open.png) no-repeat left 5px;
    margin: 12.5px 0;
}
.content-wrap asideh .testimonials blockquote p {
    margin-bottom: 0;
}
.content-wrap asideh .testimonials blockquote cite {
    font-style: normal;
    text-transform: uppercase;
    font-size: 11px;
}


.content-wrap section .back-to-top {
    display: block;
    position: absolute;
    bottom: -55px;
    right: 0px;
    height: 31px;
    width: 31px;
    background: url(http://www.youdedicated.com/images/back-to-top.png);
    text-indent: -9999px;
    z-index: 9999;
    -webkit-border-bottom-left-radius:10px;
    -webkit-border-bottom-right-radius:10px;
    -moz-border-bottom-left-radius:10px;
    -moz-border-bottom-right-radius:10px;
    -webkit-box-shadow:0 3px 3px black;
    -moz-box-shadow:0 3px 3px black;
    
}
.ie7 .content-wrap section .back-to-top {
    bottom: -70px;
}

/* -------------------------------------------
    Header
-------------------------------------------- */

/* Logo */
header hgroup {
    position: absolute;
    background: url(../images/logo.png) no-repeat;
    height:65px;
    width: 312px;
    display: block;
    top: 0px;
    left: -5px;
}
header hgroup h1 a {
    text-indent: -9999em;
    display: block;
    height: 31px;
    width: 130px;
}
header hgroup h3  {
    text-indent: -9999em;
    height: 0;
}

/* Main Navigation */
header nav {
    float: right;
    margin-top: 0px;
    width:550px;
}
header nav ul
{
	font-size:10px;
	margin-right: -5px;
	padding: 0;
	list-style: none;
	font-family: 'MS Sans Serif';
	font-weight:bold;
	margin-bottom:0;
}
header nav ul li {
    float: left;
}
header nav ul a:link, header nav ul a:visited
{
	color: #f0f0f0;
	margin-right: 10px;
	font-size: 9px;
	
}
header nav ul a:hover,
header nav ul a:active {
    color: #f0f0f0;
    font-weight:bold;
}

/* -----------------------------------------
		 Section
------------------------------------------ */
section#main {
    width: 940px;
    background: none;
}
section#main h1 {
    margin-top: 10px;
    margin-bottom: 5px;
}
section#main .intro-box {
    float:left; 
    width:460px;
    min-height: 260px;
}
section#main .row .col h2 {
    margin-top: 5px;
    margin-bottom: 5px;
}

/* Slider */
.slider-wrapper {
    float: right;
    margin-right:10px;
    position: relative;
    background: url(../images/slider.png) no-repeat;
    margin-top: 10px;
    margin-bottom: 13px;
    width: 420px;
    height: 240px;
}
.slider-wrapper #slider {
    position: absolute;
    top: 18px;
    left: 18.5px;
    width: 383px; /* Make sure your images are the same size */
    height: 198px; /* Make sure your images are the same size *//
}
.slider-wrapper .nivoSlider {
	position: relative;
	background: #fff url(../images/loading.gif) no-repeat 50% 50%;
}
.slider-wrapper .nivoSlider img {
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
}
.slider-wrapper .nivoSlider a {
	border: 0;
	display: block;
}
.slider-wrapper .nivo-controlNav {
	position: absolute;
	left: 50%;
	bottom: -40px;
    margin-left: -30px ; /* Tweak this to center bullets */
}
.slider-wrapper .nivo-controlNav a {
	display: block;
	width: 13px;
	height: 14px;
	background: url(http://www.youdedicated.com/images/bullets.png) no-repeat;
	text-indent: -9999px;
	border: 0;
	margin-right: 10px;
	float: left;
}
.slider-wrapper .nivo-controlNav a.active {
	background-position: 0 -14px;
}
.slider-wrapper .nivo-directionNav a {
	display: block;
	width: 33px;
	height: 52px;
	background: url(http://www.youdedicated.com/images/arrowslide.png) no-repeat;
	text-indent: -9999px;
	border: 0;
}
.slider-wrapper a.nivo-nextNav {
	background-position: -33px 0;
	right: -50px;
    top: 70px;
}
.slider-wrapper a.nivo-prevNav {
	left: -48.5px;
    top: 70px;
}
.slider-wrapper .nivo-caption {
    /* font-family: Helvetica, Arial, sans-serif; */
    padding: 5px 10px;
    width: 363px;
    font-size: 12px;
    text-shadow: none;
    text-align: center;
}
.slider-wrapper .nivo-caption p {
    text-shadow: none;
    color: #CBCBCB;
}
.slider-wrapper .nivo-caption a {
    color: #66CC33;
    /* border-bottom: 1px dotted #fff; */
}
.slider-wrapper .nivo-caption a:hover {
    color:#fff;
}

/* -----------------------------------------
   Services
------------------------------------------- */
section#services h1 
{
   margin: 0 0 15px 0;
}
section#services .row .col img.align-left 
{
    margin-top: 13px;
    margin-right: 12px;
    
}

/* ---------------------------------------
    Portfolio
----------------------------------------- */
section#portfolio ul.folio-list {
    margin:5px 0;
    padding: 0;
    width: 970px;
    list-style: none;
}
section#portfolio ul.folio-list li {
    float: left;
    margin-right: 10px;
    margin-left:8px;
    margin-top: 10px;
    width: 294px;
    height: 230px;
    max-height: 250px;
    -webkit-border-radius: 10px;
}
section#portfolio ul.folio-list li .thumb {
    margin: 0 0 5px 0;
    padding: 0;
    background: url(http://www.youdedicated.com/images/thumb-frame.png) no-repeat;
	width: 294px;
    height: 205px;
    -webkit-box-shadow: 0 0 3px #e5e5e5;
}
section#portfolio ul.folio-list li .thumb img 
{
	margin-top: 18px;
    margin-left: 18px;
}
section#portfolio ul.folio-list li h3.entry-title {
    font-size: 14px;
    line-height: 20px;
    margin-left: 16px;
    border:none;
    font-family: 'MS Sans Serif';
    font-weight:normal;
     text-transform: none;
}


ul.the-team {
    margin: 0;
    padding: 0;
    list-style: none;
}
ul.the-team li {
    float: left;
    width: 450px;
    height: 125px;
}
ul.the-team li a {
    color: #3B3B3B;
}
ul.the-team li a:hover,
ul.the-team li a:focus,
ul.the-team li a:active {
    color: #285935;
}

ul.the-team li .thumbnail {
    position: relative;
    float: left;
    background: url(http://www.youdedicated.com/images/thumb-bg.png) no-repeat;
    width: 90px;
    height: 90px;
    margin-right: 12px;
}
ul.the-team li .thumbnail img {
    position: absolute;
    top: 10px;
    left: 11px;
}
ul.the-team li p {
    font-size: 14px;
    line-height: 20px;
    margin: 5px 0 0 0;
}
ul.the-team li p.mname {
    font-family: MS Sans Serif; 
    margin: 10px 0 0 0;
}
ul.the-team li.odd {
    margin-right: 35px;
}

.clear { clear:both;}

.dg-container{
	width: 960px;
	height: 290px;
	position: relative;
	overflow:hidden;
	margin-left:-30px;
}
.dg-wrapper
{
	
	width: 315px;
	height: 216px;
	margin: 0 auto;
	position: relative;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	-o-perspective: 1000px;
	-ms-perspective: 1000px;
	perspective: 1000px;
}
.dg-wrapper a
{
	width: 375px;
	height: 246px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	background: transparent url(http://www.youdedicated.com/images/browser.png) no-repeat top left;
	box-shadow: 0px 10px 20px rgba(0,0,0,0.3);
}
.dg-wrapper a.dg-transition
{
	
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.dg-wrapper a img{
	display: block;
	padding: 33px 0px 0px 1px;
	width:373px;
	height:202px;
}
.dg-wrapper a div
{
	font-style: italic;
	text-align: center;
	line-height: 30px;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
	color: #333;
	font-size: 16px;
	width: 100%;
	bottom: -35px;
	display: none;
	position: absolute;
}
.dg-wrapper a.dg-center div{
	display: block;
}
.dg-container nav
{
	width: 58px;
	position: absolute;
	z-index: 1000;
	bottom: 40px;
	left: 50%;
	margin-left: -29px;
}
.dg-container nav span{
	text-indent: -9000px;
	float: left;
	cursor:pointer;
	width: 24px;
	height: 25px;
	opacity: 0.8;
	background: transparent url(../images/arrows.png) no-repeat top left;
}
.dg-container nav span:hover{
	opacity: 1;
}
.dg-container nav span.dg-next{
	background-position: top right;
	margin-left: 10px;
}

.box_light_gray 
	{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background:#e5e5e5;
	border:1px solid #ccc;
	}
.newsletterBox {
	padding:10px 17px 10px 17px;
	margin-bottom:10px;
	width:200px}

.newsletterBox .inner {
	padding:0}
	
.newsletterBox h3 {
	color:#262626;
	font-family:'VegurRegular', Arial, Helvetica, sans-serif;
	margin:0 0 10px 0;
	font-weight:normal;
	font-size:15px;
	border-bottom: solid 1px #999;
	padding:2px 0 5px 0;
	
	}

.link-news-rss 
{
	font-size:12px;
	color:#676767;
	font-family:Arial, Helvetica, sans-serif;
	background:url(http://www.youdedicated.com/images/icon_news_rss.gif) 0 0 no-repeat;
	padding-left:18px;
	text-decoration:none}	
	
.link-news-rss span {
	color:#f75d11}

a.link-news-rss:hover {
	color:#676767;}

.newsletter_text {
	clear:both;
	padding-top:10px}

.newsletterBox .inputField {
	float:left;
	border:1px solid #d1d1d1;
	background:#fff;
	color:black;
	padding:9px 10px 9px 10px;
	height:14px;
	width:190px;
	margin:0;
	line-heights:14px;
	letter-spacing:1px;
	font-family:Arial;
	font-size:11px;
	
	}
	
.newsletterBox .btn-arrow{
	background: url(http://www.youdedicated.com/images/btn_arrow.gif) 0 0 no-repeat;
	width:28px;
	height:34px;
	float:left;
	text-indent:600px;
	overflow:hidden;
	margin:0;
	padding:0;
	margin-left:-2px}

.textbox
{
	padding: 3px 3px 3px 11px;

}

.textbox:hover, .textbox:active, .textbox:focus
{
	-webkit-box-shadow: 0 0 5px black;
}

.feedbox
{
	padding: 3px 3px 3px 11px;
	-webkit-box-shadow:5px -5px 5px #ccc;
}

.feedbox:hover, .feedbox:active, .feedbox:focus
{
	-webkit-box-shadow: 0 0 5px black;
}


.dropdown
{
	padding: 2px 3px 2px 10px;
}

.dropdown:hover, .dropdown:active, .dropdown:focus
{
	-webkit-box-shadow: 0 0 5px black;
}

.Multibox
{
	padding: 3px 3px 3px 12px;
	font-family: MS Sans Serif;
}

.Multibox:hover, .Multibox:active, .Multibox:focus
{
	-webkit-box-shadow: 0 0 5px black;
}


/* button ---------------------------------------------- */
.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration:none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	font-weight:bold;
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

.bigrounded {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}
.medium {
	font-size: 12px;
	padding: .4em 1.5em .42em;
}
.small {
	font-size: 11px;
	padding: .2em 1em .275em;
}

/* color styles 
---------------------------------------------- */

/* black */
.black {
	color: #d7d7d7;
	border: solid 1px #333;
	background: #333;
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
	background: -moz-linear-gradient(top,  #666,  #000);
}
.black:hover {
	background: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
	background: -moz-linear-gradient(top,  #444,  #000);
}
.black:active {
	color: #666;
	background: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));
	background: -moz-linear-gradient(top,  #000,  #444);
}

/* gray */
.gray {
	color: #e9e9e9;
	border: solid 1px #555;
	background: #6e6e6e;
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
	background: -moz-linear-gradient(top,  #888,  #575757);
}
.gray:hover {
	background: #616161;
	background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
	background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
}
.gray:active {
	color: #afafaf;
	background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
	background: -moz-linear-gradient(top,  #575757,  #888);
}

/* white */
.white {
	color: #606060;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
}
.white:hover {
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
}
.white:active {
	color: #999;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background: -moz-linear-gradient(top,  #ededed,  #fff);
}

/* orange */
.orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
}
.orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
}
.orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
}

/* red */
.red {
	color: #faddde;
	border: solid 1px #980c10;
	background: #d81b21;
	background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
	background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
}
.red:hover {
	background: #b61318;
	background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
	background: -moz-linear-gradient(top,  #c9151b,  #a11115);
}
.red:active {
	color: #de898c;
	background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
	background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);
}

/* blue */
.blue {
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
}
.blue:hover {
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
}
.blue:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
}

/* rosy */
.rosy {
	color: #fae7e9;
	border: solid 1px #b73948;
	background: #da5867;
	background: -webkit-gradient(linear, left top, left bottom, from(#f16c7c), to(#bf404f));
	background: -moz-linear-gradient(top,  #f16c7c,  #bf404f);
}
.rosy:hover {
	background: #ba4b58;
	background: -webkit-gradient(linear, left top, left bottom, from(#cf5d6a), to(#a53845));
	background: -moz-linear-gradient(top,  #cf5d6a,  #a53845);
}
.rosy:active {
	color: #dca4ab;
	background: -webkit-gradient(linear, left top, left bottom, from(#bf404f), to(#f16c7c));
	background: -moz-linear-gradient(top,  #bf404f,  #f16c7c);
}

/* green */
.green {
	color: #e8f0de;
	border: solid 1px #538312;
	background: #64991e;
	background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
	background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
}
.green:hover {
	background: #538018;
	background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
	background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);
}
.green:active {
	color: #a9c08c;
	background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
	background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f);
}

/* pink */
.pink {
	color: #feeef5;
	border: solid 1px #d2729e;
	background: #f895c2;
	background: -webkit-gradient(linear, left top, left bottom, from(#feb1d3), to(#f171ab));
	background: -moz-linear-gradient(top,  #feb1d3,  #f171ab);
}
.pink:hover {
	background: #d57ea5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f4aacb), to(#e86ca4));
	background: -moz-linear-gradient(top,  #f4aacb,  #e86ca4);
}
.pink:active {
	color: #f3c3d9;
	background: -webkit-gradient(linear, left top, left bottom, from(#f171ab), to(#feb1d3));
	background: -moz-linear-gradient(top,  #f171ab,  #feb1d3);
}

.lightblue 
{
	color:White;
	background:#88bbd4;
	font-weight:bold;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}

.lightblue:hover 
{
	color:white;
	background:#59B;
}

.lightbluetextbox
{
	color: black;
	background: #CCCCCC;
	font-weight: bold;
	height: 25px;
	padding-left: 2px;
	font-size:14px;
}

.lightbluetextbox:hover
{
}





/* 960px Column  Menu */ 
.width960 { width:960px; margin:auto; padding:0; clear:both;}

/* ------------------------------- 1.LINKS, CLEAR AND PARAGRAPH --------------------------------*/
.clear { height:0px; clear:both; font-size:1px; }

/* Menu */
#menu {padding:0; clear:both; background:url(http://www.youdedicated.com/images/menu/bgmenu.png); font-weight:bold;}
#menu .on { color:#dbc48c; }
#menuTab { width:100%;	float:left; }

#menu .ddsmoothmenu ul li a{ }
#menu .ddsmoothmenu ul li a:hover{ background:url(http://www.youdedicated.com/images/menu/bgmenu3.png); }
#menu .ddsmoothmenu ul li a.selected{ background:url(http://www.youdedicated.com/images/menu/bgmenu3.png); }

#menu .ddsmoothmenu ul li ul li a{}
#menu .ddsmoothmenu ul li ul li a:hover{background:none}
#menu .ddsmoothmenu ul li ul li a.selected{background:none}

/* ------------------------------- 10.FOOTER --------------------------------*/
#footer
{
	font-size: 11px;
	margin: 0;
	background:#3a1a01;
	color: #DFDFDF;
}
#footer a { color:#efefef; }
#footer a:hover { color:#fff; }
#footer h2
{
	margin: 0 0 0px 0;
	padding: 0 0 0px 0;
	border-bottom: 1px solid #2e2e2e;
	font-size: 22px;
	font-weight: bold;
	color: #e3e3e3;
	border-bottom-color: #525252;
	font-family: Script MT Bold;
	text-transform: none;
	background: none;
	border-bottom: solid 1px #624732;
	-webkit-box-shadow: 0 0 0;
	-moz-box-shadow: 0 0 0;

}
#footerPad { width:960px; margin:auto; padding:10px 15px 0px 15px; }
.footerBlock { width:190px;	float:left;	margin:0px 15px 0 10px;}
.footerBlock2 { width:235px; float:right; margin:0;}
.footerBlock2 p { margin:0 0 10px 0; padding:0; text-align:justify }
.footerBlock ul li, .footerBlock2 ul li { margin:0 0 5px 0; }
.footerBlock .footerBul { width:81px; float:left; }

#footer .footerBlockConnect { width:610px;	float:none;	margin:0;}
.footerBlockConnect h2 { border:none; }
.footerBlockConnect ul li { margin:0 0 5px 0; }
.footerBlockConnect .footerBul { width:81px; float:left; }

#footerCopy  
{
	background:#fff;
	margin:15px 0 0 0;
	padding:0;
	border-top:1px solid #2e2e2e;
	background:url(http://www.youdedicated.com/images/menu/bgmenu.png);
}
#footerCopy a
{
	color:Silver;
}
#footerCopy a:hover
{

}
#footerLeft { width:455px; float:left; margin:5px 0 7px 15px; }
#footerRight { width:455px;	float:left; margin:5px 0 7px  0; text-align:right; }


/* Footer Favs icons */
#favTab2 { margin:5px 0 0 0px;}
#favTab2 a span { display:none;}
#favTab2 a {width:32px; height:32px; display:block; margin:0 11px 0px 0; background:url(http://www.youdedicated.com/images/foot/favs2.png) no-repeat; }	
	
#favTab2 .face { background-color:#4F2402; float:left;  -webkit-border-radius:2px;-moz-border-radius:2px;} 
#favTab2 .face:hover { background-position:-32px 0;}

#favTab2 .twit { background-color:#4F2402; float:left; background-position:0 -32px; -webkit-border-radius:2px;-moz-border-radius:2px;} 
#favTab2 .twit:hover { background-position:-32px -32px;}

#favTab2 .rss { background-color:#4F2402; float:left; background-position:0 -64px;-webkit-border-radius:2px;-moz-border-radius:2px;} 
#favTab2 .rss:hover { background-position:-32px -64px}

#favTab2 .flickr { background-color:#4F2402; float:left; background-position:0 -96px; margin:0 11px 11px 0; -webkit-border-radius:2px;-moz-border-radius:2px;} 
#favTab2 .flickr:hover { background-position:-32px -96px; }

#favTab2 .linkedin { background-color:#4F2402; float:left; background-position:0 -128px;-webkit-border-radius:2px;-moz-border-radius:2px;} 
#favTab2 .linkedin:hover { background-position:-32px -128px;}

#favTab2 .myspace { background-color:#4F2402; float:left; background-position:0 -160px; -webkit-border-radius:2px;-moz-border-radius:2px;} 
#favTab2 .myspace:hover { background-position:-32px -160px;  }

#favTab2 .behance { background-color:#4F2402; float:left; background-position:0 -192px; -webkit-border-radius:2px;-moz-border-radius:2px;} 
#favTab2 .behance:hover { background-position:-32px -192px;}

#favTab2 .blogger { background-color:#4F2402; float:left; background-position:0 -224px; margin:0 0 17px 0; -webkit-border-radius:2px; -moz-border-radius:2px;}
#favTab2 .blogger:hover { background-position:-32px -224px; }



/*Menu*/
.ddsmoothmenu
{
	/*  #3a1a01; background of menu bar (default state)*/
	font-family:'MS Sans Serif';
	font-size: 12px;
	line-height: 13px;
	color: #dbc48c;
	width:980px;
}

.ddsmoothmenu ul{
z-index:100;
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;
background:url(../images/divider.jpg) no-repeat 0 0;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
display: block;
color: #dbc48c;
margin:0 10px;
padding: 11px 14px;
text-decoration: none;
}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited
{
	color: #E9E9E9;
}

.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
padding: 11px 14px;
color: #fff;
}

.ddsmoothmenu ul li a:hover{
padding: 11px 14px;
color: #FFF;
text-decoration:none;
}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul
{
	position: absolute;
	background-color: #80502a;
	background-image: none;
	left: 0;
	display: none; /*collapse all sub menus to begin with*/
	visibility: hidden;
	-webkit-box-shadow: 0 0px 2px #ccc;
	-moz-box-shadow: 0 0px 2px #ccc;
}
.ddsmoothmenu ul li ul li a{ background:#3a1a01; padding : 12px 15px 13px 15px;} 
.ddsmoothmenu ul li ul li a:hover{padding: 12px 15px 13px 15px; background:#80502a } 

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
background-image:none;
background:none;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
color:#8a8888;
width: 170px; /*width of sub menus*/
padding: 12px 15px 13px 15px;
margin: 0;

}

.ddsmoothmenu ul li ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background: #272727; 
color: #fff;
padding: 12px 15px 13px 15px;
}

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 3px;
right: 7px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{ /*shadow for NON CSS3 capable browsers*/
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: silver;
}

.toplevelshadow{ /*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/
opacity: 0.8;
}

.contactbox
	{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background:#e5e5e5;
	border:5px solid #e5e5e5;
	-webkit-box-shadow: 0 0 5px #e5e5e5;
	}
.contactbox h1
	{
	padding-left:20px;
	background-position:-20px;
	}
	
.graycolorbox {
	padding:10px 17px 10px 17px;
	margin-bottom:20px;
	width:632px;}

.rightcoloum
{
	font-size: 20px;
	font-family: economica;
	letter-spacing:1px;
	color: #fff;
	line-height: 30px;
	padding-left: 10px;
	font-weight: bold;
	background: #6e6e6e;
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
	background: -moz-linear-gradient(top,  #888,  #575757);
	-webkit-box-shadow:0 0 2px #e5e5e5;
	border:solid 1px #e5e5e5;
}