@charset "utf-8";
/* CSS Document */

body{
	background: #1D1F25 url(../images/mainBg.jpg) repeat-x top;
	font-size:62.5%;
	font-family:Verdana, Geneva, sans-serif;
}

*{
	margin:0;
	padding:0;
}

hr{
	width:984px;
	margin:10px 10px 10px 10px;
}

div.clear{
	clear:both;
}

img{
	border:none;
}

p{
	color:#FFF;
	font-size:1.4em;
}

h1{
	color:#FFF;
}

h3{
	color:#FFF;
	font-size:1.4em;
	font-weight:bold;
	padding:5px 0px 5px 0px;
}

div#mainWrapper{
	width:1024px;
	margin:0 auto;
}

div#mainHeader{
	background: url(../images/headerBg.jpg) no-repeat top;
	height:107px;
}

div#mainHeader img{
	float:right;
	padding:35px 40px 20px 60px;
}

div#mainHeader img.contactImg{
	float:right;
	padding:40px 40px 20px 60px;
	margin-right:50px
}


div#mainBody{
	background:url(../images/bg.jpg) top repeat-y;
	padding:0px 10px 0px 10px;
}

p.pad{
	margin-top:20px;
}

/*FOR NAV BAR////////////////////////////////////////////////*/
div#mainNav{
	background: url(../images/navbg.jpg) center no-repeat;
	height:42px;
	width:640px;
	margin:0 auto;
}

div#mainNav ul{
	text-align:center;
	margin-left:3px;
}

div#mainNav ul li{
	display:block;
	width:120px;
	float:left;
	margin-left:6px;
	margin-top:2px;
}

div#mainNav ul li a:link{
	font-size: 1.8em;
	color: #FFF;
	text-decoration: none;
}

div#mainNav ul li a:visited{
	font-size: 1.8em;
	color: #FFF;
	text-decoration: none;
}

div#mainNav ul li a:hover, a:active{
	text-decoration: underline;
}

/*FOR FOOTER///////////////////////////////*/
div#footerMain{
	background:url(../images/footer.jpg) no-repeat top;
	height:106px;
	padding:10px;
}

div#footerMain p.copyright{
	margin-top:40px;
	float:left;
}

div#footerMain a.access{
	margin-top:40px;
}

div#footerMain a:link{
	font-size: 1.2em;
	color: #FFF;
	text-decoration: none;
}

div#footerMain a:visited{
	font-size: 1.2em;
	color: #FFF;
	text-decoration: none;
}

div#footerMain a:hover, a:active{
	text-decoration: underline;
}

div#footerMain img{
	margin-top:10px;
	float:right;
}

/*Contact Page ////////////////////////////////*/
div#contactForm{
	width:502px;
	float:left;
}

div#contactWelcome{
	width:289px;
	float:left;
	margin-top:10px;
}

input.contact{
	margin-top:10px;
	width:400px;
	height:20px;
	border: thin #000 solid;
	background: #fff !important;
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	color:#000;
	padding:5px 10px 2px 10px;
}

textarea.contactmessage{
	margin-top:10px;
	width:400px;
	height:200px;
	border: thin #000 solid;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#000;
	padding:5px 10px 2px 10px;
}

.button{
	margin-top:10px;
	width:100px;
	height:40px;
	border: thin #000 solid;
	font-size:14px;
	font-weight:bold;
}

/*HOME PAGE CONTENT///////////////////////////////////////////////*/
div#panelSet{
	width:1014px;
	margin-left:-10px;
}

div.panel{
	width:328px;
	height:194px;
	margin:10px 0px 0px 10px;
	background:url(../images/panelBg.jpg) top left no-repeat;
	float:left;
	overflow:hidden;
}

div#twitterFeed{
	margin:10px 0px 0px 1px;
}

div.panel a{
	color:#FFF !important;
	text-decoration:none;
}

div.welcomePanel{
	width:666px;
	height:194px;
	margin:10px 0px 0px 10px;
	background:url(../images/welcomePanelBg.jpg) top left no-repeat;
	float:left;
	overflow:hidden;
}

h1.panelHead{
	font-size:1.5em;
	margin:5px 0px 0px 5px;
	width: 327px;
	cursor: move;
}

