/* 
 ----------------------------------------------------------------------------
  Copyright Benj Arriola 2007.
  Benj Arriola's Default CSS File

  Please check for cross-browser compatibility prior to making changes
  MINIMUM BROWSER CHECK :: IE5.x/IE6/Firefox/Safari

  CSS Document - layout.css
 ---------------------------------------------------------------------------- 
*/



/* undo some default styling of common (X)HTML browsers
 * ------------------------------------------------------------------------- */

/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol { list-style:none; }
/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; }
/* Remove inconsistent (among browsers) default padding or margin */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl,table,tr,td,script,hr { margin:0; padding:0; }
/* prevent blue linked image borders */
a img,:link img,:visited img,fieldset { border:none; }



/* global elements
 * ------------------------------------------------------------------------- */

/* ----- type selectors ----- */ 
body { 
	background: #002778 url(../images/allpages/back.jpg) repeat-x top ;
	text-align: center; 
	font: 12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	color: #000; 
	}

p, ul, ol, dl, pre, blockquote	{ margin-bottom:10px; }

blockquote { 
	margin-left: 10px; 
	margin-right: 10px; 
	}

h1,h2,h3 { margin-bottom:8px; }

h1	{ font-size:2.0em; color:#FF6400; line-height: 1.2em; text-transform: capitalize; }
h2	{ font-size:2.0em; color:#FF6400; line-height: 1.2em; text-transform: capitalize; }
h3	{ font-size:1.8em; color:#FF6400; }
h4	{ font-size:1.5em; color:#FF6400; }
h5	{ font-size:1.3em; color:#FF6400; }
h6	{ font-size:1.1em; color:#FF6400; }

h1 span, h2 span, h3 span	{ display:none; }

a:link,a:visited { color:#FF6400; text-decoration:none; }
a:hover,a:active { color:#026698; text-decoration:underline; }

/* ----- classes ----- */

div.clear {
	clear:both;
	width:100%;
	height:.01em; 
	overflow:hidden; 
	}

p.top {
	background: url(../images/allpages/toparrow.jpg) no-repeat 360px;
	text-align:right;
	display:block;
	} 
	
img.img-left {
	float:left; 
	margin: 2px 10px 10px 0; 
	}
	
img.img-right { 
	float: right; 
	margin: 0px 10px 10px 0px;
	}

/* framework
 * ------------------------------------------------------------------------- */

#wrap { 
	background: url(../images/allpages/seocontest2008.jpg) no-repeat top; 
	width:800px; 
	margin:0 auto;
	text-align:left; 
	height: 579px;
	padding :0;
	}
	#wrap p {
		color: #fff;
		text-align: center;
		}
#masthead {
	position:relative;
	background: url(../images/allpages/masthead.jpg);
	height: 402px;
	}
#masthead-yicrosoft-directory {
	position:relative;
	background: url(http://www.yicrosoftdirectory.org/masthead-yicrosoft-director.jpg);
	height: 402px;
	text-align: right;
	}
	#masthead h1, #masthead p {margin: 0}
	#masthead-yicrosoft-directory h1 {
		font-size: 2em;
		padding-top: 55px;
		}
	#masthead-yicrosoft-directory p {
		font-size: 1.5em;
		text-align: right;
		}
	#masthead span {
		display:none;
		}
	#masthead a#mast-01 {
		position:absolute;
		margin: 33px 0 0 424px;
		width: 349px;
		height: 71px;
		}
	#masthead div#mast-02 {
		position:absolute;
		margin: 294px 0 0 643px;
		width: 115px;
		height: 69px;
		}
	#masthead div#mast-02 a {
		position:absolute;
		margin: 0px 0 0 0px;
		width: 115px;
		height: 69px;
		text-indent: -1000em;
		}

#header-graphic {
	background: url(../images/allpages/header-graphic.jpg) no-repeat top right;
	height: 120px;
	}
	body#index #header-graphic {
		height: 195px;
		}
	 #header-graphic p {
		display: none;
		}
