/* -----------------------------------------
Title		: Papershark media	
Autor		: Philip Markwick
URL 		: www.papershark.co.uk

Description : CSS Web

Created 	: Dec, 2008
Last Updated : June, 2009

Table of contents
			: body
			  type
			  links
			  layout

------------------------------------------ */
/* 

Welcome to my Cascading Styling 

Here is my 'MySpecialRedStrong' style below this comment. 

*/

.mySpecialRedStrong {
	font-weight: bold;
	color: #F00;
}
/*All the code in this page is kept on your computer while you look at my website. 
After you leave the my site it will all be deleted, so don't worry.

If you didn'f follow the link from the 'FAQ's' page that gives a very basic explanation of CSS these comments might seen a little strange. All the same, thank you for your intrest in this code. 
*/

/*div {
	border: 1px solid Red;
}*/

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: white;
	font-size: small;
	}

* 	html body { 
	font-size: x-small; /* para IE5/WIN */
	f\ont-size: small; /*for other IE versions*/
}
body,td,th {
	font-family:  /*"Comic Sans MS", (only joking!!... i'm saving that for April the 1st)*/  "Arial", "Verdana", "Helvetica", "Trebuchet MS", "sans-serif";
	color: #666;
}
#TitleHolder
{
	position: absolute;
	left: 525px;
	top: 99px;
	visibility: hidden;
	width: 441px;
	height: 50px;
}
#titleImage
{
	position: absolute;
	left: 531px;
	top: 59px;
	width: 490px;
	height: 97px;
}

#wraper {
	width: 920px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
#splashFeature {
	width: 580px;
	position: absolute;
	left: 304px;
	top: 19px;
	z-index: 20;
}
#splashFeature1 {
	width: 620px;
	position: absolute;
	left: 209px;
	top: 17px;
	z-index: 30;
}
#footHolder {
	margin-right: auto;
	margin-left: auto;
	height: 150px;
	width: 900px;
}


#wraper_footer {
	width: 942px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
	padding-left: 30px;
	padding-right: 30px;

}

/*****************************************************/
/* TYPOGRAPHY                              		 */
/***************************************************/

/* H1, H2, H3
----------------------------------------------- */

h1 {
	font-weight: normal;
	font-size: 195%;
	line-height: 140%;
	margin-top: 0px;
	color: #575757;
}

body#reel h1 { 
	color: white;
	font-size: 130%;
}
#main h1 {
	color: #FFFFFF;
	margin: 0;
	margin-bottom: 10px;
}
div.post h1 { 
	margin-top: 0px;
	margin-bottom: 0px;
}
span.category {
	font-style: italic;
}

span.category a {
	font-style: italic;
}

span.category a:hover {
	text-decoration: underline;
}

body#agency #main h1 { 
	color: #ebff7f;
}
#footer h1 { 
	margin-bottom: 10px;
	margin-top: 0px;
	color: #575757;
	font-size: 160%;
}
body#reel #footer h1 { 
	color: #b8b8b8;
}

h2 {
	font-weight: normal;
	font-size: 100%;
	line-height: 100%;
	margin-top: 0px;
	color: #4574CE;
}

h3 {
	font-size: 120%;
	margin-top: 0px;
	color: #666;
	margin-bottom: 5px;
}
div.bios h2 { 
	font-weight: normal;
	font-size: 150%;
	line-height: 130%;
	margin-top: 0px;
	color: #292d34;
	margin-bottom: 0px;
}
span.blog_date { 
	font-weight: normal;
	font-size: 100%;
	line-height: 130%;
	margin: 0px;
	color: #292d34;
	margin-bottom: 10px;
}

/* P, SPAN
----------------------------------------------- */
#main p, #main li {
	line-height: 160%;
	margin: 0;
	color: #FFF;
}
#columna_index_blog p { 
	font-size: 125%;
	line-height: 160%;
}
#blog_calendar p { 
	margin: 0;
	color: #5b5950;
	line-height: 100%;
}
#blog_calendar p#mes { 
	font-size: 80%;
	margin-bottom: -1px;
		font-weight: bold;
}
#blog_calendar p#dia { 
	font-size: 120%;
	font-weight: bold;
}
body#blog p.post_date { 
	color: #42719d;
	margin: 0;
	margin-bottom: -5px;
}
body#hello p.blog_read_more, body#blog p.blog_read_more { 
	font-size: 130%;
	text-align: right;
	color: #42719d;
	margin-bottom: 0;
}
body#blog p.blog_back { 
	font-size: 130%;
	color: #42719d;
	margin-bottom: 0;
}

