/*	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%;font:normal 17px 'Simplified Arabic',Arial,sans-serif;
}
.article p,li,blockquote{font:normal 21px/28px 'Simplified Arabic',Arial,sans-serif}

.container{margin:0 auto;width:964px}
.header{margin:0px auto 7px;width:953px;height:135px;position:relative}
.logo{background:url(img2013/logo.png) no-repeat;height:135px;width:267px;display:block;position:absolute;top:0px;right:0}
#slogan{color:#fff;position:absolute;top:100px;right:25px}
.eas{position:absolute;top:55px;left:0px;display:block;background:url(img2013/eas.png) no-repeat;width:260px;height:32px}
.pixsearch{position:absolute;top:90px;left:0px;display:block;}
.searchtext {height:18px  !important;width:279px;border:0;font-size:14px;padding-right:3px}

.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 0px;overflow: hidden;}
#navlist a,#navlist a:link,#navlist a:visited,#navlist a:hover {font-size:16px;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 0 0 20px}

.slideshow1 {margin-bottom:10px;display:block}
.slideshow2 {margin-bottom:0;display:none}

#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 {max-height:232px;padding:5px 5px 5px 5px;}

.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:720px;margin-right:20px;clear:right}

.contactgraphic {float:left;margin:11px 0 0 8px;display:block}
.contactgraphic2 {display:none}
.widgetwidth {max-width:160px;height:auto}
.breadcrumbs{display:block;margin:0 0 15px 0;color:#999}
.breadcrumbs2{display:block;margin:0 20px 15px 0;color:#999}
.article p img{float:left;margin:0 10px 10px 0;max-width:none;display:inline;}
.article p {text-align:justify}

#footer{font-size:13px;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:11px}

.floatright1 {float:right}
.sitemapleft {float: right; width: 50%; text-align: left; }
.sitemapright {float: left; width: 50%; text-align: left;}
.lastoffive {display:none}
.packremove {display:inline}

/*		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{background:url(img2013/logo.png) no-repeat;height:135px;width:267px;display:block;position:absolute;top:-8px;right:15px}
#slogan{color:#fff;position:absolute;top:92px;right:30px}
.eas{position:absolute;top:40px;left:20px;display:block;background:url(img2013/eas.png) no-repeat;width:260px;height:32px}
.pixsearch{position:absolute;top:80px;left:24px;display:block;}
.searchtext {height:18px  !important;width:190px;border:0;font-size:14px;padding-right:3px}

.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;}

.slideshow1 {margin-bottom:0;display:none}
.slideshow2 {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}

#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;}
.lastoffive {display:inline}
.widgetwidth {max-width:140px;height:auto;padding-right:20px}
.packremove {display:none}
}



/*		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 {font:normal 15px 'Simplified Arabic',Arial,sans-serif;
	}
.article p,li,blockquote{font:normal 18px/24px 'Simplified Arabic',Arial,sans-serif}

.container{margin:0 0;width:320px}
.header{margin:0px auto 2px;width:300px;height:116px;position:relative}
.logo{background:url(img2013/logo2.png) no-repeat;height:66px;width:267px;display:block;position:absolute;top:10px;right:10px}
#slogan{color:#fff;position:absolute;top:77px;right:25px}
.eas{display:none}
.pixsearch{position:relative;top:116px;left:0px;display:block;}
.searchtext {height:18px  !important;width:248px;border:0;font-size:14px;padding-right:3px}

.wrapper{margin-top:40px}
.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 a,#navlist a:link,#navlist a:visited,#navlist a:hover {font-size:18px;line-height:26px;font-weight:normal}
#navlist li{display: block;height:34px;padding:0 0 0 20px;}

.slideshow1 {margin-bottom:0;display:none}
.slideshow2 {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 {max-height:none;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}

#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}

.contactgraphic {display:none}
.contactgraphic2 {display:block;margin-top:10px}

.widgetwidth {max-width:160px;height:auto}
.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}

.floatright1 {float:none}
.sitemapleft {float: right; width: 100%; }
.sitemapright {float: right; width: 100%; }
.lastoffive {display:inline}

}



/*		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{background:url(img2013/logo2.png) no-repeat;height:66px;width:267px;display:block;position:absolute;top:10px;right:10px}
#slogan{color:#fff;position:absolute;top:77px;right:25px}
.eas{display:none}
.pixsearch{position:relative;top:116px;left:0px;display:block;}
.searchtext {height:18px  !important;width:248px;border:0;font-size:14px;padding-right:3px}

.wrapper{margin-top:40px}
.gradient{width:480px;padding:12px 0 8px 0;}

.slideshow1 {margin-bottom:0;display:none}
.slideshow2 {margin-bottom:10px;display:block;max-width:460px}

#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 {max-height:none}

.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}

#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:left;margin:0 10px 10px 0;max-width:none;display:inline}

.floatright1 {float:right}

}