/*
	Skylined: A responsive HTML5 website template by HTML5Templates.com
	Released for free under the Creative Commons Attribution 3.0 license (html5templates.com/license)
	Visit http://html5templates.com for more great templates or follow us on Twitter @HTML5T
*/

/*********************************************************************************/
/* Desktop (>= 480px)                                                            */
/*********************************************************************************/


html, body,  applet, object, iframe, h1, h2, h3, h4, h5,  blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		border-style: none;
    border-color: inherit;
    border-width: 0;
    margin: 0;
    padding: 0;
font-size: small;
    }
    
    img
        {
            border-radius: 8px;
        }

	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block;
	}

	body {
		line-height: 1;
	}

	ol, ul {
		list-style: none;
	}

	blockquote, q {
		quotes: none;
	}

	blockquote:before, blockquote:after, q:before, q:after {
		content: '';
		content: none;
	}

	table {
		border-collapse: collapse;
		border-spacing: 0;
    font-weight: 700;
}

/*********************/
/* Grid              */
/*********************/

	.\35 grid .\31 2u { width: 100%; } .\35 grid .\31 1u { width: 91.5%; } .\35 grid .\31 0u { width: 83%; } .\35 grid .\39 u { width: 74.5%; } .\35 grid .\38 u { width: 66%; } .\35 grid .\37 u { width: 57.5%; } .\35 grid .\36 u { width: 49%; } .\35 grid .\35 u { width: 40.5%; } .\35 grid .\34 u { width: 32%; } .\35 grid .\33 u { width: 23.5%; } .\35 grid .\32 u { width: 15%; } .\35 grid .\31 u { width: 6.5%; }
	
	.\35 grid .\31 u, .\35 grid .\32 u, .\35 grid .\33 u, .\35 grid .\34 u, .\35 grid .\35 u, .\35 grid .\36 u, .\35 grid .\37 u, .\35 grid .\38 u, .\35 grid .\39 u, .\35 grid .\31 0u, .\35 grid .\31 1u, .\35 grid .\31 2u {
		margin: 1% 0 1% 2%;
		float: left;
	}

	.\35 grid:after {
		content: '';
		display: block;
		clear: both;
		height: 0;
	}

	.do-5grid .do-12u { width: 100%; } .do-5grid .do-11u { width: 91.5%; } .do-5grid .do-10u { width: 83%; } .do-5grid .do-9u { width: 74.5%; } .do-5grid .do-8u { width: 66%; } .do-5grid .do-7u { width: 57.5%; } .do-5grid .do-6u { width: 49%; } .do-5grid .do-5u { width: 40.5%; } .do-5grid .do-4u { width: 32%; } .do-5grid .do-3u { width: 23.5%; } .do-5grid .do-2u { width: 15%; } .do-5grid .do-1u { width: 6.5%; }
	
	.do-5grid .do-1u, .do-5grid .do-2u, .do-5grid .do-3u, .do-5grid .do-4u, .do-5grid .do-5u, .do-5grid .do-6u, .do-5grid .do-7u, .do-5grid .do-8u, .do-5grid .do-9u, .do-5grid .do-10u, .do-5grid .do-11u, .do-5grid .do-12u {
		margin: 0.5% 0 0.5% 1%;
		float: left;
	}

	.do-5grid:after {
		content: '';
		display: block;
		clear: both;
		height: 0;
	}

    .\35 grid-layout {
		width: 95%;
		margin: 0 auto;
	}
	
	.\35 grid-layout1 {
		width: 760px;
		margin: 0 auto;
	}

    .\35 grid-layout {
		width: 100%;
	}


/* Header */
#imgesss img
{
    height:100px;
    width:150px;
    
}


#header-wrapper {
	min-height: 16em;
	
	background: url(images/img03.png) repeat;
}

#header-wrapper1 {
	min-height: 16em;
	margin-bottom: 4em;
	background: url(images/img03.png) repeat;
}