body#works p.post_date { 
	color: #e65d01;
	margin: 0;
	margin-bottom: -5px;
}
body#works p.blog_read_more { 
	font-size: 130%;
	text-align: right;
	color: #e65d01;
}
body#works p.blog_back { 
	font-size: 130%;
	color: #e65d01;
}

small {
	font-size: 75%;
	font-style:italic;
	color:#CCCCCC;
}
.bodyLink {
	font-size: 1.2em;
	color: #4574CE;
	font-weight: 550;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	padding-left: 20px;
	padding-bottom:
}
#hello #wraper_footer #contenido #columna_index_blog strong img {
	padding-top: 15px;
	padding-bottom: 15px;
	padding-right: 3px;
	padding-left: 3px;
}

.bodyLinkIconFloat {
	font-size: 1.2em;
	color: #4574CE;
	font-weight: 600;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	float: right;
	position: relative;
	top: 40px;
}
#splashHold {
	position: absolute;
	left: 59px;
	top: 172px;
}


/*****************************************************/
/* LINKS                               		 */
/***************************************************/

/* Links colours
---------------------------------------*/
a {
	color: #4574CE;
	text-decoration: none;
}
a:hover {
	color: #305FB6;
}


/* Links agency
---------------------------------------*/
body#agency #contenido_interna p a { 
	color: #738900;
	border-bottom: 1px solid #738900;
}
body#agency #contenido_interna p a:hover{ 
	border-bottom: 1px solid #738900;
}
body#agency #contenido_interna li a { 
	color: #738900;
	text-decoration: none;
}
body#agency #contenido_interna li a:hover { 
	color: #738900;
	text-decoration: none;
	border-bottom: 1px solid #738900;
}

/* Links Works
---------------------------------------*/
body#works #contenido_interna p a, a.naranja { 
	color: #e65d01;
	border-bottom: 1px dotted #e65d01;
}
body#works #contenido_interna p a:hover, a.naranja:hover { 
	border-bottom: 1px solid #e65d01;
}
body#works #columna_interna_2 li a { 
	color: #e65d01;
}

/* Links clients
---------------------------------------*/
body#clients #contenido_interna p a{ 
	color: #e69801;
	border-bottom: 1px dotted #e69801;
}
body#clients #contenido_interna p a:hover { 
	border-bottom: 1px solid #e65d01;
}

/* Links services
---------------------------------------*/
body#clients #contenido_interna p a { 
	color: #981b1b;
	border-bottom: 1px dotted #981b1b;
}
body#clients #contenido_interna p a:hover{ 
	border-bottom: 1px solid #981b1b;
}

#columna_index_blog ul a, #footer a { 
	color: #666;
}
h1 a, h1 a:hover, h2 a, h2 a:hover { 
	color: #292d34;
	text-decoration: none;
}

body#agency #main a { 
	color: #fbff9b;
}
body#works #main a { 
	color: #e65d01;
}
body#clients #main a { 
	color: #fff178;
}
body#services #main a { 
	color: #6c0700;
}
body#blog #main a { 
	color: #78eaff;
}

body#contact #main a { 
	color: #074978;
}
body#agency #main a:hover, body#works #main a:hover, body#clients #main a:hover, body#services #main a:hover, body#blog #main a:hover, body#contact #main a:hover { 
	text-decoration: underline;
}

body#works #columna_interna_2 ul a,
body#blog #columna_interna_2 ul a{ 
	color: #666;
}

/* Links Reel
---------------------------------------*/
body#reel #columna_reel_2 p a{ 
	color: #fff;
/*	border-bottom: 1px dotted #fff;*/
}
body#reel #columna_reel_2 p a:hover { 
	border-bottom: 1px solid #fff;
}

/*****************************************************/
/* LAYOUT    	                            		 */
/***************************************************/

/* Cabecera
----------------------------------------------- */
#cabec 
 {
	width: 900px;
	height: 105px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	z-index: 10;
}
#cabec  ul {
	margin-left: 0px;
	padding-left: 0px;
}
#cabec  ul  li { 
	float: left;
}
#cabec  ul  li  a { 
	padding: 3px 7px 3px 10px;
	display: block;
	text-decoration: none;
	color: #666;
	border-right: 1px solid #fff;
}

