@charset "utf-8";
/* CSS Document */
*{
	margin:0;
	padding:0;
}
body{
	background:url(../images/body-bg.jpg);
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:0;
	color:#FFFFFF;
	font-size:12px;
}
p{
	margin:0 0 15px 0;
	line-height:18px;
}
a{
	text-decoration:none;
	color:#FF6600;
	outline:none;
}
a:hover{
	color:#FFFF00;
}
ul li{
	list-style:none;
}
img{
	border:0;
}
h1{
	font-size:20px;
	font-weight:normal;
	line-height:34px;
	/*font-family:Arial, Helvetica, sans-serif;*/
}
h2{
	font-size:16px;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
}
blockquote{
	width:405px;
	padding:5px 10px 5px 45px;
	margin:0 auto 20px;
	background:url(../images/quoute.png) no-repeat 8px 8px #993300;
}
#container{
	position:absolute;
	bottom:0;
	top:0;
	left:0;
	right:0;
	width:100%;
	margin:0 auto 0 auto;
}
#wrapper{
	width:1000px;
	margin:0 auto 0 auto;
	background:url(../images/header-bg.jpg) no-repeat left top;
}
#contents{
	clear:both;
	width:1000px;
	position:relative;
}
input{
	border:1px solid #CC3300;
	background-color:#993300;
	padding:3px 5px;
	color:#FF9900;
}

/* All layers With Margin Bottom of 20px
---------------------------------------------------------------------------------------------------------------------*/
#sidebar .service-sidebar, 
#sidebar .friends, 
#sidebarme img, 
#twitter, 
#sidebar .flickr, 
#contents, 
#sidebar .package, 
#entry .workfolio, 
#sidebar .folBrow{
	margin:0 0 20px 0;
}

/* Miscellaneous
---------------------------------------------------------------------------------------------------------------------*/
#extremeCounter{
	position: absolute;
	visibility:hidden;
	top:0;
	left:0;
}
.spacer{
	clear:both;
}


/* Header Layer
---------------------------------------------------------------------------------------------------------------------*/
#header{
	position:relative;
	padding:10px 0 0 0;
}
#header .mini-icons{
	position:absolute;
	top:10px;
	right:10px;
}
#header .mini-icons li{
	float:left;
	margin:0 15px 0 0;
}
#header .logo{
	text-indent:-2000px;
	background:url(../images/logo.png) no-repeat;
	display:block;
	width:220px;
	height:87px;
}

/* -- Navigation --*/
ul#navigation li{
	float:left;
	margin:0 0 10px 0;
}
ul#navigation li a{
	text-indent:-2000px;
	display:block;
	width:125px;
	height:50px;
}
ul#navigation li.home a{
	background:url(../images/navigation.png) top left;
}
ul#navigation li.home a:hover{
	background:url(../images/navigation.png) bottom left;
}
body#mainPage ul#navigation li.home a{
	background:url(../images/navigation.png) bottom left;
}

ul#navigation li.about a{
	background:url(../images/navigation.png) -125px 0px;
}
ul#navigation li.about a:hover{
	background:url(../images/navigation.png) -125px -50px;
}
body#aboutPage li.about a{
	background:url(../images/navigation.png) -125px -50px;
}


ul#navigation li.services a{
	background:url(../images/navigation.png) -250px 0px;
}
ul#navigation li.services a:hover{
	background:url(../images/navigation.png) -250px -50px;
}
body#servicesPage li.services a{
	background:url(../images/navigation.png) -250px -50px;
}



ul#navigation li.portfolio a{
	background:url(../images/navigation.png) -375px 0px;
}
ul#navigation li.portfolio a:hover{
	background:url(../images/navigation.png) -375px -50px;
}
body#workPage li.portfolio a{
	background:url(../images/navigation.png) -375px -50px;
}


ul#navigation li.blog a{
	background:url(../images/navigation.png) -500px 0px;
}
ul#navigation li.blog a:hover{
	background:url(../images/navigation.png) -500px -50px;
}