#header-flash {
	height:0px;
	width: 800px;
	}

#main {
	background: url(../images/allpages/mainleft.jpg) no-repeat top;
	width: 800px;
	}
	#main p {
		color: #000;
		}
	
#main-left {
	background: url(../images/allpages/wrap.jpg) repeat-y right;
	width: 800px;
	}
#main-right {
	background: url(../images/allpages/mainright.jpg) no-repeat bottom;
	width: 800px;
	padding-bottom: 70px;
	}

#column-left { 
	padding-top: 20px;
	width: 518px; 
	float:left; 
	text-align: left;
	padding-bottom: 55px;
	}
#column-left .post h2 { 
	margin: 50px 115px 0 80px; 
	color: #026698;
	}
#column-left .post .entry h1, #column-left .post .entry h2, #column-left .post .entry h3, #column-left .post .entry h4, #column-left .post .entry h5, #column-left .post .entry h6   { 
	margin: 28px 115px 0 80px; 
	color: #026698;
	font-size: 1.7em;
	}
#column-left .post p, #column-left .post address { 
	margin: 10px 50px 0 80px; 
	color: #00153F;
	text-align: left;
	font-size: 1.3em;
	line-height: 1.2em;
	}
	#column-left .post address {
		font-style: italic;
		font-size: 1.1em;
		}
#column-left .post img {
	border: 1px solid #002778;
	padding: 5px;
	margin: 8px;
	}
#column-left .post img.wp-smiley {
	border: none;
	padding: 0px;
	margin: 0px;
}

#column-left .aizattos_related_posts_header{
	margin: 10px 50px 0 80px; 
}

#column-left .post .wp-caption{
	padding: 5px;
	border: 1px solid #002778;
	padding: 5px;
	margin: 10px 50px 0 80px; 
}
#column-left .post .wp-caption img{
	border: none;
	padding: 0px;
	margin: 0px;
}
#column-left .post .wp-caption .wp-caption-text{
	margin: 3px; 
	font-size: 10px;
}


#column-left .post pre { 
	margin: 10px 50px 0 80px; 
	color: #000;
	font-size: 1.2em;
	line-height: 1.2em;
	width: 388px;
	overflow: auto;
	border: 1px solid #00153F;
	}

#column-left .post small { 
	margin: 10px 115px 0 80px; 
	}
#column-left .post p.postmetadata small { 
	margin: 0;
	font-size: 0.6em;
	}
#column-left #commentform small { 
	margin: 0; 
	font-size: 0.6em;
	}
#column-left .commentlist small.commentmetadata {
	margin: 0; 
	font-size: 0.9em;
}
#column-left .commentlist p {
	margin: 5px 0 0 0; 
	font-size: 1em;
}
#column-left .commentlist li {
	margin-top: 20px; 
}
#column-left .commentlist blockquote {
	margin: 10px 5px 10px 5px; 
	font-size: 1.2em;
}
	#commentform #comment{
		width: 380px;
	}
	