#cabec #navigation  ul  a {
	padding: 3px 7px 3px 10px;
	display: block;
	text-decoration: none;
	color: #4574CE;
	border-right: 1px solid #fff;
	font-weight: normal;
	font-size: 1.15em;
}
#cabec #navigation  ul  a:hover {
	padding: 3px 7px 3px 10px;
	display: block;
	text-decoration: none;
	color: #FFF;
	border-right: 1px solid #fff;
	font-weight: normal;
	font-size: 1.15em;
}
#cabec #navigation  li  a {
	padding: 3px 7px 3px 10px;
	display: block;
	text-decoration: none;
	color: #4574CE;
	border-right: 1px solid #fff;
	font-weight: normal;
	font-size: 1.3em;
}
#cabec #navigation  li  a:hover {
	padding: 3px 7px 3px 10px;
	display: block;
	text-decoration: none;
	color: #FFF;
	border-right: 1px solid #fff;
	font-weight: normal;
	font-size: 1.3em;
}

#logo { 
	float: left;
}

/* Main
----------------------------------------------- */

#main {
	clear: both;
	height: 170px;
	margin-bottom: 40px;
	margin-top: 36px;
	background-image: url(../images/wallpaper1.png);
	background-repeat: repeat-x;
	background-position:bottom;
	position: relative;
	z-index: 0;
}
#mainBlack {
	clear: both;
	height: 218px;
	margin-bottom: 35px;
	padding-top: 25px;
	background-image: url(../images/wallpaperBlack.png);
	background-repeat: repeat-x;
	background-position: bottom;
}
#mainBlue {
	clear: both;
	height: 218px;
	margin-bottom: 35px;
	padding-top: 25px;
	background-image: url(../images/wallpaperBlue.png);
	background-repeat: repeat-x;
	background-position: bottom;
}
#mainDarkPurpel {
	clear: both;
	height: 218px;
	margin-bottom: 35px;
	padding-top: 25px;
	background-image: url(../images/wallpaperDarkPurpel.png);
	background-repeat: repeat-x;
	background-position: bottom;
}
#mainDarkBlue {
	clear: both;
	height: 218px;
	margin-bottom: 35px;
	padding-top: 25px;
	background-image: url(../images/wallpaperDarkBlue.png);
	background-repeat: repeat-x;
	background-position: bottom;
}
#mainGreen {
	clear: both;
	height: 218px;
	margin-bottom: 35px;
	padding-top: 25px;
	background-image: url(../images/wallpaperGreen.png);
	background-repeat: repeat-x;
	background-position: bottom;
}
#mainRed {
	clear: both;
	height: 218px;
	margin-bottom: 35px;
	padding-top: 25px;
	background-image: url(../images/wallpaperRed.png);
	background-repeat: repeat-x;
	background-position: bottom;
}
#mainRed {
	clear: both;
	height: 218px;
	margin-bottom: 35px;
	padding-top: 25px;
	background-image: url(../images/wallpaperOrange.png);
	background-repeat: repeat-x;
	background-position: bottom;
}
#mainLander {
	clear: both;
	height: 218px;
	margin-bottom: 35px;
	padding-top: 25px;
	background-repeat: repeat-x;
	background-position: bottom;
}
#featured {
	width: 269px;
	height: 204px;
	position: absolute;
	left: -26px;
	top: -48px;
}
#featured1 {
	width: 200px;
	height: 204px;
	position: absolute;
	left: -22px;
	top: -26px;
}
#featured_text {
	float:left;
	width: 330px;
	padding-right: 2px;
	margin-top: 60px;
	color: white;
	left: -5px;
	padding-left: 20px;
}
#featured_text2 {
	width: 600px;
	color: white;
	position: absolute;
	left: 345px;
	top: 94px;
	z-index: 50;
}
#featured_text ul { 
	margin-left: 0px;
	padding-left: 0px;
	list-style: none;
	margin-top: 10px;
}
#featured_text ul li { 
	float: left;
	margin-right: 30px;
}
#fresh {
	float:left;
	width: 340px;
	padding-left: 20px;
	margin-top: 60px;
}
#fresh ul { 
	margin: 0;
	padding: 0px;
	list-style: none;
}
#fresh ul li a { 
	background: url(file:///C|/wamp/www/gfx/icons_and_bullets/bullet_main_still_fresh.gif) no-repeat 0px 50%;
	padding-left: 20px;
	color: #fff;
}


/* Contents
----------------------------------------------- */

