/*
Project Name: Modiki
Project URI: http://modiki.com/
Description: Modiki web site basic cascading style sheet
Version: 1.0
Author: Bogac GURGUN
*/


/* GENERAL ELEMETS & CLASSES //
-------------------------------------------------- */
* { padding: 0; margin: 0; }

body {
	background:  #f4f5ef;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size: 14px;
	color:#71747b;
}

#bgaboutus
{
background:  #6d6d6d;
}

#bgcontact
{
background:  #738289;
}





#logo
{
padding-left:846px;
position: relative; top: 85px;
}

img{
border: none
}




a
{

	color: #7f7f7f;
	text-decoration: none;
}

a:hover 
{
	text-decoration: underline;
}



#wrapper { 
 margin: 0 auto;
 width: 1000px;
 background: #eaebe6;

}













.rollover a {
display:block;
width: 90px;
padding:10px 10px 10px 7px;
font: bold 13px sans-serif;;
color:#333;
background: url("rollover-image.gif") 0 0 no-repeat;
text-decoration: none;
}
.rollover a:hover { 
background-position: 0 -35px;
color: #049;
}
.rollover a:active {
background-position: 0 -70px;
color:#fff;
}




/* ABOUT US //
-------------------------------------------------- */
#aboutus {
margin:0;
width:1000px;
height:695px;
z-index: 1;
position:relative;
}

#aboutus #aboutuscontainer {
font-size:11px;
line-height:18px;
text-align:left;
height:400px;
}

#aboutus .colleft {
padding-left:70px;
padding-right:40px;
padding-top:37px;
float:left;
width:310px;
}

#aboutus .colcenter {
float:left;
width:315px;
margin-left:10px;
}

#aboutus .colright {
float:right;
width:190px;
}

#aboutusflash {
position: absolute;
z-index: 0;
margin-top:75px;
left:0px;
}


/* MODIKI PHILPSOPHY //
-------------------------------------------------- */
#philpsophy {
background: url(../images/picture_philpsophyb1g.jpg) no-repeat;
margin:0;
width:1000px;
height:615px;
z-index: 1;
position:relative;
}

#philpsophyflash {
position: absolute;
z-index: 0;
margin-top:-30px;
left:0px;
}

#philpsophy #philpsophycontainer {
font-size:11px;
line-height:18px;
text-align:left;
height:400px;
padding-top:174px;
}

#philpsophy .colleft {
padding-left:0px;
padding-right:5px;
float:left;
width:420px;
}

#philpsophy .colcenter {
float:left;
width:230px;
margin-left:10px;
}

#philpsophy .colright {
float:left;
width:233px;
margin-left:15px;
}





/* MODIKI REFERENCES //
-------------------------------------------------- */
#references {
margin:0;
width:1000px;
height:100%
z-index: 1;
position:relative;
}

#referencesflash {
background: #6f6b65; position: absolute; left: 20px; width: 603px; height:950px;
}

#references #referencescontainer {
font-size:11px;
line-height:18px;
text-align:left;
}

#references .colright {
background: #fff;  float:right; margin-top: 65px; width:745px; height:100%;
}



/* WHAT WE DO //
-------------------------------------------------- */
#whatwedo {
background: #c3c3c3 url(../images/whatwedotopletf.jpg) no-repeat;
margin:0;
width:1000px;
height:695px;
}

#whatwedo #whatwedocontainer {
color: #fff;
font-size:17px;
line-height:25px;
text-align:left;
height:400px;
}

#whatwedo .colleft {
padding-left:55px;
padding-right:40px;
padding-top:37px;
width:533px;
float:left;
}

#whatwedo .colright {

float:right;


}

#whatwedo p{
font-size:19px;
}







/* CAREERS //
-------------------------------------------------- */
#careers {
background: url(../images/picture_aboutus.jpg) no-repeat bottom;
margin:0;
width:1000px;
height:695px;
}

