/*****



Yes, this is the RIGHT stylesheet.




*****/



/*****Reset Compressed*****/
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,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,dl,dt, dd, ol, ul, li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size: 100%;font-family:inherit;vertical-align:baseline;} :focus{outline: 0;}  table {border-collapse: collapse;border-spacing:0;} caption,th,td{text-align:left;font-weight:normal;} blockquote:before,blockquote:after,q:before,q:after{content:"";}blockquote,q{quotes: "" "";}


@font-face {
    font-family: 'huc';
    src: url('fonts/huc.eot');
    src: url('fonts/huc.eot') format('embedded-opentype'),
         url('fonts/huc.woff') format('woff'),
         url('fonts/huc.ttf') format('truetype'),
         url('fonts/huc.svg#huc') format('svg');
}


body	{ background: #dcdcdc url(http://losinaartcenter.com/images/bg.png); font-family: Tahoma, sans-serif ; font-size: 11px ; color: #666 ; line-height:1 }

ol,ul { 
	margin: 20px;
	font: 15px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-style: inherit;
	font-weight: inherit;
	line-height: 1.625;
 } 

ul li { 
	max-width: 600px;
	margin-bottom: 0.75em;
}

#master	{ margin: 0 auto ; width: 990px ; padding: 30px 0px 50px 0px }
#wrapper { width: 990px ; background: white ; float: left ; text-align: left }
#fixed { width: 960px ; background: white ; margin: 0px auto }
.lefty	{ float: left } 
.righty	{ float: right }
.hor    { float: left ; clear: both ; width: 960px }


p	{ line-height: 150% }

.homepage_col	{ width: 230px }

.hometext { font-size: 15px ; line-height: 23px ; margin: 15px 0; color: #555}

a:link,
a:active,
a:visited { text-decoration: underline ; color: #333 }
a:hover		{ color: black }

a:link.highlight,
a:active.highlight,
a:visited.highlight { background: #f5f81f }

h1, h2, h3, h4, h5 { font-family: 'huc', impact, 'arial narrow', sans-serif ; text-transform: uppercase ; font-weight: normal ; visibility: visible !important }

h1 {  font-size: 45px ; color: #999 }
h2 {  font-size: 32px ; color: #bbb }
h3 {  font-size: 20px ; color: #777 }
h4 {  font-size: 17px ; color: #999 }

div.index_title h1 { color: black ; font-size: 70px }

table.links	{ width: 250px }

.links td	{ height: 25px }

.large_title	{ margin-bottom: 15px }

.small_title	{ margin-bottom: 15px }

table.main td {width: 33% ; vertical-align: top}

div.menu  { margin: 0px 0px 0px 0px }
div.menu a:link,
div.menu a:active,
div.menu a:visited  { font-family: Tahoma, arial, sans-serif ; color: #333333 ; font-size: 11px ; line-height: 170% ; color: #888 ; text-decoration: none }
div.menu a:hover  { background: #eee ; text-decoration: none }
div.menu h4  { font-size: 22px; margin-bottom: 10px ; cursor: default ; letter-spacing: 0.01em }

div.menu div  { border-left: solid 1px #eee ; padding-left: 5px }

div.menu_news a:link,
div.menu_news a:active,
div.menu_news a:visited  { text-decoration: underline ; color: #fa00a6}
div.menu_news { width: 600px ; padding-top: 6px ; margin-bottom: 32px }

div.column  { float: left ; width: 212px ; margin: 50px 35px 0px 0px ; line-height: 15px; }
div.column h2 { color: black ; line-height: 20px ; font-size: 35px }
div.column hr { width: 212px ; color: #ccc}
div.column h4 { margin-bottom: 19px ; font-size: 21px ; line-height: 22px ;  }

div.footer_menu { width: 990px ; float: left ; padding: 10px 0px ; margin-bottom: 60px }
div.footer_menu h3 { margin-right: 30px ; display: inline ; font-size: 18px ; color: #bbb }

small  { font-size: 70% }

.slash { margin: 0px 3px }

.menutitle h1 { margin-bottom: 15px }
.menutitle h2 { display: inline ; line-height: 26px }
.menutitle img { vertical-align: top ; margin: 2px 4px 0 }
div.menutitle a:link,
div.menutitle a:active,
div.menutitle a:visited,
div.footer_menu a:link,
div.footer_menu a:active,
div.footer_menu a:visited { text-decoration: none ;}

div.menutitle h2:hover { color: #444 !important }

.title h1 { margin-bottom: 50px }
.title    { width: 500px ; clear: right }

hr { color: #eee ; height: 1px ; background-color: #eee ; border: none }

p		{ font-family: Tahoma, Geneva, sans-serif ; color: #666666 ; font-size: 11px ; line-height: 150% }
.homepage_col	{ width: 230px }
table.links	{ width: 250px }
.links td	{ height: 25px }

div.menu .head-phone { float:right ; color: #555 }
div.menu .head-phone,
div.menu .head-phone a { font: bold 16px Arial }

#slider {
	position:relative;
	//See the "style-pack" below for image
	background:url(images/loading.gif) no-repeat 50% 50%; 
  margin: 0px
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a{
	display:block;
}

.nivo-controlNav {
	position:absolute;
	left:47%;
	bottom:-20px;
}
.nivo-controlNav a {
	display:block;
	width:10px;
	height:10px;
	background:url(../images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:-10px 0;
}

.p_news  a:link,
.p_news  a:active,
.p_news  a:visited  { text-decoration: underline ; color: #fa00a6}

.hlink { color: #23C4FF !important }

/* Blog
======================== */
.blog-page { 
	float: left; 
	width: 700px;
}
.blog-page .entry-title {
    color: #ddd !important;
    font-size: 95px !important;
	line-height: 82px;
}

.blog-page .entry-title a {
	text-decoration: none;
}

.entry-content h1 { 
	font-size: 45px;
	line-height: 41px;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
	margin-bottom: 0.3em;
	margin-top: 1em;
}

.blog-page .entry-meta {
    	margin-bottom: 25px;
	color: #999;
	margin-top: 40px;
	opacity: 0.4;
}

.blog-page .entry-meta:hover {
	opacity: 1;
}

.blog-page img {
 padding: 0;
}
.blog-page em {
 font-style: italic; font-family: Georgia,"Bitstream Charter",serif;
}
.blog-page .alignleft {
	float: left; padding: 0 8px 0 0;
}
.blog-page .alignright {
	float: right; padding: 0 0 0 8px;
}
.blog-page p { 
    color: #555555;
    font-size: 15px;
    line-height: 160% !important;
    margin-bottom: 20px;
}
.blog-page .read-more {
	padding-top: 15px;
}

.more-link {
	padding: 5px 8px;
	background-color: rgb(255, 71, 167);
	font-size: 14px;
	margin-top: 10px;
	display: inline-block;
}

.cat-list .one-post { 
	padding-bottom: 20px;
	margin-bottom: 0;
	border-bottom: 1px solid #ddd;
	float: left;
	}


.widget-area { float: left; margin: 68px 0 0 54px; width: 206px; }

.widget-area .widget-title {
    margin-bottom: 10px;
    font-size: 45px !important;
    line-height: 45px !important;
	color: #999;
}

.widget-area ul {
    margin-bottom: 36px;
}



.tagline { height: 120px } 
.tagline h2 { font-size: 90px !important ; margin-top: 50px ; display: block ; color: #ddd }
.tagline h2:hover { color: #ddd }

.pricing table tr { border-bottom: solid 1px #e7e7e7; }
.pricing table td { padding-top: 10px }
.pricing .pricing_title { max-width: 270px !important ; font: bold 16px arial ; color: #999 }
.pricing .price small { font-size: 11px }
.pricing .included h2 { color: #00c7eb }
.pricing .included { padding-right: 20px }
.pricing .price {max-width: 50px }
.pricing td {  vertical-align: top  }
.pricing .desc, 
.pricing .more {  
  line-height: 15px ;
  font-size: 12px ; 
  padding-bottom: 45px ;
  max-width: 300px;
  }
  
.pricing h1,
.pricing h2,
.pricing h3,
.pricing h4 { 
	margin: 0;
}

.pricing h2.bread { display: inline-block }


.pricing .buy { 
background: #0026e6;
padding: 0px 7px;
font: bold 17px Arial;
color: white;
text-decoration: none;
border-radius: 2px;
line-height: 30px;
display: block;
margin-top: 6px;
width: 32px;
}


.pricing .buy:hover { 
	background: #617BFF; 
}


 .pricing .desc { padding-right: 30px }  
  
 .pricing th { padding-bottom: 30px }  

.entry-content p { 
	width: 600px ; 
	margin: 0 0 20px ; 
	font: 15px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-style: inherit;
	font-weight: inherit;
	line-height: 1.625;
}


div.testimonial { width: 420px;
  font: 14px Tahoma;
  margin: 10px 0px 15px;
  color: #222;
  line-height: 169%;
  border: solid 1px #ccc;
  padding: 14px; }

div.test_author { margin-left: 0px ; color: #555555 ; margin-bottom: 40px ; width: 300px ; font: italic 13px arial }

/* .hor p { margin-bottom: 40px } */

hr { width: 910px; color: #eeeeee ; height: 1px ; background-color: #e5e5e5 ; border: none ; margin: 20px 0px 20px }

.galrow p { width: 100%}

.galbio p { float: left ; width: 220px ; margin-right: 23px ; line-height: 18px ; color: #585858 }

.galrow     { margin-bottom: 70px }
.galrow img { margin-bottom: 13px }
.galrow p   { line-height: 14px ; color: #888 }
.galrow .media_size { font-size: 10px ; color: #aaa } 


.dark { height: 626px ; background: url('/images/gallery_gray_bg.jpg') repeat-x ; padding-top: 36px }
.dark p { color: #5a5a5a }
.dark .media_size { color: #171717 } 

div.galtitle  { height: 90px }

.colport p { width: 420px }

/* ART-CLASSES */

.class td { vertical-align: top }
.class td p { line-height: 150% ; font-size: 14px; }
.class td h3 { margin: -5px 0 20px ; font-size: 35px; }

div.class { margin-bottom: 40px }
.icond img { vertical-align: middle ; margin-right: 5px }
.icond { margin-right: 15px }
.icond { font-size: 11px;}

.clear { clear: both }

.classes h1 strong { color: #eee; font-weight: normal ; margin: 0; padding: 0;}
.classes .tagline { width: 100% ; clear: both;}
.classes .arialz { font: bold 35px Arial, Helvetica ; color: #222 ; letter-spacing: -0.05em ; text-transform: none ; width: 100% ; margin: 45px 0 4px;}

.classes p { width: 500px ; line-height: 140% ; font-size: 14px;}

ul.classesfeatures { 
	margin: 25px 0 50px;
	width: 400px;
	float: left;
	list-style-type: none;
	padding: 0;
}

.classesfeatures li { margin: 0 0 55px 0; font-size: 14px ; line-height: 140% ; width: 400px;}
.classesfeatures li h4 { 
	color: #00c7eb; 
	font-size: 33px !important;
	margin: 5px 0 20px;
}

.overexample {

	float: right;
	width: 450px;
	height: 40px;
	background: #feff8f;
	-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
padding: 5px 0;
text-align: center;
}

.overexample h4 {

	font-size: 37px;
}

.classesexamples { 
	float: right;
	width: 450px;
	background: #000;
	height: 500px;
	margin-top: 10px;

}

.classes ul.benefits { margin: 30px 0  }
.classes ul.benefits li { list-style-type: none; width: 400px;
  float: left; margin-left: 0px; 
  margin-right: 30px;} 
.classes ul.benefits li p { width: 360px }
.classes ul.benefits li h4 { font-size: 30px !important; color: #483A51; }

.classes .classpic {
font-size: 13px;
line-height: 18px;
}

.classes .classpic img { margin-bottom: 15px }

.h2testimonials { margin: 40px 0 60px ; float: left;}

.classtestimonials { list-style-type: none ; margin: 0 ; padding: 0 }
.classtestimonials li { float: left;
  width: 215px;
  font-size: 14px;
  line-height: 140%;
  margin-right: 30px;
  margin-bottom: 30px;
  border: solid 1px #ccc;
  padding: 20px;}
.classtestimonials li span { display: block ; font-style: italic; color: #999; margin-top: 8px; font-size: 12px;}

.enroll { background: #333 ; width: 100% ; text-align: center; float: left; clear: both ; padding: 20px 0; margin-top: 55px; -webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;}
.enroll h2 { color: #777; margin: 0 auto; font-size: 55px !important;}
.enroll a:link { color: yellow }


.maite p { width: 360px; font-size: 14px ;}
.maite h3 { font-size: 25px ; color: #222; margin-top: 0px;}
.maite .nm-workshops p { margin-bottom: 5px;}
.maite ul { list-style-type: disc ; }
.maite li { font-size: 14px ; margin-left: 40px ; margin-bottom: 4px; color: #120ab0;}
.about-m p { width: 600px ; font-size: 13px}
.about-m h3 { margin: 10px 0 ;}
.about-m { margin: 50px 0 ; border-top: solid 1px #eee ; border-bottom: solid 1px #eee; padding: 15px 0;}


.contact-table td { padding: 10px 10px 10px 0 ; font-size: 14px ; line-height: 16px;}
.contact-table td b { margin-right: 20px;}
.contact-table td span { font-size: 11px;}


.teachmeth p { width: inherit !important ; padding-right: 50px }
.teachmeth h4 { margin: 20px 0 ; font-size: 2em } 
.teachmeth h3 { margin: 20px 0 }

.learn_in_1_day p { font-size: 145% }
.learn_in_1_day ul { list-style-type: disc ; font-size: 130% }
.learn_in_1_day li { margin: 5px 0 5px 30px ; color: #333 }
.learn_in_1_day h3 { font-size: 250% ; margin: 45px 0 18px }

.learn_in_1_day blockquote {
font-weight: bold;
color: #333;
font-size: 12px;
letter-spacing: -0.02em;
line-height: 26px;
padding: 18px 22px;
margin: 15px 0;
border: solid 1px #f2f2f2;
}

.artPortfolioPage ul {
    list-style-type: none;
    margin-top: 15px;
}

.artPortfolioPage li {
    font: 13px arial, sans;
    color: #212121;
    margin-top: 7px;
}

.artPortfolioPage h2 {
    font-size: 40px;
    color: #414141;
    margin: 50px 0 15px;
}

.artPortfolioPage p {
    font-size: 15px;
    color: #212121;
}

.artPortfolioPage .art_created {
    margin: 80px 0px 20px 0px;
}

.artPortfolioPage img.art_thumb {
    margin: 0px 33px 40px 0px;
    vertical-align: top;
}

.artPortfolioPage img.nomarg {
    margin-right: 0px !important;
}

.clear {
    clear: both;
}

.artPortfolioPage .round {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    background-color: black;
    padding: 30px 0 5px;
    position: relative;
    margin-bottom: 70px;
}

.artPortfolioPage .round p {
    text-align: center;
    color: #929292;
    word-spacing: -0.07em;
	width:500px;
}

.artPortfolioPage .round h3 {
    text-align: center;
    color: #4f4f4f;
    font-size: 26px;
    margin: 15px 0 8px;
}

.artPortfolioPage .round h3 {
    color: #878787;
    font-weight: 100;
}

.artPortfolioPage .righth3 {
    color: #4f4f4f;
    font-size: 28px;
}

.artPortfolioPage q {
font: 16px arial;
color: #757575;
text-align: left;
display: block;
line-height: 22px;
width: 400px;
padding: 15px;
margin: 15px 0px 0;
background: rgb(240, 240, 240);
}

.artPortfolioPage .name {
color: #727272;
text-align: center;
display: block;
width: 400px;
padding-top: 20px;
text-align: right;
font-style: italic;
}

.artPortfolioPage .moreexamples {
margin-top: 21px;
font-size: 15px;
}

.artPortfolioPage .moreexamples a {
background: rgb(255, 255, 134);
padding: 2px 4px 4px;
}


.artPortfolioPage .signup {
    width: 417px;
    height: 296px;
    background: url(/images/art-college-portfolio-sign-up.png) no-repeat;
    margin: 100px 0 0 -5px;
    position: relative;
}

.artPortfolioPage .signup div {
    padding: 30px;
}

.artPortfolioPage .signup h1, .signup h2, .signup h3, .signup h4, .signup h5 {
    margin: 0;
}

.artPortfolioPage .signup div h1 {
    font-size: 48px;
    color: #fe002a;
    text-decoration: underline;
}

.artPortfolioPage .signup div h5 {
    font: 100 12px arial;
    color: #212121;
    text-transform: none;
    margin: 5px 0 25px;
}

.artPortfolioPage .signup div h4 {
    font-size: 24px;
    line-height: 23px;
    color: #6b5e51;
}

.artPortfolioPage .signup div h2 {
    font-size: 48px;
}

.artPortfolioPage .signup div p {
    font-size: 10px;
    line-height: 12px;
    margin-top: 15px;
}

.artPortfolioPage .signup .specialprice {
    position: absolute;
    top: 4px;
    right: 0px;
    margin: 0;
}

.artPortfolioPage .signup .specialprice h2 {
    color: #4e473d;
    font-size: 35px;
    line-height: 25px;
}

.artPortfolioPage .signup .specialprice h3 {
    color: #e4ff00;
    font-size: 25px;
}

.artPortfolioPage .signup .specialprice h1 {
    color: #1d1b19;
    font-size: 45px;
    margin-bottom: 15px;
}

.artPortfolioPage h2.subtitle {
font: 16px/22px arial;
color: #444444;
text-transform: none;
margin: 0px;
}

.artPortfolioPage .star {
    color: #999;
    margin-top: 50px;
    font-size: 11px;
}

.artPortfolioPage .fb {
    float: left;
    position: relative;
    top: 15px;
}

.artPortfolioPage .calltoaction {
text-align: center;
background: rgb(167, 255, 118);
font-size: 35px;
width: 100%;
padding: 40px 0;
margin-top: 40px;
}

.artPortfolioPage .callTop {
width: 300px;
font-size: 20px;
line-height: 25px;
padding: 10px 15px;
background: rgb(165, 255, 165);
border-radius: 2px;
box-shadow: 1px 1px #ccc;
}



/* responsives */

@media all and (min-width: 1250px) {

#wrapper, #master { width: 1200px }

}




@media all and (min-width: 1550px) {

#wrapper, #master { width: 1300px }

}