/* __________________________MAIN_________________________ */
html {margin: 0 auto;}

body {
	color: #79797A;
	font-family: Helvetica, Tahoma, Sans-Serif;
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: normal;
	margin: 0 auto 0 auto; 
	text-align: center;
	padding: 0px;
}



/* _______________GENERIC TAGS____________________________ */
.b { font-weight: bold; }
.bb { border-bottom: 1px solid #000000; }
.bt { border-top: 1px solid #000000; }
.box {border: 1px solid #000000;}
.cb { clear: both; }
.cl { clear: left; }
.cr { clear: right; }
.fl { float: left; position: relative; }
.fr { float: right; position: relative; }
.mr { margin-right: 10px; }
.ml { margin-left: 10px; }
.mb { margin-bottom: 10px; }
.mt { margin-top: 10px; }
.pr { padding-right: 10px; }
.pl { padding-left: 10px; }
.pb { padding-bottom: 10px; }
.pt { padding-top: 10px; }
.pa { padding: 10px; }
.tar { text-align: right; }
.tal { text-align: left; }
.tac { text-align: center; }
.vat { vertical-align: top; }
.vab {vertical-align: bottom;}
.border {border: solid 1px #000000;}
.small {font-size: 12px;}
.hide {display: none;}
.show {display: block;}


/* _______________BASIC FORMATTING____________________________ */
a:link { 
	color: #000000;
	text-decoration: underline;
}

a:visited { 
	color: #000000;
	text-decoration: underline;
}

a:hover { 
	color: #AF292E;
	text-decoration: underline; 
}

a:active { 
	color: #000000;
	text-decoration: underline; 
}


.heading
{
	margin-top: 0px;
	font-size: 30px;
	font-weight: bold;
}



/* _______________GLOBAL LAYOUT____________________________*/
#logo {float: left;}
	#logo img {border: none;}


div#canvas 
{
	margin: 50px auto 0px auto; 
	padding: 0px 10px 10px 10px; 
	width: 760px; 
}

div#header
{
	border: solid 1px #FFFFFF;
}

div#navbar
{
	font-size: 18px;
	margin-top: 50px;
	float: right;
	width: 460px;
}	

	div#navbar a:link { 
		color: #000000;
		text-decoration: none;
	}

	div#navbar a:visited { 
		color: #000000;
		text-decoration: none;
	}

	div#navbar a:hover { 
		color: #AF292E;
		text-decoration: none; 
	}

	div#navbar a:active { 
		color: #000000;
		text-decoration: none; 
	}
	
	
	div#navbar div, div#menu-animation div
	{
		float: right;
		margin-left: 43px;
		text-align: center;
	}
	
		#testimonials, #testimonials2
		{
			width: 100px;
		}
		
		#portfolio, #portfolio2
		{
			width: 65px;
		}
		
		#services, #services2
		{
			width: 70px;
		}
		
		#about, #about2
		{
			width: 50px;
		}


div#menu-animation
{
	height: 15px;
}




div#main 
{
	text-align: left; 
	padding: 30px 20px 10px 20px;
	border: solid 3px #DCDDDE;
	height: 300px;
}

div#main2
{
	text-align: left;
	padding: 30px 20px 10px 20px;
	border: solid 3px #DCDDDE;
	height: 300px;
	background-color: #6D6E72;
	color: #FFFFFF;
}


div#footer
{
	margin-top: 30px;
	text-align: center;
	color: #000000;
}

	div#footer a
	{
		color: #6D6E72;
	}
	
	div#footer a:hover 
	{ 
		color: #AF292E;
	}



div.leftCol
{
	float: left;
	margin-right: 10px;
	text-align: center;
	width: 220px;
}


div.rightCol
{
	float: left;
	width: 480px;
}





/* _______________HOME____________________________*/
#intro
{
	float: left;
	width: 450px; 
	position: relative; 
	top: 140px; 
	left: 40px;
}
	#intro p {font-size: 18px;}
		
		
		
/* _______________SERVICES____________________________*/
#services-navi div
{
	margin-bottom: 25px;
	color: #DCDDDE;
	cursor: pointer;
}


/* _______________PORTFOLIO____________________________*/
#portfolio-tabs
{
	margin-bottom: 10px;
}

	#portfolio-tabs div
	{
		display: inline;
		cursor: pointer;
	}
	
	#portfolio-tabs .selected
	{
		font-weight: bold;
	}
	
	

#logo-navi div, #print-navi div, #web-navi div
{
	float: left;
	margin: 3px;
	cursor: pointer;
	height: 60px;
	width: 60px;
	border: solid 2px #DCDDDE;
}
	
	
#caption
{
	margin-top: 10px;
	font-size: 18px;
	height: 50px;
}