/* -- Services and Introduction -- */
#service-intro{
	clear:both;
	position:relative;
	width:990px;
	margin:0 0 0 10px;
	height:230px;
}
#service-intro ul li{
	background:url(../images/bullet-check.png) no-repeat left center;
	padding:0 0 0 25px;
	color:#FF9900;
	line-height:25px;
}
#service-intro .ntro{
	position:absolute;
	right:60px;
	top:20px;
}
#service-intro .learn-more{
	position:absolute;
	bottom:12px;
	left:160px;
	background:url(../images/learn-more.jpg) no-repeat top left;
	display:block;
	line-height:26px;
	width:100px;
	color:#FFF;
	font-weight:normal;
	padding:0 0 0 15px;
}
#service-intro .learn-more:hover{
	background:url(../images/learn-more.jpg) no-repeat bottom left;
}

/* Sidebar Layer
---------------------------------------------------------------------------------------------------------------------*/
#sidebar{
	float:left;
	margin:0 0 20px 10px;
	padding:10px 0 0 0;
	clear:left;
	width:410px;
}

/* -- Folio and Browser -- */
#sidebar .folBrow{
	position:relative;
}
#sidebar .sideFolio, 
#sidebar .sidePrice{
	display:block;
	line-height:30px;
	width:60px;
	position:absolute;
	background:url(../images/play-button.png) no-repeat left center;
	font-weight:bold;
	padding:0 0 0 30px;
	font-size:14px;
}
#sidebar .sideFolio{
	right:95px;
	bottom:10px;
}
#sidebar .sidePrice{
	left:90px;
	bottom:10px;
}


/* -- Flickr Layer -- */
#sidebar .flickr img{
	float:left;
	margin:0 9px;
	padding:4px;
	background:url(../images/white.jpg);
}
#sidebar .flickr img:hover{
	background:#FFCC00;
}
#sidebar h2{
	margin:0 0 10px 0;
	padding:0 0 0 10px;
	background:url(../images/line-bg.jpg) center repeat-x;
}
#sidebar h2 span{
	padding:2px 10px;
	background:url(../images/white.jpg);
	color:#000000;
}

/* -- Friend Links -- */
#sidebar .friends ul li{
	float:left;
	line-height:25px;
	background:url(../images/link-go.png) no-repeat left center;
	padding:0 0 0 20px;
	width:180px;
}
#sidebar .friends a{
	color:#FFFFFF;
}
#sidebar .friends a:hover{
	color:#FF6600;
}

#sidebar .contact-me ul li{
	line-height:20px;
}

#sidebarme{
	margin:-10px 0 20px 0;
}
#sidebarme .bios{
	width:200px;
	float:left;
}
#sidebarme .bios li{
	border-bottom:1px dashed #FF6600;
	line-height:25px;
}
#sidebarme .skills{
	float:right;
	width:200px;
}
#sidebarme .skills li{
	line-height:25px;
	background:url(../images/tick.png) no-repeat left center;
	padding:0 0 0 25px;
	border-bottom:1px dashed #FF6600;
}

#twitter{
	padding:10px;
	background:url(../images/transparent-bg.png)
}
#twitter img{
	float:left;
}
#twitter .twit{
	float:right;
	width:320px;
}

/* -- Services Sidebar -- */
#sidebar .service-sidebar li{
	line-height:25px;
	background:url(../images/tick.png) no-repeat left center;
	padding:0 0 0 25px;
}

/* -- Package Sidebar -- */
#sidebar .package{
	padding:10px;
	width:390px;
	background:url(../images/transparent-bg.png);
}
#sidebar .package ul{
	float:left;
}
#sidebar .package li{
	line-height:22px;
	background:url(../images/tick.png) no-repeat left center;
	padding:0 0 0 25px;
}
#sidebar .package img{
	float:left;
	margin:0 20px 10px 0;
}
#sidebar .morePackage{
	background:url(../images/resultset_next.png) no-repeat left center #993300;
	padding:5px 5px 5px 20px;
	width:365px;
	display:block;
}
#sidebar .details{
	float:none !important;
	text-align:center;
}
#sidebar .details li{
	display:inline;
	font-size:25px;
	background:none;
	margin:0;
	padding:0;
	line-height:normal;
}