.homepage #header-wrapper {
	min-height: 40.87em
}

#header {
	overflow: hidden;
}
#header1 {
	overflow: hidden;
}

/* Logo */

#logo1 {
	overflow: hidden;
	height: 16.4em;
}

#logo {
	overflow: hidden;
	height: 16.4em;
}

#logo h1 a {
	display: block;
	padding: .5em 0em 0em 0em;
	letter-spacing: -0.06em;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	 : 'Oswald', sans-serif;
	font-size: 4em;
	font-weight: 200;
	color: #FFFFFF;
}

#logo p {
	padding: .0em 0em 0em 0em;
	letter-spacing: -0.03em;
	text-align: center;
	 : 'Abel', sans-serif;
	font-size: 2.00em;
	color: #82EBEE;
}

#logo1 p {
	padding: .0em 0em 0em 0em;
	letter-spacing: -0.03em;
	text-align: center;
	 : 'Abel', sans-serif;
	font-size: 2.00em;
	color: #82EBEE;
}

/* Menu */

#menu {
	overflow: hidden;
	height: 3.5em;
	margin-bottom: 0.25em;
	background: #000000 url(images/img11.jpg) repeat-x;
}

#menu1 {
	overflow: hidden;
	height: 3.5em;
	margin-bottom: 1.25em;
	background: #000000 url(images/img11.jpg) repeat-x;
}

#menu2 {
	overflow: hidden;
	height: 3.5em;
	margin-bottom: 1.25em;
	background: #000000 url(images/img11.jpg) repeat-x;
}

#menu3 {
	overflow: hidden;
	height: 3.5em;
	margin-bottom: 1.25em;
	background: #000000 url(images/img11.jpg) repeat-x;
}

#menu4 {
	overflow: hidden;
	height: 3.5em;
	margin-bottom: 1.25em;
	background: #000000 url(images/img11.jpg) repeat-x;
}

#menu5 {
	overflow: hidden;
	height: 1.5em;
	
	margin-bottom: 0.25em;
	background: #000000 url(images/img11.jpg) repeat-x;
}

#menu6 {
	overflow: hidden;
	height: 3.5em;
	margin-bottom: 1.25em;
	background: #000000 url(images/img11.jpg) repeat-x;
}

#menu7 {
	overflow: hidden;
	height: 3.5em;
	margin-bottom: 1.25em;
	background: #000000 url(images/img11.jpg) repeat-x;
}

#menu20 {
	overflow: hidden;
	height: 3.5em;
	margin-bottom: 1.25em;
	background: #000000 url(images/img11.jpg) repeat-x;
}

#menu30 {
	overflow: hidden;
	height: 3.5em;
	margin-bottom: 1.25em;
	background: #000000 url(images/img11.jpg) repeat-x;
}

#menu ul {
	text-align: center;
}

#menu li {
	display: inline-block;
	padding: 0em 1.5em;
	line-height: 3.5em;
}

#menu a {
	display: block;
	float: left;
	margin-right: 0.12em;
	text-decoration: none;
	text-transform: uppercase;
	 : 'Abel', sans-serif;
	font-size: 1.25em;
	color: #FFFFFF;
}


#menu .current_page_item {
	color: #FFFFFF;
}

#menu .current_page_item a {
	color: #FFFFFF;
}

#menu a:hover 
{
    background-color:white;
        color:#22d4e6;
}

/* Page Wrapper */

#page-wrapper {
	overflow: hidden;
}

/* Banner */

#banner {
	overflow: hidden;
	margin-bottom: 0.25em;
}

#banner .container {
	padding: 0.87em;
	background: #FFFFFF url(images/img02.png) repeat;
}

#banner .container1 {
	background: #FFFFFF url(images/img02.png) repeat;
}

#banner a img {
	display: block;
	width: 100%;
}

/* Content */

#content {
}