#contenido {
	float: left;
	margin-bottom: 60px;
	line-height: 160%;
	z-index: 8;
}
#contenido2 {
	float: left;
	margin-bottom: 60px;
	line-height: 140%;
	padding-left: 180px;
	width: 680px;
}
#columna_index_blog {
	width: 400px;
	margin-right: 40px;
	float: left;
	z-index: 99;
}
#navCol {
	width: 210px;
	float: left;
	z-index: 9;
	line-height: 120%;
	font-size: 80%;
	padding-top: 48px;
	position: relative;
	padding-left: 25px;
}
#columna_index_blog ul { 
	margin: 0;
	padding: 0;
	list-style: none;
}
#columna_index_blog ul li { 
	background: url(file:///C|/wamp/www/gfx/icons_and_bullets/icon_main_blog_posts.jpg) no-repeat left 50%;
	padding-left: 23px;
	line-height: 200%;
}
#columna_index_1 img, #columna_index_2 img {
	float: right;
	margin-left: 8px;
}
#columna_index_1 { 
	width: 190px;
	margin-right: 62px;
	float: left;
}




/* LI, LIST, lists
----------------------------------------------- */

body#blog #columna_interna_1 ul,
body#agency #columna_interna_1 ul,
body#agency #columna_interna_2 ul { 
	margin: 0;
	padding: 0;
	list-style: none;
}
body#blog #columna_interna_2 ul { 
	margin-top: 0;
	margin-left: 0;
	margin-bottom: 30px;
	padding: 0;
	list-style: none;
}
/* Footer
----------------------------------------------- */

#footer {
	clear: both;
	height: 160px;
	padding-top: 30px;
	line-height: 140%;
	background-color: #e7e7e7;
	background-repeat: repeat-x;
	background-position: top;
	border-top-style: solid;
	border-top-color: #A3A3A3;
	border-right-color: #A3A3A3;
	border-bottom-color: #A3A3A3;
	border-left-color: #A3A3A3;
	border-top-width: 1px;
}
#footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 1em;
}
#footer li {
	float: left;
	font-size: 1em;
	line-height: 1.3em;
	font-weight: 600;
}
#our_offices { 
	padding-left: 70px;
	float: left;
	width: 284px;
}

#our_offices li.abq {
	width: 250px;
	margin-right: 25px;
}
#our_offices li.asu { 
	width: 120px;
}
#contact_us { 
	float: left;
	width: 452px;
	padding-left: 60px;
}
#navHolder
{
	position: absolute;
	left: 325px;
	top: 423px;
	z-index: 99;
}
#spacer1 {
	width: 255px;
}
#spacer1 #splash1Hold img {
	position: relative;
	right: 16px;
}
#columna_index_2 {
	width: 450px;
	float: left;
}
#contentHold1 {
	width: 595px;
	float: left;
	padding-bottom: 40px;
	padding-left: 30px;
	padding-right:35px;
	padding-top: 25px;
	margin-right: 20px;
	position: relative;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #d3d3d3;
}
}#cont2 {
	height: 350px;
}
#textHolder1 {
	position: absolute;
	left: 286px;
	top: 270px;
	width: 650px;
	height: 670px;
	background-image: url(../images/textholder1.png);
	visibility: visible;
	z-index: 9;
}
#textHolder1 #ul {
	font-size: 1em;
}
#splash1HoldREL {
	position: absolute;
	left: 5%;
	top: 193px;
}
.imagePad {
	padding-top: 4px;
	padding-right: 18px;
	padding-bottom: 4px;
	padding-left: 0px;
}

#TitleSpash1 {
	padding-top: 30px;
	padding-right: 40px;
	padding-bottom: 40px;
	padding-left: 65px;
	height: 600px;
}

.style1 {
	font-size: 170%
}
.style2 {
	font-size: 48px;
	color: #000000;
}

.style3 {
	font-size: 18px;
	color: #FFF;
}
#hello #main #wraper #featured_text2 .style3 a {
	color: #FFF;
}
strong {
	font-weight: bold;

}

.style5 {font-size: 100%}
ul {
	list-style-position: outside;
	line-height: 20px;
	font-weight: 600;
	list-style-image: url(../images/4pxClear.png);
}
.blueText {
	color: #4574CE;
}
.ListItems {
	line-height: 20px;
}
#nextBack {
	position: relative;
	left: 490px;
	top: 590px;
	width: 120px;
}
#splatHolder {
	height: 255px;
	width: 595px;
	position: absolute;
	left: 18px;
	top: 600px;
	z-index: 1;
}
#SideNav {
	height: 200px;
	width: 200px;
	position: absolute;
	left: 6%;
	top: 438px;
	z-index: 10;
}
#SideNav2 {
	height: 200px;
	width: 200px;
	position: absolute;
	left: 5%;
	top: 438px;
	z-index: 10;
}
#splashText {
	position: relative;
	width: 203px;
	height: 30px;
	top: -70px;
	left: 20px;
	z-index: 99;
}
#hello #main #wraper #featured_text #wraper img {
	float: left;
	padding-right: 6px;
	padding-bottom: 100px;
}
#hello #main #wraper #fresh h1 img {
	float: left;
	padding-right: 6px;
	padding-bottom: 100px;
}
#adrressRight {
	width: 500px;
	padding-left: 30px;
	padding-top: 5px;
	padding-bottom: 10px;
}

