body, ul, li{
margin:0px;
padding:0px;
font-size:12px;
font-family:arial,helvetica,sans-serif;
color:#666666;
}
h1, h2, h3{
margin:0px;
padding:0px;
line-height:.75em;
}

/*header starts here*/
#headcontainer{
margin:24px 24px;
padding:0px;
}
.logo{
width:149px;
margin:0px 0px 0px 95px;
padding:0px;
float:left;
}
.logo h1 span{
background:url(images/index/logo.gif) no-repeat;
width:149px;
height:100px;
position:absolute;
top:25px;
z-index:2;
}
.logo h1{
margin:0px;
padding:0px;
}
#topheader{
height:7em;
width:900px;
border-top:1px solid black;
border-bottom:1px solid black;
margin:0px;
padding:.8em 0px;
background-image:url(images/index/dots.gif);
background-repeat:no-repeat;
}

#topheader ul{
width:650px;
list-style:none;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
font-size:1.1em;
white-space:nowrap;
float:left;
}
#topheader li{
padding:0px 0px 0px 0px;
margin:1px 0px 0px 20px;
font-size:1em;
}
#topheader a{
text-decoration:none;
color:#666666;
display:block;
}
#topheader a:hover,#topheader a.selected,#topheader a:visited{
color:white;
}
/*color classes for the top menu starts here*/
.pink a:hover,.pink a.selected,.pink a:visited{
background-color:#f6aaaa;
}

.pink a,.pink a:hover,.pink a.selected{
width:500px;
}

.yellow a:hover,.yellow a.selected,.yellow a:visited{
background-color:#ffe326;
}

.yellow a,.yellow a:hover,.yellow a.selected{
width:270px;
}

.blue a:hover,.blue a.selected,.blue a:visited{
background-color:#31f4f4;
}

.blue a,.blue a:hover,.blue a.selected{
width:420px;
}

.orange a:hover,.orange a.selected,.orange a:visited{
background-color:#f9a30d;
}

.orange a,.orange a:hover,.orange a.selected{
width:540px;
}

.purple a:hover,.purple a.selected,.purple a:visited{
background-color:#e34ee3;
}

.purple a,.purple a:hover,.purple a.selected{
width:320px;
}
/*color classes for the top menu ends here*/
#bottomheader{
height:15px;
border-bottom:1px solid black;
width:900px;
padding:0px;
margin:0px;
clear:both;
}
.sub{
margin:0px 0px 0px 855px;
}
/*header ends here*/

/*main contents starts here*/
#maincontainer{
margin:20px 0px 00px 40px;
padding:0px 0px 30px 0px;
width:900px;
}
#leftcolumn{
width:660px;
margin:0px 0px 40px 0px;
padding:0px;
font-size:1em;
float:left;
}
#leftcolumn h1{
font-size:3em;
font-weight:normal;
}
#rightcolumn{
width:200px;
margin:0px 0px 20px 20px;
float:left;
}
/*main contents ends here*/

/*right content container starts*/
.rightcontainer{
text-align:right;
font-size:.9em;
margin:0px 0px 30px 0px;
}
.selectorcontainer{
margin:0px 0px 100px 0px;
padding:0px;
text-align:right;
}
.selector{
text-decoration:none;	
background-color:#31f4f4;
color:#666666;
width:180px;
}
/*right content container ends*/

/*index contents starts here*/
#indexcontainer{
margin:20px 5px;
padding:0px;
}
#logo{
margin:20px 0px;
}
/*index contents ends here*/

/*intro contents starts here*/
.intro{
width:640px;	
}
/*intro contents ends here*/

/*cv classes starts here*/
.cv ul{
line-height:17px;
letter-spacing:.2px;
list-style:none;
}
.cv a{
text-decoration:none;
color:#666666
}
.cv a:hover{
text-decoration:underline
}
.cv a.blue{
background-color:#31f4f4;
}
.cv h2{
margin:15px 0px 10px 0px;
font-size:1.5em;
font-weight:normal;
}
.cv h1{
margin:0px 0px 20px 0px;
}
/*cv contents ends here*/

