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

/* 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; overflow: hidden; background: #fff;}
#header div.first-child, #nav, #content {border-style: solid; border-width: 0.5em;}
#header, div.nav, div.nav ul li, 
#nav, #nav .holder, #nav dl, #nav dl dt, #nav dl dd, #nav 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-bg {height: 16px;} */ 
	input.i-bg, 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: 5.2em; margin: 0 0 0 10em; height: 2em;}
	/*.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: 2.6em; width: 9.8em;}
	.i-send, .i-signup, .i-submit , .i-buynow, .i-download { text-indent: -9999px; border: none; cursor: pointer; background-repeat: no-repeat;} 

/* 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: 3.2em; height: 3.2em; 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: 3em; height: 1.5em; 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;}

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