/*
-------------------------------------------------------
Author:				Luke Hornsby
Created:			02/03/2009
Version:			CSS 2.0
Browsers Tested:	Firefox 2.0, 3.0, IE 6.0, 7.0, Safari
-------------------------------------------------------
*/


*
	{
		margin:0;
		padding:0;
		outline:0;
	}

body
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#666;
		margin:0 auto;
		background:url(luke_portfolio_flame_01.jpg) #000 center top no-repeat;
	}

.top
	{
		float:right;
		margin-right:45px;
		margin-top:20px;
	}

p
	{
		line-height:19px;
		font-family:arial;
		color:#555;
		margin:0 0 20px 0;
	}
	
p a
	{
		color:#B35306;
		text-decoration:none;
	}
	
p a:hover
	{
		text-decoration:underline;
	}

h1
	{
		text-indent:-9999px;
		display:none;
	}

h2
	{
		font-size:28px;
		text-transform:uppercase;
		color:#333333;
		
	}

img
	{
		border:0;
	}

/*
--------------------IDs-------------------------
*/



#siteWrapper
	{
	width:770px;
	margin:0 auto 0 auto;
	text-align:left;
	
	}

#mainWrapper
	{
		width:770px;
		background:#fff;
	}
	
#titleWrapper
	{
		height:228px;
		background:url(header_bar.jpg) no-repeat;
		width:770px;
		position:relative;
	}
	
#mastHead
	{
		width:770px;
		height:239px;
	}	

#mainNav
	{
		color:#fff;
		font-size:16px;
		font-weight:bold;
		text-transform:uppercase;
		height:39px;
		background:#000;
		padding-left:15px;
		width:755px;
		float:left;
	}

#mainNav li
	{
		float:left;
		height:39px;
		list-style-type:none;
	}

#mainNav li a
	{
		text-decoration:none;
		color:#fff;
		display:block;
		float:left;
		height:28px;
		padding:12px 5px 0 12px;
		margin:0 5px 0 0;
	}
	
#mainNav li a:hover
	{
		background-color:#333333;
		color:#fff;
		height:27px;
	}


#mainContentWrapper
	{
		margin:0 0 0 0;
		
		width:770px;
	}

#leftContentWrapper
	{
		margin:-100px 0 0 0;
		display:inline;
		width:450px;
		padding-left:20px;
		float:left;
	}

#leftContentWrapper h2
	{
		margin:100px 0 20px 0;
	}

#leftContentWrapper p
	{
		margin-right:35px;
	}

#podWrapper
	{
		margin:0 0 0 0;
		display:inline;
		padding:0 0 20px 0;
		width:238px;
		float:right;
		background:#fbfbfb;
	
	}
	
#podWrapperBottom {

	margin:0 0 0 0;
	float:right;
}


#podWrapper ul
	{
		list-style-type:none;
		margin:0 0 0 28px;
	}

#podWrapper ul li.heading
	{
		background:url(images/bullet-star.jpg) no-repeat left 1px;
		padding-left:15px;
		margin:0 0 0 0;
		font-size:15px;
		color:#333;		
		font-weight:bold;
	}

#podWrapper ul li.item
	{
		padding-left:15px;
		font-family:arial;
		font-size:11px;
		text-decoration:none;
	}

#podWrapper ul li.item a
	{
		color:#B35306;
		text-decoration:none;
	}

#podWrapper ul li.item a:hover
	{
		text-decoration:underline;
	}

#podWrapper ul li
	{
		padding-left:15px;
		font-size:12px;
		text-decoration:none;
		margin:10px auto;
	}

#podWrapper ul li a
	{
		color:#B35306;
		text-decoration:none;
	}

#podWrapper ul li a:hover
	{
		text-decoration:underline;
	}

#podWrapper ul li ul li img a
	{
		margin-right:5px;
	}
	
#podWrapper ul li.item a
	{
		border:none;
	}

/*-----------------Classes--------------------*/

p.clearFloat
	{
		clear:both;
		display:block;
	}
	
.left
	{
		clear:both;
	}	
	
#servicesItems
	{
		margin:0 35px 50px 0;
		list-style-type:none;
	}

#servicesItems li
	{
		background:url(images/bullet-star.jpg) no-repeat left center;
		border-bottom:solid 1px #999;
		line-height:30px;
		padding-left:20px;
	}

.portfolioContainer
	{
		margin-bottom:25px;
	}
	
.portfolioContainer h2 {
		font-size:12px;
		text-transform:uppercase;
		color:#333333

}

.portfolioContainer ul
	{
		list-style:none;
		display:inline;
		margin:30px 30px 0 0;
	}

.portfolioContainer li
	{
		float:left;
		display:block;
		padding:0 0 10px 0;
	}

.portfolioContainer li a
	{
		display:block;
		width:450px;
		border:solid 10px #E6E4E4;
		padding:5px;
	}
	
.portfolioContainer li a:hover
	{
		border:solid 10px #EFEFEF;
	}

.download
	{
		width:500px;
		font-size:18px;
		color:#333;
	}
	
.download a
	{
		color:#B35306;
		text-decoration:none;
	}
	
.download a:hover
	{
		border-bottom:0;
	}
	
	

.animImage{
	
	margin:60px 0 0 20px;
	float:left;
	min-height: 150px;
	
	
}


.animation
	{	
		
		position:relative;
		top:0px;
		right:57px;
		width:286px;
		float:right;
		
		
	}

.methodologyContainer
	{
		height:540px;
		background-color:#1C1C1C;
		padding:20px 0 0 20px;
	}
	
