@import url(modular/reset.css);
@import url(modular/layout.css);
@import url(header.css);
@import url(footer.css);
@import url(commons.css);

ul#nav, ul#nav li, ul#nav li ul, ul#nav li ul li {
z-index: 99 !important;
}
div.aside * {
z-index: 1; 
position: relative;
}
/* GLOBALS */
body {font-size: 62.5%; font-family: Arial; color: #000; background: #fff url(../img/body_bg.png) repeat-x 0 0;}
#wrapper {margin: 0 auto; width: /*80%*/ /*100em*/ 1000px; overflow: hidden; background: #fff;}
#header div.first-child, #nav, #nav1, #content {border-style: solid; border-width: 0.5em;}
#header, div.nav, div.nav ul li, 
#nav, #nav1, #nav1 .holder, #nav1 dl, #nav1 dl dt, #nav1 dl dd, #nav1 dl dd ul, 
#content, #content .content, #content .aside,
#footer div.copy {float: left;}
div.nav {width: 100%;}

/* COLORS */
.blue {color: #0d589a;}
.black {color: #000 !important;}
.red, em {color: #cc0707; font-family: Georgia;}
.grey {color: #969092;}
.grey2 {color: #666;}
.white {color: #fff;}

/* LINKS */
a {outline: none; color: #1b7bcf;}
a:hover {text-decoration: underline;}
#header a, #footer div.nav a {text-decoration: none; display: block; color: #fff;}
#content a:hover,
#content a:focus {color: #cc0707;}
a.external {font-family: Arial; color: #0d589a; text-decoration: none; background: url(../img/icons/external.gif) right no-repeat; padding-right: 1.8em;}
a.external:hover,
a.external:focus {text-decoration: underline; background: url(../img/icons/external-hover.gif) right no-repeat;}	

/* FORMS */
	em.required {font-size:0.8em; font-weight:normal; margin-left:0.3em; vertical-align:top;}
	dl.form.float-l dt, dl.form.float-l dd,
	ul.form.float-l li {float: left;}
	p.action {display: inline-block;}
	/* Inputs */
	input, textarea, select {border: 1px solid #bcbcbc; font-size: 1.1em;}
	input.i-bg, textarea, select.s-bg, input.no-bg{font-size: 1.2em; padding: 0.2em 0 0.2em 0.6em;}
	input.i-bg1  {font-size: 1.2em; padding: 0.4em 0 0.4em 0.6em;}
	input.i-bg2 {font-size: 1.2em; padding: 0.2em 0.6em 0.2em 0.6em;}
	/*input.i-bg {height: 16px;} */ 
	input.i-bg, input.i-bg2, select.s-bg {background: url(../img/i-bg.png) top repeat-x; margin-bottom: 0.2em;}
	textarea.t-bg {background: #ebebeb url(../img/t-bg.png) top repeat-x;}
	select {background: #fff;}
	input.radio {border: none !important;}
	label {font-weight: bold; font-size: 1.2em;}
	input.i-bg1 {border: 1px solid #c0bcb1; background: url(../img/i-bg1.png) bottom repeat-x;}
	.i-submit {background: url(../img/i-submit.png); width: 57px; margin: 0 0 0 100px; height: 22px;}
	/*.i-send {background: url(../img/i-send.png);height: 2.2em; width: 5.2em;}*/
	.i-signup {background: url(../img/i-signup.png); height: 2.2em; width: 5.2em;} 
	.i-buynow {background: url(../img/i-buynow.gif); height: 2.6em; width: 10.7em;}
	.i-download {background: url(../img/i-download.png); height: 22px; width: 98px;}
	.i-send, .i-signup, .i-submit , .i-buynow, .i-download { text-indent: -9999px; border: none; cursor: pointer; background-repeat: no-repeat;} 
	.addcart {border:none; background: url(../img/addcart-up.png); height: 35px; width: 120px;cursor: pointer;} 
	.addcart:hover {background: url(../img/addcart-over.png); height: 35px; width: 120px;cursor: pointer;} 

/* ICONS */
a.youtube {background: url(../img/icons/youtube.png);}
a.facebook {background: url(../img/icons/facebook.png);}
a.twitter {background: url(../img/icons/twitter.png);}
a.sphinn {background: url(../img/icons/sphinn.png);}
a.buzz {background: url(../img/icons/buzz.png);}
a.linkedin {background: url(../img/icons/linkedin.png); margin-left: 0;}
a.youtube, a.facebook, a.twitter, a.sphinn, a.buzz, a.linkedin {display: inline-block; width: 32px; height: 32px; background-repeat: no-repeat;}
li.email {background: url(../img/icons/email.png); padding:0.5em 0 0 2.7em; margin-left:2.4em;}
li.phone {background: url(../img/phone.png); width: 151px; height: 65px;}
.arrow.style1 {background: url(../img/icons/arrow1.gif) 100% 60%; padding-right: 1em; color: #000; font-size: 1.1em;}
.arrow.style1:hover {text-decoration: none;}
.arrow.style2 {background: url(../img/icons/arrow2.gif) 0 50%; text-indent: -9999px; display: inline-block; width: 0.5em; height: 1.1em; margin-left: 0.3em;}
.checked {float: right; margin: 0.5em 0.5em 0 0; background: url(../img/icons/checked.png) no-repeat; display: inline-block; width: 3.4em; height: 3.3em; text-indent: -9999px;}
.ryp {background: url(../img/logo-small.png); width: 48px; height: 23px; display: inline-block;}
.mp3 {background: url(../img/icons/mp3.png) left; display: inline-block; padding:0 2.2em 0 0; height:1.2em;}
.mp3:hover, .mp3:focus {background: url(../img/icons/mp3-hover.png) left;}
.send-email {background:  url(../img/icons/email-send.png) left; display: inline-block; padding: 0.2em 0 0 2.2em; font-size: 0.9em;}
.copy {background: url(../img/icons/copy.png); }
.pdf {background: url(../img/icons/pdf.png); padding: 0 0 0 1.5em;}
.warning {background: url(../img/icons/warning.png) 0 0; padding-left: 2.8em !important; display: inline-block;}
.why {background: url(../img/icons/question.png) right; padding-right: 2.8em !important; display: inline-block;}
h2.arrow {background: url(../img/icons/arrow-blue.png) 0 70% no-repeat; padding-left: 1.5em;}
li.email, li.phone, .arrow, .icon, .pdf {background-repeat: no-repeat !important;}
li.phone, .ryp {text-indent: -9999px;}
img.ganalytics {border: 1px solid #EAEAEA; width:100px!important; padding: 0.1em; margin-top:10px!important;}

/* IMAGES */
img.border {border: 1px solid #EAEAEA; padding: 0.1em; width: 90%;}


/* BORDER */
.topborder {border-top: 1px dotted #CCC;}


/* REQUEST A QUOTE FORM */

div#newquote { 
margin-top: 15px;
overflow: hidden;
}
div#newquote .imghead {
margin-bottom: 0px;
}
div#newquote form {
border: 1px solid #dfdfdf;
background: #fff6e0;
overflow: hidden;
margin-top: -2px;
width: 272px;
padding: 15px 10px 10px 10px;
}
div#newquote form label {
font-family: Arial;
font-size: 12px;
font-weight: bold;
display: block;
color: #7d7971;
margin-bottom: 5px;
width: 262px;
}
div#newquote form .new-i {
border: 1px solid #b8c1c8;
background: #fff;
padding: 3px;
margin-bottom: 10px;
width: 262px;
}
div#newquote form textarea {
border: 1px solid #b8c1c8;
background: #fff;
padding: 3px;
margin-bottom: 10px;
width: 262px;
}
div#newquote form .newsubmit {
width: 106px;
height: 47px;
background: url('../img/requestsubmit.gif') top left no-repeat;
overflow: hidden;
display: block;
border: none;
text-indent: 9999px;
margin: 0 auto;
font-size: 0;
line-height: 0;
}
div#newquote form .newsubmit:hover {
cursor: pointer;
}
div#newquote li.textfieldRequiredState p.error {
margin-top: -5px;
display: block;
margin-bottom: 10px;
}
div#newquote li.textareaRequiredState p.error {
margin-top: -5px;
display: block;
margin-bottom: 10px;
}
div#newquote li.textfieldRequiredState p.textfieldInvalidFormatMsg { display: none !important; }


/* PORTFOLIO ROTATOR */

div.rotator-frame {
display: block;
overflow: hidden;
background: url('../img/results_achieved.gif') top left no-repeat;
padding: 41px 13px 10px 8px;
margin-top: 20px;
}
div#rotator {
border-left: 1px solid #eae9e9;
border-bottom: 1px solid #eae9e9;
border-right: 1px solid #eae9e9;
padding: 5px 10px 10px 12px;
}
div#rotator h4{
font-family: georgia, arial;
font-size: 12px;
font-weight: bold;
color: #313131;
margin-top: 5px;
margin-bottom: 4px;
}
div#rotator p {
font-family: georgia, arial;
font-size: 12px;
font-weight: normal;
color: #313131;
margin-bottom: 5px;
}
div#rotator p a {
display: block;
text-align: right;
text-decoration: none;
}
div.rotator p a:hover { text-decoration: underline; }

div#content h1.title { width: 64% !important; }
div#content div.aside { margin-top: -55px !important; }

div#quote { margin-bottom: 15px !important; }


body div#content  h1.title { font-family: arial;  text-transform: capitalize !important; background: #fff;}
body div#content   h1.title { background: #fff; margin-left: 20px; margin-top: 25px;  padding: 0px 20px 10px 0px; font-size: 24px; font-family: Arial; font-weight: bold; }
 h2.important { font-family: Arial; font-weight: normal; font-size: 22px; color: #ccc; line-height: 140%; margin-bottom: 10px; }

#content div.content p { color: #4c4c4c; font-family: Arial;, font-weight: normal; font-size: 14px; line-height: 160%; margin-bottom: 15px; padding-bottom: 0px; padding-top: 0px;}
#content div.content h2 { padding-bottom: 0px; padding-top: 15px;margin-bottom: 0px; color: #114f84; font-size: 16px; margin-bottom: 15px; font-weight: bold; font-family: Arial; }
#content.video-marketer div.content p {font-size: inherit}


#content div.content ul.dots { margin-left: 5px; margin-bottom: 15px; }
#content div.content ul.dots li { background: url('http://rypmarketing.com/img/check.png') top left no-repeat; padding-left: 35px; margin-bottom: 10px; font-size: 14px; font-family: arial; color: #4c4c4c; }
#content div.content ul.dots li em { font-size: 14px; font-family: arial; }

#content div.content form ul { margin-left: 0px; }
#content div.content h2.arrow { padding-left: 35px; }
#content div.content li strong { font-weight: bold; color: #cc0707; }
#content div.content form li { background: none; padding-left: 0px; margin-bottom: 0px;  }
#content div.content ul.team li { background: none; padding-left: 20px; margin-bottom: 0px;  }
#content div.content ul.portfolio { margin-bottom: 20px;  }
#content div.content ul.portfolio li h2 a { font-size: 16px; }
#content div.content ul.portfolio li h2 { font-size: 16px; }
#content div.content ul.portfolio li p { line-height: 140%; font-size: 12px; }
#content div.content ul.portfolio li{ line-height: 140%; height: 29em; }

input[type=submit].captcha-submit {margin-top: 10px;padding: 10px;font-size: 150%;font-weight: bold;background-color: #444;color: white;border: 2px solid black;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;-khtml-border-radius: 3px;}

/*New Google Analytics Offer Page 09/11*/
div.specialoffer {width: 92%; height:100%; background-color: #e2e2e2; border: solid #d8d8d8 1px; padding: 10px 15px;margin-bottom:15px; border-radius: 8px;-moz-border-radius: 8px;-webkit-border-radius: 8px;-khtml-border-radius: 8px;}
hr.specialoffer {margin-bottom:5px; margin-top:-10px;}
div.specialoffer-left {clear: both; float: left; width: 97%; background-color:#f4f4f4; padding:0 1em 1em 1em; border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px; margin-top:15px;}
div#specialoffer-right {float: left; width: 175px; margin-left:24px; padding:5px;}
div#rightcolumn {padding: 10px; background-color:#F00}
.experience {font-size: 1.2em; padding:0 0 .5em 0; list-style: disc;}
.listpadding {padding-left:5px;}
/* About Our Google Analytics Consultant Section - Two columns (adapted from the Team Page) */
ul.team li.first-column {width: 45%; height:355px; padding: 0 0 0 0; clear: left; background: none; font-size: 1.2em;}
ul.team li.first-column dt{font-size:15px;}
ul.team li.first-column dd{font-size:13px; margin-top:8px; line-height:150%}
ul.team li.column {width: 45%; height:355px; border-left: 1px dotted #ccc; padding: 0 2% 0 0;}
ul.team li.column dt{font-size:15px;}
ul.team li.column dd{font-size:13px; margin-top:8px; line-height:150%}
#center-caption {margin: 0 50px 10px;}
#analytics-qualified {margin: 0 0 10px 10px; height:105px; width:105px;}

/* Newsletter Signup Form*/
#newsletter-signup {
width:95%;
padding:25px;
background-color:#f3f3f3;
}

#newsletter-signup li {
	margin: 5px 0;
	font-size:100%;
}
.signup-btn { 
	border: none; 
	cursor: pointer; 
	background-image: url(../img/sign-up.png);
	background-repeat: no-repeat;
	width:100px;
	height:30px;
	text-indent:-9999px;
} 
#newsletter-img {
	float:right;
	background:url(../img/newsletter.png);
	width:265px;
	height:309px;
	border:none;
	margin:24px 22px 0 0;
}