p.panelP{
	margin:10px 0px 0px 5px;
}

div.panel div.blogItem{
	margin:10px 10px 0px 10px;
}

div.panel div.blogItem:hover{
	background: #15181D;
	cursor:pointer;
}

div.panel div.blogItem h1{
	font-size:1.4em;
	font-weight:bold;
}

div.panel div.blogItem p{
}

div#recentWork{
	width:1004px;
	height:214px;
	background:url(../images/recentWorkBg.jpg) top no-repeat;
	margin-top:20px;
	padding-top:35px;
}

div#workImages{
	margin-left: 370px;	
}

div#recentWork div#workImages img{
	width:200px;
	height:120px;
	margin-right:10px;
	opacity:0.5;
	filter:alpha(opacity=50);
}

div#recentWork div#workImages img:hover{
	opacity:1.0;
	filter:alpha(opacity=100);
	cursor:pointer;
}

div.panel div#twitterFeedContainer{
	color:#fff;
	font-size:1.4em;
	margin:5px 10px 0px 10px;
	overflow:hidden;
}

div.panel div#twitterFeedContainer img{
	display:none;
}

div.panel div#twitterFeedContainer a:link, a:visited{
	color:#FFF;
	text-decoration:none;
}

div.panel div#twitterFeedContainer a:hover, a:active{
	text-decoration:underline;
}

div.panel div#twitterFeedContainer .twittLI{
	border-bottom: thin dashed #15181D;
	padding-bottom:5px;
	padding-top:5px;
}

/*BLOG CONTENT/////////////////////////////////////////*/
div#blogWrapper{
	width:704px;
	float:left;
	margin-top:30px;
	line-height:200%;
}

div.mainBlogItem img{
	width: 150px;
	height: 150px;
	border: thin solid #000;
	float:left;
	margin-right:10px;
}

div.mainBlogItem p{
	float:left;
	clear:left;
	margin-bottom:10px;
}

div#sidePanel{
	width:290px;
	float:right;
	margin-top:20px;
}

div#aboutBlog{
	border: dotted thin #000000;
	background: #4F5263;
	padding:10px 10px 10px 10px;
}

div#aboutBlog img{
	margin-bottom:10px;
}

div.sideBlogItem{
	padding:5px 0px 5px 0px;
}

div.sideBlogItem h1, div.sideBlogItem p{
	font-size:1.2em;
}

div.sideBlogItem:hover{
	background: #15181D;
	cursor: pointer;
}

div.sideBlogItem a{
	text-decoration:none;
}

div#aboutBlog a:link{
	font-size: 1.4em;
	color: #FFF;
	text-decoration: none;
}

div#aboutBlog a:visited{
	font-size: 1.4em;
	color: #FFF;
	text-decoration: none;
}

div#aboutBlog a:hover, a:active{
	text-decoration: underline;
}

/*ABOUT///////////////////////////////////////*/
div#about{
	width:800px;
}

/*WORK///////////////////////////////////*/
div.workItem{
	margin-top:10px;
}

div.workItem div.workTabs h1{
	font-size:1.2em;
	font-weight:bold;
}

div.workItem div.workTabs p{
	font-size:1em;
}


div.workItem img{
	width:250px;
	height:170px;
	float:left;
}

div.workItem div.workTabs{
	float:left;
	width:734px;
	height:165px;
	margin-left:10px;
}

div.workDetail{
	width:666px;
	float:left;
	margin-left:10px;
	margin-top:10px;
}

img.tiledImage{
	width:300px;
	height:180px;
	margin:20px 10px 20px 10px;
	opacity:0.5;
	filter:alpha(opacity=50);
	float:left;
}

img:hover.tiledImage{
	opacity:1.0;
	filter:alpha(opacity=100);
	cursor:pointer;
}

a.more{
	font-size:1.4em;
	color:#FFF !important;
}


/*

div#workItemSet{
	margin-top:10px;
}

div.workItem{
	width:1004px;
	height:214px;
	background:url(../images/workItemBg.jpg) top no-repeat;
}

div.workItem img{
	width:200px;
	height:140px;
	float:right;
	margin-top:30px;
	margin-right:20px;
}

div.workItem h1{
	float:left;
	margin-left:10px;
	margin-top:85px;
	font-size:3em;
}

*/