#column-left .post small.datetime { 
	margin: -90px 115px 0 80px;
	}
	
	#column-left .post h2 a:link, #column-left .post h2 a:visited  {
		text-decoration: none;
	}
	#column-left .post h2 a:hover, #column-left .post h2 a:active  {
		text-decoration: underline;
		color: #FFC48F;
		}

	#column-left blockquote {
			background: url(../images/allpages/quote-open.jpg) no-repeat top left;
			margin: 10px 50px 0 80px; 
			padding-left: 30px;
			padding-right: 20px;
			color: #00153F;
			text-align: left;
			font-size: 1.3em;
			line-height: 1.2em;
		}
		#column-left .post blockquote p {
			margin: 0;
			font-size: 1.1em;
			}
			#column-left .post blockquote p blockquote p{
				margin: 0;
				font-size: 1.0em;
				}
			#column-left .post blockquote blockquote{
				font-size: 1em;
				margin: 10px 0px 0 5px; 
				}

	#column-left ul {
		margin: 10px 50px 0 80px; 
		}
		#column-left ul li {
			background: url(../images/allpages/bullet.jpg) no-repeat 0px 3px;
			padding-left: 20px;
			margin: 0 0 5px 10px;
			font-size: 1.1em;
			}
		#column-left .sociable ul li {
			background: none;
			padding-left: 0px;
			margin: 0px;
			}
		#column-left .sociable {
			margin: 20px 35px 20px 80px;
		}	
		#column-left .sociable img {
			margin: 2px;
			border: none;
		}	

	#column-left ol {
		margin: 10px 50px 0 100px; 
		}
		#column-left ol li {
			list-style: decimal outside;
			margin: 0 0 5px 10px;
			font-size: 1.1em;
			}
	#column-left ul.li-2col li {
		float: left;
		width: 185px;
		}
		#column-left .post .searchform {
			margin: 10px 50px 0 80px; 
			color: #00153F;
			text-align: center;
			font-size: 1.3em;
			line-height: 1.2em;
			}
#column-left .navigation {
			margin: 10px 50px 0 80px; 
			color: #00153F;
			text-align: center;
			font-size: 1.5em;
			line-height: 1.2em;
			}
  
#column-left .navigation .alignleft{
			float: left;
			}
  
#column-left .navigation .alignright{
			float: right;
			}

#column-left .post p.postmetadata {
	font-size: 0.9em;
	}

.directory {
	margin: 10px 50px 0 80px; 
}
#column-left div.directory h2, #column-left div.directory p {
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
}

  
#column-right { 
	width: 280px; 
	float:left; 
	padding-top: 30px;
	}
	#column-right ul{ 
		margin: 0;
		width: 125px;
		}
	#column-right div.searchbox{ 
		margin: 0 auto;
		text-align: center;
		}
#column-right p.sidebarheading, #column-right h2 {
	font-size: 1.8em;
	color: #002778;
	margin-top: 20px;
	margin-bottom: 5px;
	text-align: left;
	font-weight: bold;
	}		
	
.column-right-1 {
	float: left;
	width: 127px;
	margin: 22px 0 0 0px;
	}
	.column-right-1 .aaa img {
		border: 0;
		margin-bottom: 6px;
		float: none;
		clear: left;
		}
.column-right-2 {
	width: 127px;
	float: left;
	margin: 22px 0 0 5px;
	}
	.column-right-2 .aaa img {
		border: 0;
		margin-bottom: 6px;
		float: none;
		clear: left;
		}

#sidebar-bottom{
	margin: 15px 0 0 0;
	text-align: center;
}

#bottom {
	background: url(../images/allpages/bottom.jpg);
	height: 83px;
	}

#footer { 
	width:800px; 
	margin:0px auto 25px auto; 
	text-align:center;
	}

	#footer p {
		color:#7FAAFF;
		}
	
	#footer a:link, #footer a:visited {
		color:#7FAAFF;
		text-decoration: none;
		}
	
	#footer a:hover, #footer a:active {
		color:#7FAAFF;
		text-decoration: underline;
		}
	
	#footer li {
		padding: 0 5px 0 7px;
		display: inline;
		border-left: 1px solid #fff;
		line-height: px;
		}
	
		#footer li.first { border: none; }

	

/* horozontal Nav
 * ------------------------------------------------------------------------- */

#nav { 
	background: url(../images/allpages/nav.jpg); 
	width: 800px; 
	height: 46px; 
	margin-bottom:0; 
	}

#nav span { display: none; } 

#nav li, #nav a { height: 46px; display: block; }

#nav li { float: left; list-style: none; _display: inline; }

#nav-01 { width: 66px; margin-left: 53px;}
#nav-02 { width: 67px;}
#nav-03 { width: 57px;}
#nav-04 { width: 61px;}
#nav-05 { width: 95px;}
#nav-06 { width: 103px;}
#nav-07 { width: 73px;}
#nav-08 { width: 91px;}
#nav-09 { width: 105px;}