.twocolumn2 #content {
}

.onecolumn #content {
}

#content h2 {
	text-transform: uppercase;
	font-size: 3em;
	color: #2A2A2A;
}

#content .subtitle {
	padding: 0em 0em 1.25em 0em;
	text-transform: uppercase;
	 : 'Oswald', sans-serif;
	font-size: 1.31em;
	font-weight: 300;
	color: #FF3002;
}

#content img {
	padding: 0em 0em 1.25em 0em;
}

#content a img {
	display: block;
	width: 100%;
}

#content .post {
	padding: 0em 0em 2.5em 0em;
}

/* Sidebar1 */

#sidebar1 {
}

#sidebar1 h2 {
	padding: 0em 0em 1em 0em;
	text-transform: uppercase;
	font-size: 2em;
	color: #2A2A2A;
}

/* Sidebar2 */

#sidebar2 {
}

.twocolumn2 #sidebar2 {
}

#sidebar2 h2 {
	padding: 0em 0em 1em 0em;
	text-transform: uppercase;
	font-size: 2em;
	color: #2A2A2A;
}

#sidebar2 .sbox1 {
	margin-bottom: 3.12em;
}

#sidebar2 .sbox2 {
	margin-bottom: 3.12em;
}

#sidebar2 .sbox3 {
}

/** Footer Column Content */

#footer-wrapper {
	background: url(images/img04.png) repeat;
}

#footer-content {
	overflow: hidden;
	padding: 3.12em 0em;
	color: #777777;
}

#footer-content h2 {
	padding: 0em 0em 1.5em 0em;
	text-transform: uppercase;
	font-size: 2em;
	color: #3F3F3F;
}

#footer-content #box1 {
}

#footer-content #box2 {
	overflow: hidden;
}

#footer-content #box3 {
}
/* Marketing */

#marketing {
	overflow: hidden;
}

#marketing .divider {
	margin-bottom: 3em;
	padding-bottom: 3em;
	border-bottom: 0.063em solid #D4D6D8;
}

#marketing .title {
	padding-bottom: .75em;
	 : Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	color: #272727;
}

#marketing .subtitle {
	padding-bottom: 1em;
	font-weight: bold;
	color: #464646;
}

/* Featured */
#featured-area {
	overflow: hidden;
	padding-bottom: 3em;
}

#featured-area .divider {
	margin-bottom: 3em;
	padding-bottom: 3em;
	border-bottom: 0.063em solid #D4D6D8;
}

#featured-area .box-style {
	overflow: hidden;
	padding: 2em;
	background: url(images/img07.png) repeat;
}

#featured-area .box-style h3 {
	padding-bottom: 1em;
	 : Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #171717;
}

#featured-area .box-style img {
	float: left;
	margin-right: 1.56em;
}

#featured-area .box-style a img {
	display: block;
	width: 40%;
}

.style100
{
    background: #FFFFFF url(images/img02.png) repeat;
}

#style100
{
    background: #FFFFFF url(images/img02.png) repeat;
}

#menu2{background:#ffffff; width:1000px; height:224px;
}

.lower-book2{ float:right; margin:10px 25px 15px 15px; direction:rtl;}
.lower-book2:hover{background:#E3E3E3; width:1150px;}
.lower-book2 img{float:right; margin-left:10px;}

.lower-book2 a:hover{color:red;}
.lower-book2 h4 span{color:red;}


#menu3{background:#ffffff; width:95%; 
height:56px;

}