/*contact classes starts here*/
.contact{
padding:1.2em;
margin:20px 2em 0px 0px;
border:1px dotted #666666;
width:160px;
height:10em;
float:left;
}
.contact h2{
font-size:1.2em;
font-weight:bold;
margin:0px 0px 5px 0px;
}
.contact a{
color:#666666;
text-decoration:none;
}
.contact a:hover{
text-decoration:underline;
}

#contact{ 
width:700px;
}
.enquiryForm{ 
float:left;
padding:25px;
margin:20px 0px;
border:1px dotted #e34ee3;
}
#myform{
padding:0px;
margin:0px;

}
#message{
font-size:1.3em;
width:290px; 
border:1px dotted;
margin:0px 0px 10px 0px;
padding:5px 0px 5px 10px;
display:none;
}
.enquiryForm label{
margin:0px;
padding:0px;
clear:both;
}
.validate input.text{ 
width:300px; 
height:1.4em;
float:left;
}
.buttons{
margin:0px;
padding:0px;
font-size:1.2em;
}
.resetbtn{
margin-right:10px;
}

.validate{
margin:0px 0px;
height:30px;
}
.validateEnquiry{
margin:0px;
height:150px;
}
.validateEnquiry textarea{
width:300px;
height:150px; 
overflow:auto;
float:left;
}
#required1, #required2, #required3, #required4{
background-repeat:no-repeat;
width:39px;
height:27px;
margin-left:10px;
float:left;
}
/*contact contents ends here*/

/*colored links outside the navigator starts here*/
.pinkbg{
background-color:#f6aaaa;
}
.yellowbg{
background-color:#ffe326;
}
.bluebg{
background-color:#31f4f4;
}
.purplebg{
background-color:#e34ee3;
}
/*colored links outside the navigator ends here*/

/*work classes start here*/
/*listing settings here*/
.listing{
padding:0px;
margin:0px;
float:left;
}
.listing .content{
}
.listing .text{
margin:5px 0px 0px 0px;
}
.listing .text h2{
font-weight:normal;
font-size:1em;
line-height:1em;
}
.listing a{
text-decoration:none;
color:#666666;
}
.listing a:hover{
text-decoration:underline;
color:#666666;
}

#workheader{
width:660px;
height:90px;
margin:0px 0px 0px 0px;
padding:0px;
font-size:1em;
float:left;
}
#workheader h1{
font-size:3em;
font-weight:normal;
}
#workrightcolumn{
width:200px;
margin:0px 0px 0px 20px;
float:left;
padding:0px;
}
#workrightcolumn .selectorcontainer{
margin:0px 0px 0px 0px;
padding:0px;
text-align:right;
}
/*settings for the main content container for all the work pages*/
#workmaincontents{
width:900px;
margin:0px 0px 0px 0px;
padding:0px 0px 30px 0px;
font-size:1em;
clear:both;
}
/*padding and margin for the main work page*/
.mainpage .listing{
margin:20px 10px 20px 0px;
float:left;
}
/*padding and margin for the home page*/
.home .listing{
margin:0px 60px 35px 0px;
padding:0px;
}
/*padding and margin for the deadnice page*/
.deadnice .listing{
margin:0px 30px 35px 0px;
padding:0px;
}
/*padding and margin for the home beautiful page*/
.homeBeautiful .listing{
margin:0px 24px 35px 0px;
padding:0px;
}
/*padding and margin for the loving me.. page*/
.lovingMe .listing{
margin:0px 27px 35px 0px;
padding:0px;
}

/*shifts the images that keeps floating left to the next line*/
.clear{
clear:both;
}

/*containers for large image pages starts here*/

#workleftcolumn{
width:220px;
float:left;
line-height:1.3em;
}

#workleftcolumn h1{
font-size:3em;
font-weight:normal;
line-height:1em;
}
#workleftcolumn ul{
margin:0px 0px 15px 0px;
}

#workleftcolumn li{
list-style:none;
}
#workleftcolumn a{
text-decoration:none;
color:#666666;
}
#workleftcolumn a:hover{
text-decoration:underline;
}


#workmiddlecolumn{
width:440px;
float:left;
}
.middlecontent{
width:382px;
height:343px;
margin:0px auto;
}
.middlecontentv{
width:261px;
margin:0px auto;
}


/*work contents ends here*/