/*	Less Framework 4
	http://lessframework.com
	by Joni Korpi
	License: http://opensource.org/licenses/mit-license.php	*/





/*		Default Layout: 992px. 
		Gutters: 24px.
		Outer margins: 48px.
		Leftover space for scrollbars @1024px: 32px.
-------------------------------------------------------------------------------
cols    1     2      3      4      5      6      7      8      9      10
px      68    160    252    344    436    528    620    712    804    896    */

body {-webkit-text-size-adjust: 100%;
}
.container{margin:0 auto;width:964px}
.header{margin:0px auto 7px;width:953px;height:110px;position:relative}
.logo{background:url(img2013/logo1c.png) no-repeat;height:71px;width:350px;display:block;position:absolute;top:7px;right:0}
#slogan{color:#fff;position:absolute;top:73px;right:25px;font-size:1.2em}
.eas{position:absolute;top:55px;left:0px;display:block;background:url(img2013/eps.png) no-repeat;width:284px;height:32px}

.wrapper{margin-top:0px}

.gradient{width:952px;margin:5px 6px 0 6px;padding:3px 0 0 0;background: #6492c6 url("img2013/nav2013c.jpg") repeat top}
.gradient{-moz-border-radius-topleft: 5px;-webkit-border-top-left-radius: 5px;border-top-left-radius: 5px;-moz-border-radius-topright: 5px;-webkit-border-top-right-radius: 5px;border-top-right-radius: 5px;}

#navlist {margin:0 4px;overflow: hidden;}
#navlist a,#navlist a:link,#navlist a:visited,#navlist a:hover {font-size:.85em;line-height:54px;font-weight:bold;text-decoration:none;color:#fff;}
#navlist a:hover,#navlist li#current a{color:#000 !important}
#navlist li.item8{background-image:none !important}
#navlist li{display: block;height:62px;float:right;list-style-type: none;padding:0 13px 0 13px;background:url(img2013/nav_spacer2.png) left 9px no-repeat;}

.slideshow {margin-bottom:10px;display:block}

#content{background:url(img2013/bgStrip.png) repeat-y;width:964px;padding-bottom:30px;min-height:300px}
.innerCnt{padding:9px 16px 0 16px}
.ipadhide {display:inline}
.articles-blocks{margin:6px auto;overflow:hidden;width:955px}
.articles-blocks .allmode_topitem {height:auto;padding:5px 5px 7px 5px;min-height:212px}

.featured .allmode_topitem{width:400px}
.featuredimage {width:400px;height:267px}
.featured .allmode_itemsbox{float:right;width:522px;margin-top:-6px}
.article_column{width:290px}

.blog{width:942px;overflow:hidden}
.articlewidth {max-width:670px;margin-right:20px;clear:right}
.facebooklike {margin-bottom:20px;max-width:700px;float:right}
.contactgraphic {float:left;margin:11px 0 0 8px}
.breadcrumbs{display:block;margin:0 0 15px 0;color:#999}
.breadcrumbs2{display:block;margin:0 20px 25px 0;color:#999}
.article p img{float:left;margin:0 12px 12px 0;max-width:auto;display:inline}

#footer{font-size:.8em;color:#312E2E;background:url(img2013/footer.png) center 0 no-repeat;padding:10px 0 10px 0;width:964px;height:55px;text-align:center;margin:0 auto 20px 0;}
.copyright {display:inline;margin-right:50px;font-size:.8em}

/* new for Persian */
.menucolumn {border:1px solid #81B0DC;float:right;margin:0 0 10px 10px;width:250px;line-height:1.7em;padding:20px}
.homepics {float:right;margin-left:20px;}
.picture {width:268px;height:153px}
.menutitle {font-size:2.8em}
.menulink {font-size:1.5em;font-weight:bold;line-height:0.9}
.menulink2 {font-size:1.3em;font-weight:normal}
.threepics {float:left;margin-top:0px;display:inline}
.threepicsblock {float:none;margin-left:0px}
.beautyhmpage {display:inline}
.tabletbox {display:none}
.tabletbox1 {display:none}
.tabletbox2 {display:none}
.menuheader {font-size:2.1em}

/*		Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */

@media only screen and (min-width: 768px) and (max-width: 991px) {
	
	body {
	}
.container{margin:0 0;width:768px}
.header{margin:0px auto 2px;width:768px;height:120px;position:relative}
.logo{right:10px}
.eas{left:10px;}

.gradient{width:768px;margin:12px 0px 0 0px;}
.gradient{-moz-border-radius-topleft: 0px;-webkit-border-top-left-radius: 0px;border-top-left-radius: 0px;-moz-border-radius-topright: 0px;-webkit-border-top-right-radius: 0px;border-top-right-radius: 0px;}
#navlist li{background:url(img2013/nav_spacer2.png) left 8px no-repeat;}

.slideshow {margin-bottom:10px;display:block;max-width:750px}

#content{background:url(img2013/whiteback.jpg) repeat;width:768px;padding-bottom:30px;min-height:300px}
.innerCnt{padding:9px 10px 0 10px}
.ipadhide {display:none}
.articles-blocks{margin:6px auto;overflow:hidden;width:759px}

.featured .allmode_topitem{width:300px}
.featuredimage {width:300px;height:auto}
.featured .allmode_itemsbox{float:right;width:434px}

.blog{width:100%;overflow:hidden}
.articlewidth {max-width:600px;margin-right:20px}
.facebooklike {max-width:600px}

#footer{width:768px;background:url(img2013/tp.gif) center 0 no-repeat;background:#bab9b9;height:auto;margin:0 auto 0px 0;;padding:15px 0 15px 0;}

/* new for Persian */
.menucolumn {width:196px;line-height:1.7em;padding:20px}
.homepics {float:right;margin-left:20px;margin-bottom:20px}
.picture {width:228px;height:auto}
.picture2 {width:192px;height:auto}
.allmode_topitem {height:auto}
.menulink {font-size:1.3em;font-weight:bold}
.menulink2 {font-size:1.3em;font-weight:normal}
.threepics {display:none}
.threepicsblock {float:right;margin-left:10px}
.beautyhmpage {display:none}
.tabletbox {display:inline}
.tabletbox1 {display:none}
.tabletbox2 {display:inline}

}



/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */

@media only screen and (max-width: 767px) {
	
	body {
	}

.container{margin:0 0;width:320px}
.header{margin:0px auto 2px;width:300px;height:116px;position:relative}
.eas{display:none}
.logo{height:61px;width:300px;}
#slogan{right:10px;font-size:1.1em}

.wrapper{margin-top:0px}
.gradient{width:320px;margin:12px 0px 0 0px;padding:10px 0 8px 0;background: #6492c6 url("img2013/nav2013c.jpg") repeat-x top;}
.gradient{-moz-border-radius-topleft: 0px;-webkit-border-top-left-radius: 0px;border-top-left-radius: 0px;-moz-border-radius-topright: 0px;-webkit-border-top-right-radius: 0px;border-top-right-radius: 0px;}
#navlist li{background:url(img2013/nav_spacer5.png) left 8px no-repeat;}
#navlist a,#navlist a:link,#navlist a:visited,#navlist a:hover {font-size:1.1em;line-height:26px;}
#navlist li{display: block;height:34px;}

.slideshow {display:none}

#content{background:url(img2013/whiteback.jpg) repeat;width:100%;padding-bottom:30px;min-height:300px}
.innerCnt{padding:12px 10px 0 10px}
.ipadhide {display:none}
.articles-blocks{margin:6px auto;overflow:hidden;width:310px}
.articles-blocks .allmode_topitem {height:auto;padding:5px 5px 10px 5px;}

.featured .allmode_topitem{width:290px}
.featuredimage {width:290px;height:auto}
.featured .allmode_itemsbox{float:right;width:290px;margin-top:10px}
.article_column{width:285px}

.blog{width:100%;overflow:hidden}
.articlewidth {max-width:320px;margin-right:0px}
.facebooklike {max-width:320px;float:none}

#footer{width:320px;background:url(img2013/footer.png) center 0 repeat;height:auto;padding-bottom:10px;margin-bottom:0px !important}
.copyright {display:block;margin-right:0px;margin-top:10px}

.contactgraphic {float:none;margin:0px 0 0 0px}
.breadcrumbs{display:block;margin:0 0 25px 0;color:#999}
.breadcrumbs2{display:block;margin:10px 0px 25px 0;color:#999}
.article p img{float:none;margin:0 0 10px 0px;max-width:290px;display:block}

/* new for Persian */
.homepics {float:none;margin-left:0px;margin-bottom:10px}
.menutitle {font-size:2.3em}
.menulink {font-size:1.3em;font-weight:bold}
.menulink2 {font-size:1.3em;font-weight:normal}
.beautyhmpage {display:inline}
.tabletbox {display:none}
.tabletbox1 {display:block;margin-bottom:10px}
.tabletbox2 {display:block;margin-top:40px}
.threepics {display:none}
.article h4{font-size:1.1em}
.menuheader {font-size:1.8em}

}



/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */

@media only screen and (min-width: 480px) and (max-width: 767px) {

	body {
	}
	
.container{margin:0 0;width:480px}
.header{margin:0px auto 2px;width:460px;height:116px;position:relative}
.logo{height:71px;width:350px;}
#slogan{right:10px;font-size:1.2em}
.eas{display:none}

.gradient{width:480px;padding:12px 0 8px 0;}

#content{background:url(img2013/whiteback.jpg) repeat;width:480px;padding-bottom:20px;min-height:300px}
.innerCnt{padding:12px 10px 0 10px}
.ipadhide {display:none}
.articles-blocks{margin:6px auto;overflow:hidden;width:470px}
.articles-blocks .allmode_topitem {height:auto}

.featured .allmode_topitem{width:400px}
.featuredimage {width:400px;height:auto}
.featured .allmode_itemsbox{float:right;width:434px;margin-top:10px}
.article_column{width:290px}

.blog{width:100%;overflow:hidden}
.articlewidth {max-width:470px;margin-right:0px}
.facebooklike {max-width:480px;float:none}

#footer{width:480px;background:url(img2013/footer.png) center 0 repeat;height:auto;padding-bottom:10px;margin-bottom:0px !important}
.copyright {display:block;margin-right:0px}

.article p img{float:right;margin:0 0 10px 10px;max-width:450px;display:inline}

/* new for Persian */
.menucolumn {width:400px;line-height:1.7em;padding:20px}
}