#servicesContainer
	{
		padding:20px 0 0 20px;
	}		

#servicesContainer p
	{
		padding-right:20px;
	}

#servicesContainer ul li
	{
		width:710px;
	}


	
#footerBackground {

	height:232px;
	width:770px;
	background:url(bottom.jpg) no-repeat;	
}

.footerLinksContainer
	{
		padding-left:20px;
		
	}
	
.footerLinksContainer h2
	{
		margin:0 0 10px 0;
	}

.footerLinksContainer ul
	{
		float:left;
		width:235px;
		margin:0 15px 0 0;
		list-style:none;
	}

.footerLinksContainer ul.alternateList
	{
		width:235px;
	}

.footerLinksContainer ul li.heading
	{
		font-size:16px;
		padding:5px 0 5px 0;
		margin-bottom:10px;
		color:#333;
		font-weight:bold;
	}

.footerLinksContainer ul li.item
	{
		border-bottom:solid 1px #333;
	}

.footerLinksContainer ul li a
	{
		color:#666;
		text-decoration:none;
		display:block;
		padding:5px 0 5px 10px;
	}

.footerLinksContainer ul li a:hover
	{
		color:#fff;
		display:block;
		background:#333;
		padding:5px 0 5px 10px;
	}

#copyright
	{
		width:735px;
		font-size:12px;
		color:#333;
		margin-left:20px;
		padding-top:15px;
	}
	
#copyright a
	{
		color:#B35306;
		text-decoration:none;
	}
	
#copyright a:hover
	{
		text-decoration:underline;
	}	

#aboutContainer
	{
		clear:both;
		padding-left:20px;
		background:#1C1C1C;
	}
	
.aboutBox
	{
		color:#999;
		background:url(../images/bg-quote.jpg)  right bottom no-repeat ;
		width:670px;
		line-height:21px;
		padding:20px;
		margin-bottom:30px;
		border:10px solid #333;
	}
	
.aboutBox:hover
	{
		border:10px solid #666;
	}

.aboutBox a
	{
		color:#B35306;
		text-decoration:none;
	}
.aboutBox strong
	{
		color:#fff;
	}

h2.white 
	{
		text-decoration:none;
		font-size:26px;
		text-transform:uppercase;
		color:#fff;
		margin-bottom:25px;
	}
	
h2.white strong
	{
		color:#555;
	}		
	
/*
--------------------Form Style----------------------
*/

#contactFormContainer
	{
		margin-top:20px;
	}

#contactFormContainer p
	{
		padding-left:20px
	}

#contactFormContainer h2
	{
		padding-left:20px;
		margin-bottom:20px;
	}

.contactus ul
	{
		color:#535252;
		padding-left:20px;
		list-style-type:none;
	}

.contactus ul li
	{
		margin-bottom:10px;
	}

.contactus ul li label
	{
		display:block;
		float:left;
		width:145px;
	}

.fields
	{
		width:320px;
	}
	
input
	{
		border:1px solid #000;
		height:20px;
		line-height:25px;
		padding:7px 0 0 5px;
	}

input:hover
	{
		border:1px solid #333;
		background:#333;
		color:#fff;
	}
	
textarea
	{
		border:1px solid #000;
		height:140px;
		padding:7px 0 0 5px;
	}

textarea:hover
	{
		border:1px solid #333;
		background:#333;
		color:#fff;
	}
	
.buttonSubmit
	{
		width:70px;
		height:30px;
		color:#fff;
		padding:2px 5px;
		margin-left:144px;
		cursor:pointer;
		border:1px solid #333;
		background:#333;
	}

input.buttonSubmit:hover
	{
		border:1px solid #333;
		background:#666;
		color:#fff;
	}	

fieldset.contactus
	{
		border:0;
		height:200px;
		margin-bottom:100px;
	}

.msg
{
    display:block;
    margin:0 0 0 40px;
}

.footer-web2
	{
		width:800px;
		height:380px;
		background:url(../images/bg-footer.jpg);
		text-indent:-9999px;
	}

.footer-web2 a
	{
		width:800px;
		height:380px;
		display:block;
		background:url(../images/bg-footer.jpg);
		text-indent:-9999px;
	}


/*
--------------------Portfolio Style----------------------
*/


#portfolioWrapper
	{
		background:#000;
		width:800px;
		margin:0;
	}

.pod
	{
		height:180px;
		width:740px;
		margin:50px auto;
	}

.podImage a
	{
		width:450px;
		height:150px;
		float:left;
		border:solid 10px #333;
		padding:5px;
	}
	
.podImage a:hover
	{

		border:solid 10px #666;
	}	
	
.podDesc
	{
		width:210px;
		height:140px;
		float:right;
		background:#222 url(../images/bg-desc.jpg);
		border:solid 10px #222;
		padding:10px;
	}	

.portfolioDesc
	{
		font-size:12px;
		color:#666;
	}
	
h5
	{
		font-size:14px;
		color:#999;
		margin:0;
		padding:0 0 10px 0;
	}	

.gallery-hand
	{
		position:absolute;
		top:642px;
		left:190px;
		width:141px;
		height:95px;
		background:url(../images/btn-gallery.jpg) top left;
		text-indent:-9999px;
		display:block;
	}
	
.gallery-hand a	

{
		width:141px;
		height:95px;
		text-indent:-9999px;
		display:block;
		outline:0;
	}
	
.gallery-hand a:hover

{
		background:url(../images/btn-gallery.jpg) top right;
	}	
	
	


/*
--------------------End of Style----------------------
*/