/*******universal Setting**********/
* {
margin:0;
padding:0;
}
body {
background:#F9F4FA;
font-family:  Verdana, Helvetica, Arial, sans-serif;
font-size: 1em;
letter-spacing: 0.03em;
line-height: 1.2em;

}
/* menu */
/************leftcolumn**************/
#nav{
background: transparent url(../images/box_dot.gif) top no-repeat;
font:0.8em Verdana, Arial sans-serif;
position:absolute;
top: 0;
width: 179px;
margin: 0 0 0 50px;
height: 750px;
}
#nav ul {
padding: 30px 30px 0 30px;
}
#nav ul li {
display: block;
font-weight:bold;
list-style: none;
padding: 10px 0 20px 10px;

}
#nav ul li a{
text-decoration:none;

}
#nav ul li a:link {
color:#fff;
list-style:none;
}
#nav ul li a:visited {
color:#ccc;
}
#nav ul li a:hover {
color:#fff;
text-decoration:underline;
}
#nav ul li a:active {
color:#B980C7;
}
/**********main container***********/
#container {
background: transparent url(../images/header_tile.gif) top left repeat-x;
margin: 10px 0 0 240px;
}
#header {
background: transparent url(../images/header.gif) top left no-repeat;
margin: 0 auto;
padding: 0 0 88px 0;
}
#header h1 {
font-family:  Times, Georgia, serif;
font-size: 2.2em;
color:#72008E;
padding: 20px 0 0 160px;
}

/* main content */
#content {
border-left: 5px solid #72008E;
font-family:  Verdana, Helvetica, Arial, sans-serif;
font-size: 0.9em;
letter-spacing: 0.03em;
line-height: 1.2em;
min-height: 750px;
color: #72008E;
padding: 10px 0 0 20px;
}
.style {
font: 1.7em Lucida, Georgia, Courier serif;
color:#72008E;
}
#left {
float: left;
width:350px;

}
#left h4 {
font: 0.9em Georgia, Courier serif;
font-weight:bold;
margin: 15px 0 10px 0;
}

#left p {
font: 0.9em Verdana, Helvetica, Arial, sans-serif;

}
#left ul {
padding: 10px 0 0 10px;
}
#left ul li {
display: block;
list-style: none;
padding: 0 0 10px 0;
font: 0.9em Verdana, Helvetica, Arial, sans-serif;
}
.quote {
font: 1em Verdana, Helvetica, Arial, sans-serif;

}
#left .quote p{
font-weight:bold;
margin-bottom:30px;
}
.quotel {
	font: 2em 'Times', serif;
	font-weight: bold;
	margin: 0 3px 30px 3px;
	float: left;
}
.quoter {
	font: 2em 'Times', serif;
	font-weight: bold;
	margin: 50px 5px 40px 0;
	float: right;
}
#middle {
background: transparent url(../images/boxex.jpg) top center no-repeat;
font: 0.8em Verdana, Helvetica, Arial, sans-serif;
float:left;
width:260px;
height:400px;	
margin:10px 0 0 20px; 

}
#content #middle h3 {
font: 1.2em Lucida, Georgia, Courier serif;  
font-weight: bold;
color: #F9F4FA;
padding:50px 0 10px 75px; 
}
#middle ul {
font:1em Verdana, Helvetica, Arial, sans-serif;
color:#F9F4FA;
padding:0 0 0 60px 	
}

#middle ul li {
display: block;
list-style: none;
}

#right {
font: 0.8em Verdana, Helvetica, Arial, sans-serif;   
width: 100px;    
border-left: 2px solid #72008E;  
margin: 0 0 0 650px;    
padding: 0 0 150px 20px;
}
#content #right h3 {
font: 1.2em Lucida, Georgia, Courier serif;  
font-weight: bold;
color: #72008E;    
padding: 10px 0 0 0;
margin: 0;}
#right ul {
padding: 0;
margin:15px 0 0 0;
}
#right ul li {
display: block;
list-style: none;
padding: 0 0 10px 10px;

}
#right ul li a{
text-decoration:none;

}
#right ul li a:link {
color:#72008E;
list-style:none;
}
#right ul li a:visited {
color:#6C8047;
}
#right ul li a:hover {
color:#B98047;
}
#right ul li a:active {
color:#B980C7;
}
#delicious {   
font: 0.8em Lucida, Georgia, Courier serif;    
width: 150px;   }

#delicious em {   
display: block;   
margin: 10px 0 0 0;    
font-style: normal;
}

#content #right #delicious h3 {
font: 1.2em Lucida, Georgia, Courier serif;
font-weight: bold;
    
color: #72008E;
margin:0 0 10px 0;   
padding: 10px 0 0 0;
}
#delicious a {    
margin: 0 0 3px 0;   
text-decoration: none;
display: block;
}
#delicious a:link {    
color: #72008E;}
#delicious a:visited {
color: #6C8047;
}
#delicious a:hover {
color: #B98047;
}
#delicious a:active {
color: #B980C7;
}

#content h2 {
font:1.2em Times, Georgia, serif;;
font-weight:bold;
color:#72008E;
margin: 0 0 15px 0;
}
#content h3 {
font-family: Times, Georgia, serif;;
font-size: 1em;
font-weight: bold;
color:#72008E;
margin: 10px 0 25px 0;
}
#content p{
font:0.9em Verdana, Helvetica, Arial sans-serif;
line-height:1.2em;
}


/* css for portfolio page*/
#box1 {
float:left;
width:350px;
margin: 0 0 0 50px;

}
#box1 p {
line-height:1.2em;
padding:0 30px 0 20px;
border-left: 3px solid #72008E;
}
#box1 img {
float:left;
margin: 4px;
border: none;
padding: 0 0 0 10px;
}


#box1 h4 {

font-family: Times, Georgia, serif;
font-size: 0.9em;
font-weight: bold;
color:#72008E;
margin: 10px 0 10px 0;
}

#box1 p span {
width: 270px;
display: block;
padding: 10px 0 5px 0px;
margin: 0 0 0 57px;

}
#box1 p span a {
color:#330066;
font-weight:bold;
font:1em Times, Georgia, serif;
padding: 0 0 0 10px;
}
#box2 {
float:left;
width:60px;
margin: 50px 0 0 40px;

}
#box3 {
float: left;
width:250px;
margin: 50px 0 0 40px;
}


/*************contact form************/
#contactFormArea {
font:0.9em Verdana, Arial, sans-serif;
}
#contactFormArea fieldset{
padding: 1em;
display:block;
border: none;
}
#contactFormArea label{
color:#72008E;
display: block;
}
#contactFormArea input{
color:#72008E;
border: 1px solid #72008E;
margin: 0.4em 0 0 0;
}
#contactFormArea textarea{
color:#72008E;
border: 1px solid #72008E;
}
#contactFormArea br {
display: block;
margin: 0.2em;
}

#footer {

width: 100%;
background: #72008E;
 

height:20px;
}
#footer p {
font:0.8em Verdana, Arial, sans-serif;
font-weight:bold;
color:#F9F4FA;
text-align:center;
padding: 5px 0 0 0;
}