#careers #careerscontainer {
font-size:11px;
line-height:18px;
text-align:left;
height:400px;
}

#careers .colleft {
padding-left:22px;
padding-right:10px;
padding-top:37px;
float:left;
width:310px;
}
#careers .colright {
float:right;
width:605px;
}


#careers .colleft1 {
padding-left:22px;
padding-right:10px;
padding-top:137px;
float:left;
width:226px;
}

#careers .colright1 {
float:left;
width:605px;
padding-top:37px;

}





label{
float: left;
width: 79px;
text-align:right;
margin-right:8px;
}

input, textarea{
width: 400px;
margin-bottom: 5px;
border:0px;
height:19px;
margin: 1px;
font-size:11px;
color:#71747b;
}

textarea{
width: 400px;
height: 100px;

color:#71747b;
}


#applybutton{
margin-right: 68px;
margin-top: 5px;
width: 118px;
height:20px;
float:right;
}


br{
clear: left;
}

























/* MODIKI CONTACT //
-------------------------------------------------- */
#contact {
margin:0;
width:1000px;
height:755px;
}

#contact #contactcontainer {
background: #aaaba6 url(../images/contactbg.jpg) no-repeat;
font-size:11px;
line-height:18px;
text-align:left;
height:660px;

}

#contact .colleft {
padding-left:0px;
padding-right:5px;
float:left;
width:343px;
}

#contact .colcenter {
padding-top:70px;
float:left;
width:196px;
margin-left:10px;
color:#ececec;
}

#contact .colright {
padding-top:13px;
float:left;
width:233px;
margin-left:15px;
}

#contact .contactform {
padding-top:18px;

padding-right:25px;
float:right;
width:543px;
}

#contactbutton{
margin-right: 6px;
margin-top: 5px;
width: 119px;
height:19px;
float:right;
}










































































































/* OUR WORK //
-------------------------------------------------- */
#ourwork { 
 margin: 0 auto;
 width: 455px;
 height: 619px;
 font-size: 11px;
 line-height:18px;
}

.ourwork h1{ 
 width: 500px;
 font-size: 30px;
 line-height:28px;
 font-weight:lighter;
}

.ourwork p{ 
 width: 370px;
 font-size: 11px;
 line-height:18px;
}










/* MAINAREA //
-------------------------------------------------- */
#mainarea_work { 
 margin: 0 auto;
 width: 1000px;
 height: 460px;
 background: #eaebe6 url("../images/picture_ourwork_main.jpg") ;
 font-size: 11px;
 line-height:18px;
}
#mainarea_work_content { 
margin:190px 10px 40px 60px;
width: 340px;
}
#mainarea_work h1 { width: 500px; line-height:25px;}
#mainarea_work p { font:11px; }











/* CAREERS //
-------------------------------------------------- */
#careers { 
 margin: 0 auto;
 width: 1000px;
 background: #eaebe6; 
}

.careers_column1 { font-size: 11px; line-height:18px; width:300px; padding-left:23px; padding-top:20px; padding-right:72px; float:left; text-align:left;}
.careers_column1 p { margin-left:-70px;}

.careers_column2 { font-size: 11px; line-height:18px; width:300px; margin-left:60px; padding-right:60px; padding-top:20px; float:left; text-align:left;}
.careers_column3 { width:400px; padding-top:20px; float:left; text-align:right;}

.careers_address { font-size: 11px; line-height:18px; width:300px; margin-left:0px; padding-right:60px; padding-top:400px; float:left; text-align:left;}
.careers_forms{ width:485px; margin-left: -85px; padding-top:-20px; float:left; text-align:right;}



}










/* Hover Image Button: */
.button-hover-image {
    height: 22px;
    width: 100px;
    background: transparent url(../images/formsubmit1a.gif) no-repeat top left;
    border: none;
}
.button-hover-image:hover {
    background: transparent url(../images/formsubmit1b.gif) no-repeat top left;
    border: none;
    color: #800000;
}






