.lower-book3{ float:right; margin:10px 15px 15px 15px; direction:rtl;}
.lower-book3:hover{background:#E3E3E3; }
.lower-book3 img{float:right; margin-left:10px;}

.lower-book3 a:hover{color:red;}
.lower-book3 h4 span{color:red;}


.myprfimg
{
    float:left;
    text-align:left;
    width:500px; 
    height:300px;
    padding-left:5px;
    
}

.myprfimg10
{
    float:left;
    text-align:left;
    width:50%;
    height:50%;
    padding-left:5px;
    
}


.fancybox
{
    float:left;
    text-align:left;
    width:50%;
    height:50%;
    padding-left:5px;
    
}

.myprfimg1
{
    font-size:medium;
    text-align:right;
    padding:100px;
    width:500px;
    height:500px;
    font-size:large;
}

.myprfimg2
{
    float:right;
    text-align:center;
    font-size:x-large;
}

#menu500 {
	overflow: hidden;
	height: 1.5em;
	
	margin-top: 0.25em;
	margin-bottom: 0.25em;
	background: #000000 url(images/img11.jpg) repeat-x;
}

@media screen and (min-width: 768px) {
            #footer{padding:20px 0;}
            #footer h4{margin-bottom:5px; padding-bottom:8px; color: #68BCEB;}
            #footer p, #footer ul, #footer a{margin:0px; padding:3px; font-weight:normal; list-style:none; line-height:normal;}
            #footer p, #footer ul, #footer a:hover{color:#68BCEB}
            #footer .footbox{display:block; float:left; width:30%; margin:30px 0 0 0; padding:0;}
            #footer li{margin-bottom:0;}
            #footer .last{margin:0;}
            #newsletter{display:block; float:left; }
            .clear{clear:both;}
            br.clear{clear:both; margin-top:-5px;}
            div.wrapper{display:block; width:100%; margin:0; padding:0; text-align:right;}
        }

@media screen and (max-width: 767px) {
    #footer {
        padding: 20px 0;
    }

        #footer h4 {
            margin-bottom: 5px;
            padding-bottom: 8px;
            color: #68BCEB;
        }

        #footer p, #footer ul, #footer a {
            margin: 0px;
            padding: 3px;
            font-weight: normal;
            list-style: none;
            line-height: normal;
        }

            #footer p, #footer ul, #footer a:hover {
                color: #68BCEB;
            }

        #footer .footbox {
            width: 90%;
            margin: 30px 0 0 0;
            padding: 0;
        }

        #footer li {
            margin-bottom: 0;
        }

        #footer .last {
            margin: 0;
        }

    #newsletter {
        display: block;
        float: left;
    }

    .clear {
        clear: both;
    }

    br.clear {
        clear: both;
        margin-top: -5px;
    }

    div.wrapper {
        display: block;
        width: 100%;
        margin: 0;
        padding: 0;
        text-align: right;
    }
}

.rows
{
	background-color: #fff;
	 : Arial;
	font-size: 14px;
	color: #000;
	min-height: 25px;
	text-align: right;
}

.rows1
{
	background-color: #fff;
	font-size: 14px;
	color: #000;
	min-height: 25px;
	text-align: left;
}

.rows:hover
{
	background-color: #5badff;
	color: #fff;
}

.mydatagrid a /** FOR THE PAGING ICONS  **/
{
	background-color: Transparent;
	padding: 5px 5px 5px 5px;
	color: Black;
	font-weight: bold;
	text-align: center;	
}

.mydatagrid a:hover /** FOR THE PAGING ICONS  HOVER STYLES**/
{
	background-color: #000;
	color: #fff;
}
.mydatagrid span /** FOR THE PAGING ICONS CURRENT PAGE INDICATOR **/
{
	background-color: #fff;
	color: #000;
	padding: 5px 5px 5px 5px;
}
.pager
{
	background-color: #5badff;
	 : Arial;
	color: White;
	height: 30px;
	text-align: right;
}

.pager20
{
	background-color: #5badff;
	 : Arial;
	color: White;
	height: 30px;
	text-align: right;
}

.mydatagrid td
{
	padding: 5px;
}
.mydatagrid th
{
	padding: 5px;
}

.header
{
	background-color: #000;
	color: White;
	height: 25px;
	text-align: right;
	font-size: 16px;
}