/* CSS document for EC Design and Marketing */

body { margin: 0px; padding: 0px; background-color: #444445; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; color: #FFFFFF }

#container { width: 960px; margin: 0px auto 0px auto; background-image: url(../images/lightbg.jpg); background-repeat: no-repeat; background-position: right top; background-color: #38383a; }

#header {
	width: 920px;
	background-image: url(../images/logo.gif);
	background-repeat: no-repeat;
	background-position: 637px 4px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 40px;
}
#logo { padding-top: 35px; }

#mainContent { width: 890px; margin-left: 40px; margin-right: 40px; }

#leftContent {
	float: left;
	width: 620px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 17px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#leftContent_port {
	float: left;
	width: 920px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 17px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
}

#mainText { width: 562px; }


#largeText {
	font-size: 20px;
	line-height: 22px;
	width: 690px;
	margin: 25px 0 0 0px;
}
#casestudy_text {
	float: right;
	width: 260px;
	margin-top: 0px;
}
#casestudy_imgs {
	float: left;
	height: auto;
	width: 320px;
	margin-top: 0px;
	margin-right: 40px;
	margin-bottom: 30px;
}

#footer {
	clear: both;
	height: 90px;
	width: 960px;
	background-color: #38383A;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#footermenu {
	color: #999999;
	font-size: 11px;
	margin-left: 40px;
	line-height: 30px;
}

#rightContent {
	height: auto;
	width: 180px;
	margin-top: 55px;
	float: right;
	border-left: solid 1px #666666;
	padding-left: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 27px;
	color: #FFFFFF;
	text-align: center;
	padding-bottom: 200px;
}
#rightContent_text {
	font-size: 12px;
	line-height: 18px;
	height: auto;
	width: 100%;
	text-align: left;
	color: #b2b4b6;
	padding-top: 7px;
}

h1 {
	color: #0099FF;
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 15px;
	line-height: normal;
	margin-top: 0px;
}
h2 { color: #0099FF; margin-bottom: 8px; margin-top: 0px; font-size: 16px; font-weight: normal; }
h3 {
	font-weight: normal;
	color: #0099FF;
	margin-bottom: 2px;
}
h5 { font-size:10px; font-weight: normal; color: #999999; margin-bottom: 3px;
}

#flashBanner { height: 240px }
	
#navbar { margin: 25px 0px 0px 0px; letter-spacing: 0.8px; line-height: 18px; font-weight: normal; height: 28px }
#navbar ul { padding: 0; margin: 0; list-style: none; clear: left; font-size: 13px; line-height: 15px; }
#navbar li { float: left; list-style-type: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding-bottom: 5px;padding-left: 0px; }

#navbar a.blank { text-decoration: none; display: block; margin-right: 20px }
#navbar a.blank:link { color: #FFFFFF; }
#navbar a.blank:active { color: #FFFFFF; }
#navbar a.blank:visited { color: #FFFFFF; }
#navbar a.blank:hover { color: #0099FF; }

#navbar a.over {  text-decoration: none; display: block;  margin-right: 20px }
#navbar a.over:link { color: #0099FF; }
#navbar a.over:active { color: #0099FF; }
#navbar a.over:visited { color: #0099FF; }
#navbar a.over:hover { color: #0099FF; }

#navbar li ul { position: absolute; width: 80px; left: -999em; }
#navbar li ul li { background-color: #38383a; width: 80px; padding-left: 9px; padding-top: 5px; margin-left: -10px; }
#navbar li ul li.fix { padding-top: 8px; }


#navbar li:hover ul { left: auto; }
#navbar li:hover ul, #nav li.sfhover ul { left: auto; }

#copyright { width: 780px; margin-left: auto; margin-right: auto; text-align: center; line-height: 13px; }

#footermenu a { color: #999999; }
#footermenu a:link {  text-decoration: none }
#footermenu a:active { text-decoration: none; }
#footermenu a:visited { text-decoration: none; }
#footermenu a:hover { text-decoration: underline; }

a.mainlink { }
a.mainlink:link {
	color: #0099FF;
}
a.mainlink:visited {
	color: #0099FF;
}
a.mainlink:active {
	color: #0099FF;
}
a.mainlink:hover { color: #0099FF; }


.telStyle { font-size: 36px; color: #87CFE6; line-height: 36px; }
.bluetxt {color: #0099FF}
.pinktxt {color: #DF0079}

.tdborder { border-top: solid 1px #333333; border-left: solid 1px #38383a; background-color: #3e3e40; }
#folio  img {
	padding-top: 5px;
	padding-right: 25px;
	padding-bottom: 8px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#folio {
	font-size: 14px;
	height: auto;
	width: 920px;
}

.project { margin-right: 19px; width: 180px; float: left; color: #b2b4b6; }
.projectRight { margin-right: 40px; width: 180px; float: right; color: #b2b4b6; }
.portimg { float: left; padding-right: 25px; padding-bottom: 10px; }


.vidproject { width: 618px; clear: left;  height: 250px; }
.vidimg { margin-right: 30px; float:left }
.vidtext { float: left; width: 265px }


#clientlist {
	margin-top: 30px;
	float: right;
	border-left: solid 1px #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #808286;
	text-align: left;
	width: 180px;
	padding-left: 40px;
	padding-right: 10px;
}
a.clientlink { }
a.clientlink:link { color: #808286; text-decoration: none; }
a.clientlink:active { color: #808286; text-decoration: none; }
a.clientlink:visited { color: #808286; text-decoration: none; }
a.clientlink:hover { color: #ffffff; text-decoration: none; }

a.portlink { font-size: 15px; line-height: 23px; }
a.portlink:link { color: #DF0079; text-decoration: none; }
a.portlink:active { color: #DF0079; text-decoration: none; }
a.portlink:visited { color: #DF0079; text-decoration: none; }
a.portlink:hover { color: #ffffff; text-decoration: none; }

a.recentlink { }
a.recentlink:link { color: #0099FF; text-decoration: none; }
a.recentlink:active { color: #0099FF; text-decoration: none; }
a.recentlink:visited { color: #0099FF; text-decoration: none; }
a.recentlink:hover { color: #ffffff; text-decoration: underline; }

#divLeft {
	float: left;
	width: 290px;
	padding-right: 20px;
}

#divRight {
	float: right;
	width: 290px;
	padding-right: 20px;
}

#blurb_experiental {
	font-size: 12px;
	line-height: normal;
	width: 180px;
}
 
.whatwedoleft { float: left; width: 260px }
.whatwedoright { float: right; width: 330px }


/* GAMES */

#game { float: left; width: 580px; }
#highscores_box { float: right; width: 310px; margin-right: 30px; }
#highscores_box_in { height: 410px; width: 300px; margin-left: 10px }
.line { width: 280px; border-bottom: solid 1px #cccccc; }
h6 { font-size: 18px; color: #FFFFFF; font-weight: normal; }