/*

Theme Name: Resources Wizard Theme 2011

Description: Custom Wordpress Theme

Author: Tinyfrog Technologies

*/

@font-face {
    font-family: 'NarkisimRegular';
    src: url('nrkis-webfont.eot');
    src: url('nrkis-webfont.eot?#iefix') format('embedded-opentype'),
         url('nrkis-webfont.woff') format('woff'),
         url('nrkis-webfont.ttf') format('truetype'),
         url('nrkis-webfont.svg#NarkisimRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


html, body {font-family: Georgia,normal,Sans-Serif; height: 100%; }

body { background:url(images/background-bg.jpg) repeat-x top fixed; font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#fff; margin:0px 0px 0px 0px; padding:0; background-color:#EEA45C; }

.background {width:1165px; margin:0px auto 0px auto; padding:0px 0px 1px 0px;}

.moon {
    	height: 355px;
    	margin: 0 0 0 0px;
    	padding: 0 0 1px;
    	position: fixed;
    	width:950px;
	z-index:-9999;
	}


/*---- Header ----*/

#main {background:none; width:938px; margin:0px auto; height: auto !important; min-height: 100%;}

#header {width:938px; height:178px; margin:0px auto 0px auto; padding:0px 0px 0px 0px;}

#logo {width:484px; height:102px; margin-bottom:0px; float:left; padding:10px 0px 0px 10px;}

#header-right-side { width:310px; height:138px; float:right; margin:0px auto 0px auto;}

#phone-no { width:300px;  text-align: right; float:right; margin:10px auto -65px auto; color:#fff; font-weight:bold; font-size:22px; font-family:'NarkisimRegular' !important;}

#header-image { float: right; height: 100px; margin: 40px 25px 0px 0px; text-align: right; width: 142px;}

#social { float: right; height: 34px; margin:-35px 0 0; text-align: right; width: 44px;}

#header-text { width:690px; float:left; margin:-30px 0 0 80px; color:#ea913b; font-weight:bold; font-size:19px; font-family: 'Pompiere', cursive !important;}

/*---- Header ----*/



/*---- Content Area----*/

#wrapper-front {width:938px; margin:0px auto 0px auto; padding:0px 0px 0px 0px;}

#wrapper-top {background:; height:15px;  width:938px; margin:20px auto 0px auto; padding:0px 0px 0px 0px;}

#wrapper {background:#481B72;  width:918px; margin:0px auto 0px auto; padding:5px 10px 5px 10px;}

#wrapper-bottom {background:url(images/wrapper-bottom.png) no-repeat top center; height:15px;  width:938px; margin:0px auto 20px auto; padding:0px 0px 0px 0px;}

#content {width:918px; overflow:hidden; float:left; margin:auto; padding:0;}

#textarea {width:918px; margin:0px auto auto auto; padding:0;}

/*---- Content Area----*/

#slider-area {width:938px; height:393px; margin:0px auto 0px auto;  padding-top:0px;}

#box-background { width:938px; height:145px; margin:0px auto; background:none; }

#box {width:220px; height:112px; float:left; margin:12px 20px 12px 0px; }

img {border:none;}


/*---- Blog Content Area----*/

#blog-content {width:650px; float:left; margin:0px auto; padding:0px 0px 20px 0px;}

#textarea-blog {width:650px; padding:0 0 0 0px;}

div.entry { margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #fff; }

div.entry p.small-text { font-size:11px;color:#fff; }

div.entry p.descr { padding-bottom:.6em;margin:0;line-height:1.4em; }

#date {font-size:12px; color:#fff;}

/*---- Blog Content Area----*/



/*---- Sidebar ----*/

#sidebar {width:225px; float:right; margin:20px 0px 0px 0px;}

#side-items {width:225px; background:none; padding-bottom:10px; margin:0px 0px 10px 0px; }

#side-items a {color:#fff;}

.title {font-size:24px; color:#284796; margin:0px 0 10px 0px; height:34px; line-height:32px; text-align:center; width:225px; padding:0; background:#EEA45C; font-family: 'Pompiere', cursive; font-weight:bold; }

#side-items h1 {font-size:26px; color:#fff; margin:5px 0 15px; padding:0;}

#side-items h2 {font-size:22px; color:#fff; margin:10px 0; padding:0;}

#side-items ul {font-size:14px; color:#fff; margin:0 0 0 25px; padding:0;}

#side-items p {font-size:14px; color:#fff; margin:10px 0 0px 5px; padding:0 5px 0 0;}

#side-bottom {background:#8EAB40; height:5px; width:226px;}

/*---- Sidebar ----*/



/*---- Footer ----*/

#footer { background:#140d31; width:100%; color:#fff; height:50px; margin:0px auto; text-align:center; padding:10px 0px 0px 0px; }

#footer p {font-size:16px; margin:8px 0 3px; padding:0; text-align:center; color:#fff; font-family: 'Pompiere', cursive; font-weight:normal;}

#footer .title {color:#839EBB; font-size:18px; border:none; margin:4px 0px 4px 0px; padding:0px;}

/*---- Footer ----*/



/*---- Footer Nav ----*/

#botnav {width:110px; margin-left:30px; padding:0; text-align:left; float:left;}

#botnav ul {text-align:left; list-style:none; margin:0; padding:0px 0 0;}

#botnav li {font-size:14px; color:#fff; margin:0 0 3px 0; background:url(images/botnav-bullet.png) left center no-repeat; padding:0px 0px 0 14px;}

#botnav li a {color:#fff; text-decoration:none;}

/*---- Footer Nav ----*/
#search {
    background: url("images/search-bg.png") no-repeat scroll 0 0 transparent;
    height: 28px;
    margin-top: 21px;
    padding: 0px 0 0 40px;
    width: 259px;
	float:right;
}
.searcharea {
    background: url("images/search.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    color: #828181;
    float: left;
    font-size: 11px;
    font-weight: bold;
    height: 28px;
    margin-left: 31px;
    padding: 0 5px;
    text-align: left;
    width: 178px;
}


/*---- Miscellenous ----*/

h1 {color:#EEA45C; font-size:34px; margin:10px 0 0; font-weight:normal; padding:0; text-transform:capitalize;}

h1 a {color:#EEA45C; font-size:34px; text-decoration:none;}

h2 {color:#EEA45C; font-size:24px; margin:5px 0; padding:0;}

h3 {color:#EEA45C; font-size:20px; margin:5px 0; padding:0;}

p, li {color:#fff; font-size:14px;}

ul {color:#fff; font-size:14px;}

#about-us {width:220px; float:left; margin-left:45px;}

#contact-us {width:220px; float:left; margin-left:45px;}

#social-media {width:210px; float:left; margin-left:80px;}

.clear {clear:both;}

.wppa-nav-text a {text-decoration:none; color:#182F3F;}

a {text-decoration:none; color:#EEA45C;}

a:hover {text-decoration:none; color:#284796;}

.navigation {width:100%; margin:auto auto 10px;}

.align-left {width:49%; float:left;}

.align-right {width:49%; float:right; text-align:right;}

.alignleft {float:left;}

.alignright {float:right;}

#fb {margin-top:10px;}

#tw {margin-top:10px;}

#yt {margin-top:10px;}

#rss {margin-top:10px;}

#copyright {margin-top:40px;}

.post_thumbnail {border:1px solid #000; margin:0px 10px 0px 0px;}

.photosmash_gallery h2 {display:none;}

.wp-slider-buttons {display:none;}

.wp-slider-content {display:none;}

/*---- Miscellenous ----*/



/*---- Menu ----*/

/*** ESSENTIAL STYLES FOR MENU***/

#menu {width:938px; height:40px; background:#eea45c; margin:0px auto 0px auto; padding:0px 0px 0px 0px; 
position:relative; top:0px; z-index:40; font-weight:normal;  }

.sf-menu, .sf-menu * { margin:0; padding:0; list-style:none; text-transform: capitalize; font-family:'NarkisimRegular' !important; font-size:20px; }

.sf-menu { height:40px; margin:0px 40px;  }

.sf-menu ul { position:absolute; top:-999em; width:186px;}

.sf-menu ul li { width:100%; }

.sf-menu li:hover { visibility:inherit; }

.sf-menu li { float:left; position:relative; }

.sf-menu a { display:block; position:relative; }

.sf-menu li:hover ul,

.sf-menu li.sfHover ul { left:0; top:40px; /* match top ul list item height */ z-index:2000;}

ul.sf-menu li:hover li ul,

ul.sf-menu li.sfHover li ul { top:-999em; }

ul.sf-menu li li:hover ul,

ul.sf-menu li li.sfHover ul {left:10.9em; /* match ul width */ top:0; }

ul.sf-menu li li:hover li ul,

ul.sf-menu li li.sfHover li ul { top:-999em; }

ul.sf-menu li li li:hover ul,

ul.sf-menu li li li.sfHover ul { left:10em; /* match ul width */ top:0;

}



/*** SKIN FOR MENU ***/

.sf-menu li {line-height:40px; font-size:10px; margin:0px 0px; color:#000;  background-repeat:no-repeat; background-position:top left; }

.sf-menu li:first-child {border:none;}

.sf-menu li a { margin:0px 0px 0px 1px; color:#000; text-decoration:none; padding:0px 22px; font-weight:normal;}

.sf-menu li a:hover { margin:0px 0px 0px 1px; color:#294797; font-weight:normal;}

.sf-menu li li li { background:#9AAEDB; }

.sf-menu li li {background:none;  border-bottom:#fff solid 1px !important; border-left:#fff solid 1px !important;  border-right:#fff solid 1px !important; line-height:22px; margin:0px 0px 0px 4px; width:178px;}

.sf-menu li li a {margin:0px; padding:10px 10px; width:158px; background:#EEA45C; font-size:16px; font-weight:normal;}

.sf-menu li li a:hover {margin:0px; background:#294797; color:#fff; font-weight:normal;}

.sf-menu li a:hover  { color:#294797; }

.sf-menu li.sfHover {  outline:0; text-decoration:none;  }

.sf-menu a:focus {  outline:0; text-decoration:none;  }

.sf-menu a:hover {  outline:0; text-decoration:none;  }

.sf-menu a:active {  outline:0; text-decoration:none;  }



/*** arrows **/

.sf-menu a.sf-with-ul { padding-right:1.75em; min-width:1px; padding-right:43px; /* trigger IE7 hasLayout so spans position accurately */

}

.sf-sub-indicator { position:absolute; display:block; right:25px; top:38px; 

/* IE6 only */ 

width:10px; height:10px; text-indent:-999em; overflow:hidden; background:url('images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */

}

a > .sf-sub-indicator {  /* give all except IE6 the correct values */ top:.8em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ }



/* apply hovers to modern browsers */

a:focus > .sf-sub-indicator,

a:hover > .sf-sub-indicator,

a:active > .sf-sub-indicator,

li:hover > a > .sf-sub-indicator,

li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; /* arrow hovers for modern browsers*/ }



/* point right for anchors in subs */

.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }

.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }

/* apply hovers to modern browsers */

.sf-menu ul a:focus > .sf-sub-indicator,

.sf-menu ul a:hover > .sf-sub-indicator,

.sf-menu ul a:active > .sf-sub-indicator,

.sf-menu ul li:hover > a > .sf-sub-indicator,

.sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/}



/*** shadows for all but IE6 ***/

.sf-shadow ul { background:	url('images/dropdown-menu.png') bottom left no-repeat; padding-bottom:15px;}

.sf-shadow ul.sf-shadow-off { background: transparent; }

/*---- Menu ----*/

.prices{color: #ffffff; border: 2px solid #7030a0;float:left;}
.prices p{margin:0px;}
.color-purple{background-color: #7030a0;}
.color-orange{background-color: #e36c0a;}