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

/* HTML
=================================================*/
body, html { height:100%; margin:0; border:0; padding:0; }
body { margin:0; border:0; padding:0; text-align:left; font-family:Arial; min-width:980px; min-height:540px; }

h1, h2, h3  { padding:0; margin:0; padding:0; font-weight:normal; font-family:Georgia; }
h1 { font-size:18px; line-height:18px; padding-bottom:18px; }
h2 { font-size:16px; line-height:16px; padding-bottom:14px; }
h3 { font-size:14px; line-height:14px; padding-bottom:10px; }

img, a img { border:0; }

a, a:visited, a:hover { text-decoration:none; }

ul { margin:0; border:0; padding:0 0 10px 0; list-style-type:none; }
ul li { margin:0; border:0; padding:0 10px; }


/* LAYOUT
=========================================*/
#outer { float:left; height:50%; margin-top:-270px; width:100%; }
#wrapper { position:relative; width:100%; height:540px; border:0; overflow:auto; text-align:left; clear:both; background:#fff url(../../images/main/bg.jpg) repeat-x; }

#bg-images { position:absolute; left:0; top:0; height:540px; width:100%; margin:0; border:0; padding:0; z-index:0; overflow:visible; font-size:0; line-height:0; }

#logo { position:absolute; left:0; top:10px; z-index:999; }
#flash { position:absolute; left:0; top:10px; z-index:100; }

