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

body{
    background: #FFFFFF;
	color: #333333;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: normal;
	font-weight: normal;
  	margin: 0px auto 0px;
	margin-left: 0px;
	margin-right: 0px;
  	padding: 0px;
}

a:link {
	color: #333333;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration: none;
	color: grey;
	font-weight: bold;
}
a:hover.i {
	text-decoration: none;
	color: grey;
	font-weight: bold;
}
a.whatsHere:hover {
	text-decoration: none;
	color: #6100D6;
	font-weight : normal ;
}
a.avoid:hover {
	text-decoration: none;
	color: #6100D6;
	font-weight : normal ;
}
a:active {
	text-decoration: none;
	color: #000000;
}

.clearfloat {
	height: 0;
	clear: both;
	font-size: 0;
	line-height: 0;
	display: block;
	visibility: hidden;
}

#logo{
	float : left;
	padding-left: 5px;
	padding-top: 0px;
        margin: 0px 0px 0px 5px;
	z-index : 1;
}

.menu{
	float: none;
	padding-top: 5px;
	padding-right : 5px;
	right : 0;
	text-align : right; /*Mild hack for Netscape 4*/
       
}

#photo{
	float : right;
	padding-left: 0px;
	padding-right: 80px;
	padding-top: 65pt;
	z-index : 50;
}

.long_line{
	float: right;
	width: 955px;
	height: 5px;
	margin: 10px 0px 0px 0px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #cccccc;
	z-index : 50;
}

.short_line{
	float : right;
	width: 200px;
	height: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	z-index : 50;
}

.short_line_index{
	float : right;
	width: 222px;
	height: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	z-index : 50;
}

.welcome_title{
	position : relative;
	top: 0px;
	font-size: 40px;
	line-height: 46px;
	z-index : 50;
	width: 420px;
	height: 316px;
	left: 0px;
        color: #000000;  
        margin: 0px 0px 0px 0px;  
}

.welcome_title-snarl{
	position : relative;
	top: 0px;
	font-size: 40px;
	line-height: 46px;
	z-index : 50;
	width: 370px;
	height: 316px;
	left: 0px;
    color: #000000;  
    margin: 0px 0px 0px 0px;  
    padding-top : 50px ;
        
}

.welcome_subtitle{
	position : relative;
	font-size: 17px;
	line-height : 20.5px;
	left: 0px;
	z-index : 50;
	width: 500px;
	top: 0px;
        margin: 20px 0px 0px 0px;
}

#about{
	float : none;
}

#solutions{
	float : none;
        }

#profile{
	float : none;
}

#work{
	float : none;
}

#contact{
	float : none;
}

.left_box{
	float : left;
	width: 210px;
	color: #000000;
        margin: 0px 0px 0px 0px;
        padding-left: 0px;
}
.left_box_index{
	float : left;
	width: 222px;
	color: #000000;
        margin: 0px 0px 0px 0px;
        padding-left: 0px;
}

.left_box-snarl{
	float : right;
	width: 750px;
	color: #000000;
        margin: 0px 0px 0px 0px;
        padding-left: 0px;

}

.category_title{
	text-align : right;
	font-size : 36px;
	height : 60px;
}

.category_title_whatsHere{
	text-align : left;
	font-size : 25px;
	height : 39px;
	margin-top : 0px ;
}

.category_title_avoid{
	text-align : left;
	font-size : 25px;
	height : 55px;
	margin-top : 10px ;
}

.category_title-whatSaid{
	text-align : right;
	font-size : 36px;
	height : 230px;
}

.category_subtitle{
	text-align : left;
	font-size : 16px;
	line-height : 20px;
      }

.category_subtitle-snarl{
	text-align : right;
	font-size : 16px;
	line-height : 20px;
      }

.right_box{
	float : none;
	width: 520px;
        line-height: 19px;
	margin: 10px 0px 0px 380px;
}

.right_box_whatSaid{
	float : none;
	width: 365px;
        line-height: 19px;
	margin: 10px 0px 0px 380px;
}


#footer{
	float : none;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-right : 0px;
	text-align : right; /*Mild hack for Netscape 4*/
}

.big{
	 font-size: 14px; 
	 color: #000000;
	 font-family: "Century Schoolbook", Georgia, "Times New Roman", Times, serif;
	 text-transform: uppercase;
     letter-spacing: 3px;
         
}

.italic{
	 font-style: italic;
	 color: #000000;
}

blockquote{
        width: 350px;
        background-image: url(../images/star.gif);
        background-position: 8px 1px; 
        background-repeat: no-repeat;
        padding-left: 35px;
	}
blockquote_quote{
        width: 350px;
        background-image: url(../images/quote.png);
        background-position: 8px 1px; 
        background-repeat: no-repeat;
        padding-left: 35px;
	}
blockquote_whatSaid{
        width: 150px;
        padding-left: 35px;
	}
	
.redbrack{
	 	 color: #CC0000;
}

.column {
margin: 0;
padding: 20px 10px 0px 10px;
width: 202px;
float: left;
}