/* CONTACT //
-------------------------------------------------- */
#contact { 
 margin: 0 auto;
 width: 1000px;
 background: #eaebe6; 
}

.contact1 {
 height: 690px;
 width: 1000px;
 background: #eaebe6 url("../images/picture_contact.jpg") ;
}
.contact2 {
 font-size: 11px;
 line-height:18px;
 height: 50px;
 width: 300px;
 margin-left: 120px;
}

.contact h1 {padding-top: 46px;
 font: 32px/20px Arial, Helvetica, sans-serif;
 color: #b2afa8;
 font-weight:bold;
 line-height: 118%;
 width: 500px;
}

.contact_forms{ width:485px; margin-left: 195px; padding-top:370px; float:left; text-align:right;}

.contact_forms input{
 display: block;
 width: 400px;
 float: left;
 margin-bottom: 1px;
 background:#282828;
 border:none;

overflow-y: hidden; 
overflow-x: hidden; 
}

.contact_forms textarea {
 display: block;
 width: 400px;
 float: left;
 margin-bottom: 1px;
 background:#282828;
 border:none;

overflow-y: hidden; 
overflow-x: hidden; 
}




/* HEADER //
-------------------------------------------------- */
#header {
 background:  #eaebe6;
 width: 1000px;
 height: 130px;
 margin: 0px 0px 0px 0px;
 position:relative;
}

#hleftcolumn { 
 padding-left:20px;
 position:absolute;
 bottom:16px;
 font-size: 13px;
}
#hcentercolumn { 
 padding-left:200px;
 position:absolute;
 bottom:16px;
 font-size: 11px;
}
#hrightcolumn {
 padding-left:846px;
 position:absolute;
 bottom:16px;
}
.uscolor
 {
color:#e2346f;
}



#nav-menu ul
{
 padding-left:20px;
 width:130px;
 position:absolute;
 bottom:16px;
 font-size: 13px;
 list-style: none;
} 

#nav-menu li a {color: #7f7f7f; text-decoration: none;}
#nav-menu li a:link {color: #7f7f7f}     /* unvisited link */
#nav-menu li a:visited {color: #7f7f7f}  /* visited link */
#nav-menu li a:hover {color: #bebebd}   /* mouse over link */
#nav-menu li a:active {color: #7f7f7f}   /* selected link */



#nav-menu1 ul
{
 width:100px;
 position:absolute;
 bottom:16px;
 font-size: 11px;
 list-style: none;
 margin-left:200px;
} 

#nav-menu1 li a {text-decoration: none;}
#nav-menu1 li a:link {color: #7f7f7f}     /* unvisited link */
#nav-menu1 li a:visited {color: #7f7f7f}  /* visited link */
#nav-menu1 li a:hover {color: #bebebd}   /* mouse over link */
#nav-menu1 li a:active {color: #7f7f7f}   /* selected link */



#headercontact {
 background:  #5c636d;
 width: 1000px;
 padding: 0px;
 height: 129px;
 margin: 0px 0px 0px 0px;
}

#content_wrapper {
 background: #eaebe6;
 width: 1000px;
 padding: 0px;
 margin: 0px 0px 0px 0px;


}
#content {
 width: 430px;
 hight:200
 padding: 0px;
 margin: 0px 0px 0px 0px;
}


#index_left_content{
 background: #dcdcdc url(../images/indexspace.jpg) no-repeat top right;
 width: 1000px;
 height:47px;
 
 
}



/* OURWORK //
-------------------------------------------------- */

#ourwork_left_content{
 background: #fff;
 width: 420px;
 height:%100;
 margin-top:-3px;
 position:relative;
}

#ourwork_left_content_inner{
 font-size:11px;
 background: #fff;
 width: 415px;
 padding:30px;
 height:%100;
 position:absolute;
}