/* Entries Layer
---------------------------------------------------------------------------------------------------------------------*/
#entry{
	width:500px;
	padding:0 10px 10px 10px;
	float:right;
	position:relative;
	right:10px;
	background:url(../images/transparent-bg.png);
}
#entry .content{
	width:500px;
	text-align:justify;
}
#entry .content h2{
	font-weight:bold;
	color:#000000;
}

/* -- Package -- */
#entry .packBox{
	float:left;
	margin:0 30px 20px 0;
}
#entry .package{
	float:left;
}
#entry .package li{
	line-height:25px;
	background:url(../images/tick.png) no-repeat left center;
	padding:0 0 0 25px;
}
#entry .workfolio{
	clear:both;
}
#entry .awards{
	float:left;
	width:250px;
	text-align:left;
}
#entry .awards em{
	color:#FFFF00;
	font-size:11px;
}
#entry .awards span{
	border-bottom:1px solid #FFFFFF;
	padding:2px 0;
	line-height:25px;
}

/* -- Price List -- */
#contents ul.price_list{
	margin:0 0 0 0;
	padding:0 0 0 0;
}
#contents ul.price_list li{
	text-align:left;
	background:url(../images/docu.png) 0 6px no-repeat;
	list-style:none;
	float:left;
	display:block;
	width:240px;
	padding:0 10px 0 0;
	height:110px;
}
#contents ul.price_list li span{
	color:#FFFF00;
}


/* -- Linkage and Sitemap -- */
ul.SiteLinks{
	padding:0 0 0 15px;
}
ul.SiteLinks li{
	list-style:square;
	line-height:20px;
}
ul#sitemap{
	margin:0 0 0 0;
	padding:0 0 0 30px;
	color:#999999
}
ul#sitemap li a, 
ul.SiteLinks li a{
	color:#FFFFFF;
}
ul#sitemap li a:hover, 
ul.SiteLinks li a:hover{
	color:#FFFF00;
}
ul#sitemap li{
	margin:5px 0 5px 0;
	list-style-image:url(../images/folder.png);
}
ul#sitemap ul{
	margin:0 0 0 0;
	padding:0 0 0 18px;
}
ul#sitemap ul li{
	list-style-image:url(../images/document.png);
	margin:5px 0 5px 0;
	padding:0 0 0 0;
}


/* -- NOOBSLIDER -- */
#slider{
	position:relative;
	z-index:1;
}
#slider .scroll{
	overflow:auto;
	position:relative;
}
#slider .scrollContainer div.panel{
	width:500px;
	height:145px;
	padding:0 10px 0 1px;
}
#slider div.panel img, 
#entry .workfolio img{
	float:left;
	margin:0 10px 0 0;
	padding:2px;
	background:url(../images/white.jpg);
}
#slider div.panel li, 
#entry .workfolio li{
	line-height:20px;
}
#slider .navigation{
	position:absolute;
	left:-2px;
	bottom:0;
	z-index:5;
}
#slider .navigation li{
	float:left;
}
#slider .navigation li a{
	display:block;
	padding:1px 5px;
	background-color:#993300;
	margin:0 0 0 2px;
}
#slider ul.navigation a.selected {
    background-color:#CC3300;
}
.prv-lw a{
	display:block;
	float:left;
	padding:0 0 0 20px;
	line-height:25px;
}
.preview-website{
	background:url(../images/magnifier-zoom.png) left center no-repeat;
	margin:0 30px 0 0;
}
.launch-website{
	background:url(../images/link-go.png) left center no-repeat;
}

/* Footer Layer
---------------------------------------------------------------------------------------------------------------------*/
#footer{
	height:50px;
	border-top:1px solid #FFFFFF;
	padding:10px 0 0 0;
	margin:0 auto;
	width:980px;
	height:50px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}