/* CSS Document */

body { background-color:#dedede; font-family:"Trebuchet MS"; font-size:11px; color:#202020; line-height:175% }

p { padding-left:100px; padding-right:100px; font-family:"Trebuchet MS"; font-size:14px; font-weight:normal; line-height:175%; color:#202020; text-align:left }

h1 { }

h2 { padding-left:100px; padding-right:100px; font-size:13px; font-weight:bold }

h1.pads { padding-left:100px; font-size:16px }

h3 { padding-left:100px; padding-right:100px; font-size:12px; font-weight:bold }

ul { padding-left:100px }

#textacross { width:900px; text-align:left }

#middle2 { background-image:url(website/img/main2.png); width:984px; height:4000px }

#middle4 { background-image:url(website/img/main4.png); width:984px; height:2756px }

#middle5 { background-image:url(website/img/main5_img.png); width:984px; height:2007px }

#middle { background-image:url(website/img/main3.png); width:984px; height:1300px }

#middleclient { background-image:url(website/img/main.png); width:984px; height:1100px }

#content { width:auto; height:935px; margin-top:20px }

/* contact boxes */

#seperate { width:760px; height:auto; float:left; text-align:left }

#seperate2 { width:129px; height:auto; float:right; text-align:right }

#line2 { width:1px; height:200px; float:right; background-color:#dedede }

#pbox { width:200px; height:96px; float:left; margin-bottom:10px; margin-right:10px }

#pbox2 { width:440px; height:96px; float:left; margin-bottom:10px; margin-right:10px }

#ebox { width:240px; height:70px; float:left; margin-bottom:10px }



/* ---------------------------------   main content   -------------------------------- */

#header {
	width:940px;
	height:160px;
	padding-top:20px;
	font-family: "Trebuchet MS";
}

#navigation { width:auto; height:auto; float:right; vertical-align:bottom;  margin-right:20px; padding-top:80px }

#subnavigation { width:900px; height:40px; vertical-align:middle; line-height:40px; float:left; text-align:right; margin-right:20px; margin-left:20px }

.text {
	font-size:16px;
	color:#202020;
	font-family: "Trebuchet MS";
	font-weight: normal;
}

h1 { font-size:16px; font-weight:bold; color:#aaaaaa }

img { border:none}

.title { font-size:16px; font-weight:bold; color:#aaaaaa }

.ctext { font-size:11px; text-align:left; line-height:150%; color:#202020 }

#logo { width:215px; height:71px; float:left; margin-left:20px; padding-top:29px }

#line { width:900px; height:10px; margin-left:20px; margin-right:20px; float:left }

#gallery { width: 900px; height:600px; float:none; margin-left:20px; margin-right:20px; padding-top:0px }

#clist { width: 900px; height:506px; float:none; margin-left:20px; margin-right:20px; padding-top:20px }

#cvid { width: 900px; height:576px; float:none; margin-left:20px; margin-right:20px; padding-top:20px }

#portfolio {
	width: 900px;
	height:650px;
	float:none;
	margin-left:20px;
	margin-right:20px;
	font-size: 16px;
	font-family: "Trebuchet MS";
	text-align:left
}

#video { width: 900px; height:autopx; float:none; margin-left:20px; margin-right:20px }

#footer {
	width:900px;
	height:auto;
	padding-top:20px;
	float:left;
	text-align:left;
	font-family: "Trebuchet MS";
	font-size: 16px;
}

#footer2 {
	width:900px;
	height:auto;
	padding-top:20px;
	float:left;
	text-align:left;
	margin-left:42px; 
	margin-right:42px;
	font-family: "Trebuchet MS";
	font-size: 16px;
}

#sections {
	width:180px;
	padding-left:100px;
	height:auto;
	float:left;
	text-align:left;
	line-height:150%;
	font-family: "Trebuchet MS";
	font-size: 12px;
}

#sections2 { width:300px; height:750px; float:left; text-align:left; line-height:125% }


.subtext { font-size:13px; font-weight:bold; color:#eeeeee }

.captext { font-size:11px; text-align:left }

#vid1 { width:380px; height:300px; padding-left:40px; float:left; text-align:left }

#vid2 { width:380px; height:300px; padding-left:60px; float:left; text-align:left }

#vid3 { width:380px; height:300px; padding-left:40px; float:left; text-align:left }

#vid4 { width:380px; height:300px; padding-left:60px; float:left;  text-align:left }

/* --------------------------- end -------------------------- */

a:link, a:visited, a:active { color:#aaaaaa; text-decoration:none; font-size:16px; font-weight:bold }
a:hover { color:#6e6e6e; text-decoration:none; font-size:16px; font-weight:bold }

a.top:link, a.top:visited, a.top:active {color:#202020; font-weight:bold; font-size:11px }
a.top:hover { color:#202020; font-weight:bold; font-size:11px; text-decoration:underline }

a.ctact:link, a.ctact:visited, a.ctact:active {color:#202020; font-weight:normal; font-size:11px }
a.ctact:hover { color:#202020; font-size:11px; font-weight:normal; text-decoration:underline }

a.footer:link, a.footer:visited, a.footer:active {color:#6e6e6e; font-weight:normal; font-size:10px }
a.footer:hover { color:#202020; font-size:10px; font-weight:normal; text-decoration:underline }

a.sub:link, a.sub:visited, a.sub:active {color:#aaaaaa; font-weight:bold; font-size:13px }
a.sub:hover { color:#202020; font-weight:bold; font-size:13px; text-decoration:none }

a.caption:link, a.caption:visited, a.caption:active {color:#aaaaaa; font-weight:bold; text-decoration:none; font-size:14px }
a.caption:hover { color:#6e6e6e; font-weight:bold; font-size:14px; text-decoration:none }