#nav-01 a:hover {background:url("../images/allpages/nav.jpg") -53px -46px no-repeat;}
#nav-02 a:hover {background:url("../images/allpages/nav.jpg") -119px -46px no-repeat;}
#nav-03 a:hover {background:url("../images/allpages/nav.jpg") -186px -46px no-repeat;}
#nav-04 a:hover {background:url("../images/allpages/nav.jpg") -243px -46px no-repeat;}
#nav-05 a:hover {background:url("../images/allpages/nav.jpg") -304px -46px no-repeat;}
#nav-06 a:hover {background:url("../images/allpages/nav.jpg") -399px -46px no-repeat;}
#nav-07 a:hover {background:url("../images/allpages/nav.jpg") -502px -46px no-repeat;}
#nav-08 a:hover {background:url("../images/allpages/nav.jpg") -575px -46px no-repeat;}
#nav-09 a:hover {background:url("../images/allpages/nav.jpg") -666px -46px no-repeat;}

/* Son of Suckerfish: Horizontal Sprite Nav
 * ------------------------------------------------------------------------- */

#nav li ul {
	position: absolute;
	left: -9999px;
	background-color: #E67817;	
	}

#nav li ul li { 
	height: 20px; 				
	border:0px solid orange;
	border-top:none;
	}	

#nav li ul li a {
	width: 100%;
	height: 20px;
	line-height: 20px;
	}

#nav li ul li a span {
	display: block;
	padding-left: 5px;
	}

#nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
	font-size: 11px;
	color: #FCFFC7;
	text-decoration: none;
	}

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

#nav-02 ul a:hover, #nav-03 ul a:hover { 
	background-image: none;
	background-color: #1785E7; 
	}

#nav-02 ul, #nav-02 li { width: 124px; }
#nav-03 ul, #nav-03 li { width: 96px; }

body#products #nav-02 ul li a, body#about #nav-03 ul li a { background: #E67817; }
body#products #nav-02 ul li a:hover, body#about #nav-03 ul li a:hover  { background: #1785E7; }


/* Vertical Sprite Nav
 * ------------------------------------------------------------------------- */

#nav2 {
	background: url(../images/allpages/sidenav.jpg) top left no-repeat;					
	width: 174px;
	height: 203px;
	margin: 6px 0 0 8px;
	}

#nav2 li span { display: none; }

#nav2 li {
	float: left;
	list-style: none;
	}

#nav2 li, #nav2 a { 
	height: 63px;
	display: block;
	}

#nav2-01 { margin-top: 0px; width: 174px; }

#nav2-02, #nav2-03 { margin-top: 7px; width: 174px; }

#nav2-01 a:hover { background:url("../images/allpages/sidenav.jpg") -174px  -0px no-repeat; }
#nav2-02 a:hover { background:url("../images/allpages/sidenav.jpg") -174px  -70px no-repeat; }
#nav2-03 a:hover { background:url("../images/allpages/sidenav.jpg") -174px  -140px no-repeat; }



/* Contact Form
 * ------------------------------------------------------------------------- */

#contact-main {
	width: 410px;
	margin: 0 0 0 60px;
}

#contact-main dl {
	margin: 0 0 0 5px;
}
body #contact-main p{
	margin: 0 0 0 5px;
}
#contact-main dl br {
	clear: both;
}

#contact-main dt {
	float: left;
	width: 180px;
	line-height: 18px;
	text-align: right;
}
#contact-main dd {
	margin: 0 0 5px 190px;
	text-align: left;
}
#contact-main dd input, #contact-main dd select, #contact-main dd textarea {
	width:200px;
}
#contact-main dd input.radio {
	width:13px;
	margin-left: 10px;
	border: none;
}
#contact-main dl dd input.submit-contact-main { width: 60px; }