/****************************************/
/* John Vaghi */
/* Copyright (c) John Vaghi - 2010 */
/* style.css */
/****************************************/
img	{ border:0px; }
img, div, input { behavior: url("/style/iepngfix.htc"); }
.clear { clear:both; }

body { margin:0; padding:0; text-align:center; min-width:960px; background:none; font:normal 11px arial; }
h1 {  }
h2 { font-size:13px; }
h3 { font-size:11px; font-weight:bold; text-transform:uppercase; margin:10px 0px 0px; }
p { margin:14px 0; line-height:16px; }
h2 + p { margin-top:0; }
a.button { font-size:0.9em; color:#000; text-transform:uppercase; text-decoration:none; font-weight:bold; background:url(/images/bg_button_arrow.gif) right no-repeat; padding:0 14px 0 0; margin:0 35px 0 0; }
h2 a.button { font-size:1.0em; }
a.button:hover { color:#FF0000; }
a.home { background:url(http://www.johnvaghi.com/images/btn-home.jpg) no-repeat 0 0; height:48px; width:35px; position:absolute; top:0px; left:0px; display:block; }
	a.home:hover { background-position:0 bottom; }
	
/****************************************/
/* Common Elements */
/****************************************/
.wrapper { width:1100px; margin:10px auto; text-align:left; background:url(../images/sig_bg.jpg) #FFF center bottom no-repeat; position:relative; -moz-border-radius:3em; -webkit-border-radius:3em; }
	div.rotate { z-index:8; clear:both; position:relative; width:1100px; height:800px; }
		div.rotate ul.main { z-index:9; position:absolute; top:30px; left:0; width:210px; height:800px; }
		div.rotate ul.main li {  font-size:14px; color:999; }
		div.rotate ul.main li p { padding:0px 25px; margin:8px 0px; text-transform:uppercase;}
		div.rotate ul.main li a { display:block; padding:2px 25px 2px 45px; color:#999; font-size:10px; font-weight:bold; text-decoration:none; }
		div.rotate ul.main li.active a { background:url(../images/nav_bg.jpg) 0 0 repeat-y; color:#000; }
		div.rotate div.content { z-index:8; position:absolute; top:0; left:0; width:1100px; height:800px; }
		
		ul.small li a { font-size:10px; color:#000033; }
			
		div.rotate div#welcome { background:url(../images/welcome_bg.jpg) no-repeat 0px 60px; } 
			div.rotate div#welcome ul.sub { top:410px; left:350px; }
			.sub_home { margin:710px 0 0 40px; text-align:center; font-size:10px; color:#333333; font-weight:bold;  }
			.sub_home a { color:#f9bd43; text-decoration:none; }
			.sub_home a:hover { text-decoration:underline; }

			.sub a { color:#f9bd43; text-decoration:none; }
			.sub a:hover { text-decoration:underline; }

			div.rotate div#interactive { background:url(../images/web_01.jpg) no-repeat center 45px; }
			div.rotate div#interactive2 { background:url(../images/web_02.jpg) no-repeat center 45px; }
			div.rotate div#interactive3 { background:url(../images/web_03.jpg) no-repeat center 45px; }
			/*div.rotate div#interactive4 { background:url(../images/web_04.jpg) no-repeat center 45px; }*/
			div.rotate div#interactive4 { background:url(../images/web_05.jpg) no-repeat center 45px; }
			div.rotate div#interactive5 { background:url(../images/web_06.jpg) no-repeat center 45px; }
			div.rotate div#interactive6 { background:url(../images/web_07.jpg) no-repeat center 45px; }
			
			
			div.rotate div#publishing { background:url(../images/publishing_01.jpg) no-repeat center 45px; }
			div.rotate div#publishing2 { background:url(../images/publishing_02.jpg) no-repeat center 45px; }
			div.rotate div#publishing3 { background:url(../images/publishing_03.jpg) no-repeat center 45px; }
			div.rotate div#publishing4 { background:url(../images/publishing_04.jpg) no-repeat center 45px; }
			div.rotate div#publishing5 { background:url(../images/publishing_05.jpg) no-repeat center 45px; }
			
			div.rotate div#graphics { background:url(../images/graphics_01.jpg) no-repeat center 45px; }
			div.rotate div#graphics2 { background:url(../images/graphics_02.jpg) no-repeat center 45px; }
			div.rotate div#graphics3 { background:url(../images/graphics_03.jpg) no-repeat center 45px; }
			div.rotate div#graphics4 { background:url(../images/graphics_04.jpg) no-repeat center 45px; }
			
			div.rotate div#branding { background:url(../images/branding_05.jpg) no-repeat center 45px; }
			div.rotate div#branding2 { background:url(../images/branding_01.jpg) no-repeat center 45px; }
			div.rotate div#branding3 { background:url(../images/branding_02.jpg) no-repeat center 45px; }
			div.rotate div#branding4 { background:url(../images/branding_03.jpg) no-repeat center 45px; }
			div.rotate div#branding5 { background:url(../images/branding_04.jpg) no-repeat center 45px; }
			
			.sub_int { margin:590px 0 0 122px; text-align:center; font-size:11px; color:#333333; font-weight:bold;  }
			div.rotate div#publishing ul.sub { top:215px; left:645px;}
		div.rotate div#telecom { background:url(/images/rotate/telecom_bg.jpg) no-repeat; }
			div.rotate div#telecom ul.sub { top:205px; left:330px; }
			
			div.rotate ul.sub { position:absolute; font-size:12px; }
			div.rotate ul.sub li { margin-bottom:3px; }
			
			.footer { color:#999999; margin:0px auto; padding:0px; }
			.footer p { color:#999999; }
			.footer a { color:#999999; text-decoration:none; }
			.footer a:hover { text-decoration:underline; }