/*sample*/
area{ cursor:pointer};
.className				{/* Box model */ 	width:10px;  height:10px; padding:2px 2px 2px 2px; margin:2px 2px 2px 2px; display:block;
						 /* positioning */ 	float:left; position:absolute; left:10px; right:10px; top:10px;clear:both;
						 /* backgound */	background:white url(../images/tes.jpg) no-repeat left top;
						 /* borders */		border:solid 1px red;
						 /* typography */	font:bold 14px/18px 'Arial'; color:red; text-align:top; vertical-align:left;
						 /* content*/		white-space:nowrap;
						 
						 }

/* generic styles*/
*						{margin:0px; padding:0px;}

html					{}

body					{background:#000000; font:11px 'Trebuchet MS'; color:#333333;}

a{color:#000000; text-decoration:underline; }
a img{border:none;}
h1, h2, h3, h4, h5 {
	font-family: trebuchet MS;
	font-weight: bold;
	letter-spacing: -.05em;
	margin: 0;
	padding: 0;
	line-height: 1em;

	}
h1{	margin-bottom:15px; font-size:22px;}	
	
p{font:normal 11px 'Tahoma'; color:#666666; line-height:18px;}
.siteContainer			{background:#fd6802 url(../images/home_mainBg.jpg) no-repeat top center; width:1000px; margin:0px auto;  display:table;}
	
	.NavContainer		{width:435px; height:106px; margin:239px 0 0 14px;
						 float:left; clear:left;
						 
						 }
		
	
		
	.portfolioContainer{width:420px; height:305px;padding:20px 30px;
						top:26px; right:14px;float:right;
						background:url(../images/portfolio_bg.png)  no-repeat left top;
overflow:hidden; margin:14px 14px 0px 0px;
						}
		
		.portfolioContainer p{clear:both; color:#969696;}
		
						
	.newsContainer		{width:477px; height:300px;float:left;clear:left; margin:10px 0px; padding-top:30px; overflow:hidden; margin:18px 0px 8px 14px;}
		.newsContainer	h1{ margin-left:20px}
		.newsContainer h4{margin-left:20px;}
		.newsContainer	p{color:white; float:left; width:200px; clear:right; text-align:left; padding-left:20px;}
		.newsContainer	img{color:#333333; float:right; clear:right}
		.newsContainer blockquote{float:right; clear:right; width:220px; text-align:right; padding-top:10px;}
		.newsImage{width:242px; height:138px; background:url(../images/news01.jpg); display:block; float:right;}
	.blogsContatiner	{width:420px; height:310px; overflow:hidden;
	padding:25px 30px 10px 30px;
	margin:8px 14px 10px 0px; float:right;clear:right;
	background:url(../images/home_blog_bg.png) no-repeat left top;
	position:relative;
	z-index:100;
	}
		
		
	
	.bigNamesContainer	{width:460px; height:530px; float:left; clear:left; padding:30px 0 0 20px;
background:url(../images/clientsContainerTopCorner.png) no-repeat top left;	
	margin:5px 0px 0px 14px;}
		.bigNamesContainer h2{color:white;}
		.bigNamesContainer p{color:white; margin:15px 0px; display:block; line-height:150%;}
	
		.bigNamesContainer h1{font-size:18px; color:#FFFFFF;  font-weight:normal;}
	
	.photAlbumContainer	{width:480px; height:310px;float:right; clear:right;
margin-top:-70px; margin-right:14px;
z-index:1; overflow:hidden;
	}
	.photAlbumContainer	#homeAlbum{width:480px; height:318px;}
	.photAlbumContainer	#homeAlbum img{border:none;}
	
		.photAlbumContainer h2{ margin:83px 0px 0px 30px; position:absolute; height:30px; width:300px; z-index:400;}
		.photAlbumContainer .thumbinals{height:76px; background:url(../images/home_gallery_Thumbnail_bg.png) no-repeat bottom;
		margin-top:280px;
		position:absolute; width:480px;color:white; z-index:200}
		.photAlbumContainer .thumbinals p{padding:50px 0 0 20px; color:#666666}
		.photAlbumContainer .thumbinals p a{color:#696969; text-decoration:none;}
		.photAlbumContainer .thumbinals p a:hover{color:#ffffff;}
	
	.photAlbumContainer #albumNext, .photAlbumContainer #albumPrev{ width:30px; height:30px; z-index:500; position:relative; cursor:hand; top:-120px; padding:10px;} 
	.photAlbumContainer #albumNext{background:url(../images/arrow-right.png) no-repeat center center; float:right;}
	.photAlbumContainer #albumPrev{background:url(../images/arrow-left.png) no-repeat center center; float:left;}
	
	
	.contactContainer	{width:480px; height:240px;float:right; clear:right; margin:60px 14px 0px 0px;
	background:url(../images/contactMobile.jpg) no-repeat 0px 5px;}
		.contactContainer	ul{ margin-left:180px; width:240px; margin-top:15px;}
		.contactContainer	li{ list-style:none; background:url(../images/contactItemBg.jpg) no-repeat center bottom; padding:5px; padding-left:10px;}
		.contactContainer	li span{display:block; color:white; font-size:16px;}
		.contactContainer	li a{ display:block; font-size:16px; color:white; text-decoration:none;}
		.contactContainer	li a:hover{color:#333333;}
		.contactContainer	h2{color:white;  padding-left:30px; }
		.contactContainer	li.lastItem{background:none;}
		.contactContainer	li b{}

/*////////////////// Contact Me Page styles ///////////////////*/

	.featuredItem .contactContainer{float:left; background:url(../images/contact-icon.png) no-repeat -30px -10px; width:420px;  height:350px !important; margin:80px 14px 0px 0px;}
	.featuredItem .contactContainer ul{margin:40px 0px 0px 180px; width:180px; }
	.featuredItem .contactContainer li{ list-style:none; background:url(../images/contact-spacer.png) no-repeat center bottom; padding:5px; padding-left:10px;}
	.featuredItem .contactContainer	h1{color:white; width:250px; }
	
	
	.featuredItem .hireMe{ margin:80px 0px 0px 0px; width:440px; height:250px ;float:right; background:url(../images/cv-icon.png) no-repeat -20px  60px; }
	.featuredItem .hireMe h1{width:250px; padding:0px;}
	.featuredItem .hireMe p{ color:#ffffff; margin:40px 0px 0px 180px; width:250px;}
	.featuredItem .hireMe a.download{ width:250px; height:44px; background:url(../images/download-cv-link.gif) no-repeat center top; display:block; float:right; margin:14px;}		
	.featuredItem .hireMe a.download:hover{ background-position:bottom;}
			
/*////////////////// THE JQuery Cycle plugin java script styles ///////////////////*/

.samples {

    height: 275px;   
    margin:  0; 
} 
.portfolioSample{
width:418px;margin:0 auto;
}
.samples .portfolioSample p{height:85px; overflow:hidden;}
.samples .portfolioSample img{border:none;}

.nav { margin: 1px 0 }
#nav a, #s7 strong { margin: 0 2px; padding:3px; text-decoration: none;color:#666666; font:bold 10px 'verdana';display:block; float:right; }
#nav a.activeSlide { color:#FF0099; }
#nav a:focus { outline: none; }
#output { text-align: left; }
#nav { text-align: left; clear:both; float:right;}

.footer{clear:both; width:1000px; margin:0 auto; overflow:hidden; 
background:url(../images/footer_bg.jpg) no-repeat center top;
height:300px;}

.footer ul h5{ color:white; font-size:20px;}
.footer ul{background:url(../images/footer-spacer.gif) no-repeat left top; width:150px; padding:0 0 0 16px; list-style-type:none; float:right; margin:90px 0 0 0; height:170px;}
.footer ul li{padding:4px 0px;}
.footer ul li a{color:#FFFFFF; text-decoration:none;}
.footer ul li a:hover{color:#FF6600;}

.roundCornerRight {}
.roundCornerLeft {}
.test02{width:100px; height:80px; background:blue;}
.test01{width:100px; height:80px; background:black;}

/*//////////////////////// inner pages styles ///////////////////////*/
.innerSiteContainer{background:#fd6802 url(../images/home_mainBg.jpg) no-repeat 0px -90px; width:1000px; margin:0px auto;  display table;}
.innerSiteContainer .NavContainer {width:435px; height:106px; margin:150px 0 0 14px;float:left; clear:left;}

.pagesTxtTile{float:left; clear:both; width:880px; color:#FFFFFF; margin:60px; margin-bottom:50px;}

.pagesTxtTile h2{height:35px;}


.featuredItem{float:left; clear:both;width:886px; margin-left:60px; padding:0px;}
.featuredItem img{ cursor:pointer;}
.featuredItem h1{height:35px; margin:15px 0px;}
.featuredItem p{ color:#fbfbfb; cursor:pointer;}
.featuredItem img.featuredItemImg02{float:right;}

.featuredItem .featuredItemText{width:560px;}
.featuredItem .featuredItemText h1{color:#1a1a1a}

.item_body{display:none; margin-top:30px; width:879px; background:#202020;}
.item_body img{display:block; margin:0px auto;}

.repeatedItems{float:left; clear:both; background:url(../images/innerGradientSpacer.jpg) center top no-repeat; width:1000px; margin-top:20px;}
.repeatedItems h2{margin:20px 0px 20px 60px; width:200px; height:35px;}
.repeatedItems ul{}
.repeatedItems ul li{list-style-type:none; height:140px; padding:30px 0px; display:table;}
.repeatedItems ul li.alternative{background-color:#f68318;}
.repeatedItems ul li div{float:right; margin-right:54px;}
.repeatedItems ul li h3{}
.repeatedItems ul li a{ float:left; margin-left:60px;}
.repeatedItems ul li a img{}
.repeatedItems ul li p{color:#FFFFFF; margin-top:10px; width:430px; line-height:19px; height:80px; overflow:hidden; }



.pagesTitle{
width:440px; height:155px;padding:0px;right:14px;float:right;
background:url(../images/pagesTitlesBg.gif)  no-repeat left top;overflow:hidden; margin:119px 54px 0px 0px;}

.pagesTitle .titleText {height:90px; overflow:hidden;}
.pagesTitle .titleText h1{color:#ff6600; font-size:55px; margin:20px 0px 0px 35px; font:"Trebuchet MS"; font-weight:normal;}
.pagesTitle .titleLinks a.homeLink{ display:block;width:65px; height:25px; margin:0px 0px 0px 0px;float:left;}
.pagesTitle .titleLinks a.hireLink{ display:block; width:160px; height:25px; margin:0px 20px 0px 40px; float:left;}
.pagesTitle p{clear:both; color:#969696;}


/*//////////////////////// BrandingBook styles ///////////////////////*/
.bookContainer{position:relative; width:884px; height:500px; margin:auto; background:url(../images/branding-quote.gif) no-repeat center left;}
.bookContainer #myBook div{background:url(../images/light-bg.jpg); cursor:pointer;}
.bookContainer #myBook div.dark{background:url(../images/dark-bg.jpg)}

.bookContainer #myBook .logoContiner{height:170px; width:442px; overflow:hidden; background-position:left; background-repeat:no-repeat; margin-top:50px;}
.bookContainer #myBook div.dark .logoContiner{ background-position:right;}

.repeatedItems .Pager{margin-right:60px; margin-top:10px; float:right;}
.repeatedItems .Pager a{ font-weight:Bold; font-family:Arial; font-size:12px; text-decoration:none; padding:0px 5px; display:block; float:left;}
.repeatedItems .Pager a.active{ background:url(../images/active-page-bg.gif) no-repeat center center; color:#666666}
.repeatedItems .Pager a.active:hover{color:#666666}
.repeatedItems .Pager a:hover{ color:#fff;}

/*//////////////////////// sliding  styles ///////////////////////*/



.menu_head {
margin-top:30px;
width:1000px;
clear:both;
padding-top:40px;

display:table;
background:url(../images/innerGradientSpacer.jpg) center top no-repeat;
}

.menu_head div.projectInfo{float:right; margin-right:54px;}
.menu_head img.projectThumb{float:left; margin-left:60px; cursor:pointer;}
.menu_head div.projectInfo p{color:#FFFFFF; margin-top:10px; width:430px; line-height:19px; height:95px; overflow:hidden; cursor:pointer; }
.menu_head div.projectInfo p b{ color:#660000;}

.closeBtn{clear:both;height:28px; background:#fd6802; width:879px;}
.closeBtn img.closeBtnImg{cursor:pointer; float:right;}

.menu_body {

background:#202020;
margin:0 auto;
width:879px;
display:none;
}

.menu_body b, .item_body b{color:#FFFFFF; margin:30px 0px 0px 40px; display:block;}
.menu_body b a,.item_body b a{color:#FFCC00;}
.menu_body img{ display:block; margin:0px auto;}
.menu_body img.content{width:800px;}
.menu_body .panelFooter{ position:static; bottom:0px;}
/*//////////////////////// PhotoGallery Page  ///////////////////////*/
.galleryCorners1{ display:table; width:887px; height:30px; background:url(../images/flash--gallery-corners.png) no-repeat top center; position:absolute; z-index:200; margin-top:-564px;}

.galleryCorners2{ display:table; width:887px; height:30px; background:url(../images/flash--gallery-corners.png) no-repeat bottom center; position:absolute; z-index:300; margin-top:-30px;}

#flashcontent{ z-index:100; background:#1a1a1a; }

/*//////////////////////// Artworks Page  ///////////////////////*/

.artworks {background:url(../content/images/artworks/featuredBg.jpg) no-repeat center center; padding-top:130px;}

.original { margin-top:15px; clear:both; width:880px; display:table;}
.original img{margin:43px; float:left; clear:left;}
.original p{ float:left; margin-top:43px; margin-left:0px; color:#CCCCCC; width:330px; }

/*//////////////////////// About Me  Page  ///////////////////////*/

.aboutPage {background:#fc6802 url(../images/about-BG.jpg) no-repeat center top;}
.aboutPage .pagesTitle{background:none;}
.aboutPage .item_head{height:520px;}

.aboutPage .pagesTxtTile{margin-bottom:0px;}
.aboutPage .pagesTxtTile h2{ font-size:36px; font-weight:normal; height:55px; color:#fc6802;}

.aboutPage .featuredItem .featuredItemText{float:left;}
.aboutPage .featuredItem .featuredItemText img{ cursor:default;}
.aboutPage .featuredItem .featuredItemText h1{color:#fcfcfc}
.aboutPage .featuredItem .featuredItemText p{color:#d1d1d1; cursor:default;width:500px;}
.aboutPage .featuredItem .links{float:right; width:152px; margin-top:405px;}
.aboutPage .featuredItem .links a{margin-top:5px; display:block; height:25px; background:url(../images/about-links-text.png) no-repeat;width:152px;}
.aboutPage .featuredItem .links a.contact{ background-position:0px -60px;}
.aboutPage .featuredItem .links a.contact:hover{ background-position:0px 0px;}
.aboutPage .featuredItem .links a.cv{ background-position:0px -90px;}
.aboutPage .featuredItem .links a.cv:hover{ background-position:0px -30px;}


.aboutPage .friends img.projectThumb{}

.aboutPage .friends .projectInfo{margin-left:0px;}
.aboutPage .friends .projectInfo p{width:260px; margin-left:0px; margin-top:0px;}
.aboutPage .menu_head{padding-top:0px;}

.aboutPage .news .projectInfo{margin-left:0px; width:680px;}
.aboutPage .news .projectInfo p{width:680px; margin-left:0px; margin-top:0px; cursor:default;}
.aboutPage .news .projectInfo a:hover{color:#FFFFFF;}
.aboutPage .news img{ cursor:default;}

.aboutPage .news .projectInfo h3{font-size:30px;}
.aboutPage .news .projectInfo b{font-size:18px;}
.aboutPage .newsItem { background:url(../images/newsSpacer.gif) no-repeat center top; margin-top:10px; padding-top:20px;}

/* follow me links  */
.followMeLink {}
.followMeLink li{ display:inline}
.followMeLink li a{ display:block; text-indent:-900px; height:70px; width:55px; float:left; margin-right:10px; background-image:url(../images/socialLinks.gif); background-repeat:no-repeat;}
.followMeLink li a.followLink01{ background-position:1px 0px;}
.followMeLink li a.followLink02{ background-position:-65px 0px;}
.followMeLink li a.followLink03{ background-position:-133px 0px;}
.followMeLink li a.followLink04{ background-position:-202px 0px;}
.followMeLink li a.followLink05{ background-position:-270px 0px;}
.followMeLink li a.followLink06{ background-position:-338px 0px;}



.repeatedItems .topPager{ margin-top:-40px;}

.formContainer {width:880px; background:#fff; margin:0px auto; position:relative}
.formContainer img.lower{ position:absolute; bottom:0px; padding:0px; left:0px;}
.formContainer iframe{padding:20px;}