#hello #main #wraper #featured_text #wraper img {
	position: relative;
	left: -15px;
	top: 10px;
}
#hello #main #wraper #fresh h1 img {
	position: relative;
	left: -15px;
	top: 10px;
}
#hello #wraper_footer #textHolder1 #TitleSpash1 p img {
	padding-right: 4px;
	padding-bottom: 4px;
	float: left;
}
#hello #main #wraper #featured #spacer1 #splash1Hold img {
	right: 53px;
}
#hello #wraper_footer #contenido2 ol {
	line-height: 24px;
}
#hello #wraper_footer #textHolder1 #TitleSpash1 p img {
	padding-right: 15px;
}

.underline {
	text-decoration: underline;
}
#logoName {
	height: 86px;
	width: 393px;
	position: absolute;
	left: 493px;
	top: 12px;
}
#emailPhone {
	height: 25px;
	width: 338px;
	position: absolute;
	left: 21px;
	top: 29px;
}
#navigation {
	height: 50px;
	width: 600px;
	position: absolute;
	left: 367px;
	top: 108px;
	z-index: 200;
}
#cabec #navigation #mainNav li .MenuBarSubmenuVisible li a {
	font-size: 1em;
}
#IE6 {
	background-color: #FF9;
	height: auto;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 50px;
	padding-bottom: 20px;
	padding-left: 50px;
}

#cabec #navigation #mainNav li .MenuBarSubmenuVisible li a:hover {
	font-size: 1em;
}
#wraper_footer #contenido #navCol #accordion {
	width: 210px;
}
#wraper_footer #contenido #navCol #accordion2 {
	width: 210px;
	clear: left;
}
a img {
	border-style:none;
}
#hello #wraper_footer #contenido #navCol #navHead img {
	position: absolute;
	left: 11px;
	top: 32px;
}
#hello #wraper_footer #contenido #navCol h1 {
	padding-left: 46px;
	padding-bottom: 8px;
}


.demos-nav dd a {
	color: 4574CE;
}
.sideNavAco {
	padding-left: 8px;
	line-height: 20px;
}
#contentHold1 h1 {
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 65px;
}
#contentHold1 p {
	margin-bottom: 2em;
}




#hello #wraper_footer #contentHold1 h1 img {
	position: absolute;
	top: 5px;
	left: -14px;
}
#navCol #accordion h3 a img {
	clear: both;
	float: right;
}

#hello #wraper_footer #contentHold1 img {
	float: left;
	padding-top: 5px;
	padding-right: 35px;
	padding-left: 0px;
	padding-bottom: 10px;
}
#hello #wraper_footer #contenido #navCol #ContactHead img {
	position: absolute;
	left: -13px;
	top: 18px;
}
#hello #wraper_footer #contenido #navCol #PortfolioHead img {
	position: absolute;
	left: -13px;
	top: 18px;
}
#navCol #ContactHead {
	padding-top: 30px;
	position: relative;
}
#navCol #PortfolioHead {
	padding-top: 30px;
	position: relative;
}
#contentHold1 .ParaBackRight {
	float: right;
	width: 60px;
}
#accordion div .sideNavAco p img {
	  position: absolute;
  		bottom: 10px;
		right:	10px;

}
.QuickContactRed {
	line-height: 1.1em;
	color: #F00;
}
#accordion2 div .sideNavAco p img {
	position: absolute;
  		bottom: 10px;
		right:	10px;
}

.sideNavAco #CallBack #send {
	  position: absolute;
  		bottom: 10px;
		right:	10px;
}
#dialog p img {
	float: left;
	padding-right: 20px;
}
#hello #SubPad {
	height: 40px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D3D3D3;
	margin-bottom: 25px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}
#splashFeature .style3 p {
	font-weight: bold;
}

.center {
	text-align: center;
}

#hello #wraper_footer #contenido #navCol #accordion2 div .sideNavAco #CallBack {
	height: 315px;
}