#tagline { position:absolute; top:60px; left:710px; width:270px; border:0; padding:0; color:#ccc; font:10px/10px Georgia, serif; z-index:999; text-align:right; }
	a.hdr-link:link, a.hdr-link:visited { color:#ccc; text-decoration:none; }
	a.hdr-link:hover { color:#09f; text-decoration:none; }

#ftr { position:absolute; left:50px; top:500px; font:10px/10px Georgia; color:#999; }
#ftr-A { position:absolute; left:0; top:480px; z-index:500; }
	a.ftr-link:link, a.ftr-link:visited { color:#999; text-decoration:none; }
	a.ftr-link:hover { color:#09f; text-decoration:none; }


/* CONTENT
=========================================*/
.content { margin:0; border:0; padding:0; z-index:200; font:11px/18px Verdana; color:#999; }
.floater { margin:0; border:0; padding:0 30px 0 0; float:left; }

	a.main-link:link, a.main-link:visited { color:#09f; text-decoration:none; }
	a.main-link:hover { color:#09f; text-decoration:underline; }


	/* HOMEPAGE CONTENT
	=========================================*/
	.welcome { position:absolute; top:270px; left:113px; font:18px/18px "Courier New", Courier, Georgia; color:#9c3; }


	/* ABOUT SECTION CONTENT
	=========================================*/
	.portfolio-copy { position:absolute; top:135px; left:100px; width:800px; }
	
	
	/* ABOUT SECTION CONTENT
	=========================================*/
	.company-copy { position:absolute; top:135px; left:391px; width:360px; }
	
	.design-copy { position:absolute; top:135px; left:391px; width:400px; }
	.development-copy { position:absolute; top:135px; left:580px; width:400px; }
	.skills-copy { position:absolute; top:350px; left:391px; width:440px; }

	.clients-copy { position:absolute; top:135px; left:40px; width:920px; }
	
	
	/* CONTACT SECTION CONTENT
	=========================================*/
	.contact-copy { position:absolute; top:135px; left:459px; }


	/* CONTENT COLORING
	=========================================*/
	.main-color { color:#09f; }
	.portfolio-color { color:#f09; }
	.about-color { color:#9c3; }
	.contact-color { color:#eda915; }
	
	a.portfolio-link:link, a.portfolio-link:visited { color:#f09; text-decoration:none; }
	a.portfolio-link:hover { text-decoration:underline; }
	
	a.about-link:link, a.about-link:visited { color:#690; text-decoration:none; }
	a.about-link:hover { text-decoration:underline; }
	
	a.contact-link:link, a.contact-link:visited { color:#eda915; text-decoration:none; }
	a.contact-link:hover { text-decoration:underline; }
	
	a.on-link:link, a.on-link:visited { color:#fff; text-decoration:none; }
	a.on-link:hover { text-decoration:none; }



/* MAIN NAVIGATION
=================================================*/
.navMain { position:absolute; top:50px; left:300px; border:0; padding:0; font:14px/14px Georgia, serif; font-weight:bold; z-index:999; }

.navMain ul, .navSub ul { margin:0; border:0; padding:0; list-style-type:none; height:30px; }
.navMain ul li, .navSub ul li { margin:0; border:0; padding:0; float:left; }

.navMain ul li a:link, .navMain ul li a:visited { color:#999; background:#fff; border:0; padding:7px 13px 9px 13px; display:block; }

.navMain ul li a.portfolio:hover { color:#fff; background:#f09; text-decoration:none; }
.navMain ul li a.about:hover { color:#fff; background:#9c3; text-decoration:none; }
.navMain ul li a.contact:hover { color:#fff; background:#eda915; text-decoration:none; }



/* SUB NAVIGATION
=================================================*/
.navSub { position:absolute; top:80px; padding:0; font:14px/14px Georgia, serif; color:#fff; font-weight:bold; z-index:999; }
.navPortfolio { left:300px; border-top:1px solid #6c214d; }
.navAbout { left:391px; border-top:1px solid #5c7a21; }
.navContact { left:459px; border-top:1px solid #930; }

.navSub ul li a:link, .navSub ul li a:visited { border:0; padding:7px 13px 9px 13px; display:block; text-decoration:none; }

	/* colored text 
	=======================
	.navPortfolio ul li a:link, .navPortfolio ul li a:visited { color:#f09; background:#fff; }
	.navAbout ul li a:link, .navAbout ul li a:visited { color:#9c3; background:#fff; }
	.navContact ul li a:link, .navContact ul li a:visited { color:#eda915; background:#fff; }
	
	.navPortfolio ul li a:hover { color:#fff; background:#f09; text-decoration:none; }
	.navAbout ul li a:hover { color:#fff; background:#9c3; text-decoration:none; }
	.navContact ul li a:hover { color:#fff; background:#eda915; text-decoration:none; }
	*/
	
	/* colored background 
	====================== */
	.navPortfolio ul li a:link, .navPortfolio ul li a:visited { color:#6c214d; background:#f09; }
	.navAbout ul li a:link, .navAbout ul li a:visited { color:#5c7a21; background:#9c3; }
	.navContact ul li a:link, .navContact ul li a:visited { color:#930; background:#eda915; }
	.navSub ul li a:hover { color:#fff; text-decoration:none; }
	
	ul li.portfolio { color:#fff; background:#f09; text-decoration:none; border:0; padding:7px 13px 9px 13px; display:block; }
	ul li.about { color:#fff; background:#9c3; text-decoration:none; border:0; padding:7px 13px 9px 13px; display:block; }
	ul li.contact { color:#fff; background:#eda915; text-decoration:none; border:0; padding:7px 13px 9px 13px; display:block; }



/* WEBSITE PORTFOLIO NAVIGATION
=================================================*/
.navWork { position:absolute; top:135px; left:20px; margin:0; border:0; padding:0; font:11px/18px Verdana; color:#666; width:210px; text-align:right; }
.navWork ul { margin:0; border:0; padding:0; list-style-type:none; }
.navWork ul li { margin:0; border:0; padding:0; }
.navWork ul li a:link, .navWork ul li a:visited { color:#666; text-decoration:none; }
.navWork ul li a:hover { color:#f09; font-weight:bold; text-decoration:none; }

.work-pics { position:absolute; left:300px; top:135px; width:432px; }
.work-pics img, .work-pics a img { border:1px solid #ccc; }
.launch-link { float:right; }

.work-description { position:absolute; left:760px; top:170px; width:220px; font:11px/18px Verdana; color:#999;  }

.thumbnails { position:absolute; left:700px; top:135px; width:280px; font:11px/18px Verdana; color:#999;  }