#ourwork_right_content{
 font-size:11px;
 float:right;
 background: #d1d1d1;
 width: 464px;
 padding:30px;
 margin-top:-3px;
 line-height:18px;
}


















#hleftcolumncontact { 
font-size: 13px;
 display: inline;
 color: #aeb1b6;
 margin: 0px;
 padding: 53px 0px 0px 20px;
 width: 160px;
 float: left;
}
#hcentercolumncontact { 
 font-size: 11px;
 display: inline;
 color: #aeb1b6;
 margin: 0px;
 padding: 59px 0px 0px 10px;
 width: 120px;
 float: left;
}



#leftcontent {
 background: #fff;
 display: inline;
 margin: 0px;
 padding: 25px 0px 40px 40px;
 width: 400px;
 height:120px;
 float: left;
 text-align:left;
 font-size: 12px;
}
#rightcontent {
 background: #c7c7c7;
 float: right;
 margin: 0px;
 padding: 25px 0px 0px 66px;
 width: 490px;
 height:117px;
 display: inline;
 position: relative;
 font-size: 12px;
}

#whitearea {
 background: #fff;
 margin: 20px;
 padding: 0px;
 width: 830px;
 height:41px;
}





/* FOOTER //
-------------------------------------------------- */
#footer {
 margin: 0 auto;
 background:  #eaebe6;
 width: 1000px;
 height: 90px;
 display: block;
}

#footermenu { 
 float: right;
 color: #959593;
 text-align:center;
 font-size: 11px;
 line-height:22px;
 width: 170px;
 border-top: 1px dotted #c8c9c5;
 margin:40px 20px 0px 0px;
}

.clear { clear: both; background: none; }






















/* ABOUT US //
-------------------------------------------------- */
.cols { width: 1000px; height: 650px; position: relative; margin: 0.5em 2em 1em 0; font-size:11px; line-height:18px;}
.col { position: absolute; left: 0px; top: 0; z-index: 6; }
.cols p { padding: 3px; margin: 0 }



div#page {
 background:  #eaebe6;
 width:1000px;
 height: 100%;
 margin:0px auto;
 text-align:left;
 position:relative;
}

div#header {
 background:  #eaebe6;
 width: 1000px;
 height: 130px;
 margin: 0px 0px 0px 0px;
}

div#menu {
 width:150px;
 float:left; 
 margin:10px 0 10px 5px;
 height:%100;
}

div#content {
 border:2px solid blue;
 width:400px;
 margin:10px 0 10px 175px;
 min-height:500px;
 _height:500px
}

div#action {
 position:absolute;
 top:50px;
 right:10px;
 border:2px solid green;
 width:150px; 
 margin:0;
 height:500px;
}

div#footer {
 width:1000px;
 height:90px;
}






table.stats 
{

 width: 600px;
 margin-left:80px;
 margin-top:20px;

}

table.stats td 
{
 text-align: left;
 border: 1px #fff solid;
 width:440px;
}

table.stats td.hed
{
 text-align: left;
 font-weight: bold;
}
#tableline
{
 width: 690px;
 border-bottom: 1px dotted #c8c9c5;
 margin-left:20px;
}




/* CLIENT LOGIN //
-------------------------------------------------- */
.thidden {
 overflow: hidden;
 height:45px;
 margin-left:201px;
 font-size: 11px;
 margin-top:10px;
}

.tbox {
margin-right:6px;
margin-left:6px;
}
       
.tbox.login.user {
   width:            110px;
}

.tbox.login.pass {
   width:            110px;
}

.loginbutton{
width: 119px;
height:19px;
}









.rollover a {
display:block;
width: 90px;
padding:10px 10px 10px 7px;
font: bold 13px sans-serif;;
color:#333;
background: url("rollover-image.gif") 0 0 no-repeat;
text-decoration: none;
}
.rollover a:hover { 
background-position: 0 -35px;
color: #049;
}
.rollover a:active {
background-position: 0 -70px;
color:#fff;
}