html
{
min-height:100%;
margin-bottom:1px;
}
body{
background:url(images/bg-top.png) repeat-x top #fff;
margin:0px;
padding:0px;
}
img{
border:none;
}
p{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#000;
margin:12px 0px;
}
a{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#000;
text-decoration:underline;
}
a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:blue;
text-decoration:underline;
}
a.port-links{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#fff;
text-decoration:underline;
}
a:hover.port-links{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFBD00;
text-decoration:underline;
}
h1{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#CC9900;
margin:0px 0px 12px;
#text-transform:uppercase;
}
h2{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#878176;
margin:30px 0px 12px;
stext-transform:uppercase;
}
h3{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#878176;
margin-top:20px;
margin-bottom:0px;
stext-transform:uppercase;
font-weight:bold;
}
h4{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#878176;
margin-top:20px;
margin-bottom:20px;
stext-transform:uppercase;
font-weight:bold;
}
h5{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#000;
margin-top:0px;
margin-bottom:12px;
stext-transform:uppercase;
font-weight:bold;
}
ul{
line-height:18px;
list-style:none;
margin:0px;
padding:0px;
}
li{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#000;
background:url(images/dot.png) no-repeat left;
padding-left:22px;
}
.side-h1-1{
float:left; 
width:241px; 
padding-top:0px; 
height:40px;
}
.side-h1-2{
float:left; 
width:241px; 
padding-top:40px; 
height:40px;
}
acronym{
line-height: 16px;
border-bottom: dotted #666 1px;
cursor:help;
}
.orange-text{
color:#ff9900;
}
.orange-number{
color:#ff9900;
font-weight:bold;
font-size:16px;
}
.error-text{
color:#CC0000;
}
.white-text{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#fff;
margin:12px 0px;
}
#contain{
width:950px;
height:auto;
margin-left:auto;
margin-right:auto;
}
#swrap{
width:950px;
float:left;
height:auto;
}
#header{
width:950px;
height:152px;
float:left;
}
#logo-wrap{
float:left;
height:152px;
width:414px;
}
.wrap-l{
float:left;
}
.wrap-l h1{
padding-top:10px;
color:black;
font-size:28px;
}
.wrap-r{
float:right;
}
#content-contain{
width:950px;
height:auto;
float:left;
padding-top:15px;
padding-bottom:40px;
}
#content-home{
width:950px;
height:auto;
float:left;
background:url(images/giris.jpg) no-repeat top;
}
#welcome-contain{
float:left;
margin-top:0px;
width:950px;
height:auto;
padding-top:45px;
}
.content-right{
float:left; 
padding-left:50px; 
padding-right:20px; 
width:619px;
}
#content-contain-portfolio{
width:950px;
height:auto;
float:left;
padding-bottom:40px;
}
#welcome{
float:left;
width:250px;
height:auto;
padding-left:20px;
}
#welcome2{
float:left;
width:280px;
height:135px;
padding: 0px 0px 0px 58px;
}
#bottom{
width:100%;
float:left;
height:80px;
border-top:#DED5C4 1px solid;
border-bottom:#DED5C4 1px solid;
background:url(images/bg-bottom.png) repeat;
}
#bottom-content-wrap{
margin-left:auto;
margin-right:auto;
width:950px;
text-align:right;
height: 80px;
}
#bottom2{
width:100%;
float:left;
height:auto;
background:#fff;
}
#bottom2-content-wrap{
margin-left:auto;
margin-right:auto;
width:950px;
height:auto;
padding-top:30px;
padding-bottom:30px;
text-align: center;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#999;
}
#bottom2-content-wrap a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#999;
}
#bottom2-content-wrap a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#ffac00;
}
#valid-btns-wrap{
float:right;
padding-top:10px;
}
.thumbset-contain{
margin-left:auto; 
height:572px; 
width:920px; 
margin-right:auto;
}
.thumbset-contain2{
margin-left:auto; 
height:143px; 
width:920px; 
margin-right:auto;
}
.project-info{
float:left;
width:420px;
padding-left:40px;
padding-top:35px;
height: 250px;
}
.port{
width: 220px;
height: 133px;
float:left;
margin:0px;
padding:0px;
}
.port a{
width: 210px;
height: 123px;
border: 5px solid #f4ecdc;
float:left;
}
.port a:hover{
width: 210px;
height: 123px;
border: 5px solid #FFBD00;
float:left;
}
.port_wrap{
width: 220px;
height: 133px;
float:left;
margin:0px;
padding: 5px;
}
.back{
float:right;
margin:0px;
padding:0px;
}
.contract-contain{
float:left; 
width:910px; 
padding-top:50px; 
padding-left:15px; 
padding-right:25px;
}
.print-design-contain{
float:left; 
width:950px; 
padding-top:50px; 
padding-left:0px; 
padding-right:0px;
}
.divfix1{
float:left; 
padding-left:20px; 
padding-bottom:12px;
}
.divfix2{
float:left; 
padding-left:5px; 
padding-bottom:12px;
}
.contract-th{
margin:5px; 
float:left;
width:170px;
height:98px;
border: solid 1px #FFBD00;
}
.form-field{
width:350px; 
height:30px; 
background:url(simages/bg-bottom.png) repeat;
font-family:Arial, Helvetica, sans-serif; 
font-size:24px;
border: solid 1px #DED5C4;
padding-left:10px;
}
.form-message{
width:450px; 
height:150px; 
background:url(simages/bg-bottom.png) repeat;
font-family:Arial, Helvetica, sans-serif; 
font-size:24px;
border: solid 1px #DED5C4;
padding-left:10px;
overflow:auto;
}
#contact-form-wrap{
float:left;
width:456px;
padding-left:20px;
height:auto;
}
#contact-info-wrap{
float:right;
width:580px;
height:430px;
padding-right:20px;
background: url(images/envolope.jpg) no-repeat right top;
}
#client-login-wrap{
float:right;
width:580px;
height:auto;
padding-right:20px;
}
.news-line{
border-top:1px solid #DED5C4;
height:10px;
}
/*shop*/
.item-small{
float:left; 
background: url(/shop/images/bg-bottom.png) repeat; 
margin:20px 0px 0px 0px; 
height:300px; 
text-align:center; 
padding:0px 10px 10px 10px; 
width:162px; 
border: solid 1px #ccc;
}
.cart-item{
background:url(/shop/images/arrow.png) no-repeat left center;
padding-left:15px;
}
.product-contain{
float:left; 
width:620px; 
padding-bottom:40px;
}
.item-small-wrap{
float:left; 
padding-right:20px;
}
.item-image-border{
border: solid 1px #DED5C4;
}
.item-large-image{
border: solid 1px #DED5C4;
float:left; 
margin-top:20px; 
width:326px;
height:385px;
}
.item-large-options{
float:left;
width:270px;
height: auto;
margin-top: 20px;
padding-left: 20px;
}
.button-wrap{
float:left;
padding-top:10px;
}
#cart{
float:right;
width:260px; 
margin:20px 0px 0px 0px; 
padding:0px 0px 0px 20px; 
border: solid 1px #DED5C4;
}
#cart2{
float:left;
width:908px; 
margin:20px 0px 0px; 
padding:20px; 
border: solid 1px #DED5C4;
}
.profile-contain{
float:left; 
padding-top:20px; 
width:619px;
}
.profile-image{
float:left;
width:213px;
}
.profile-text{
float:left;
width:406px;
}




/* CSS Document */
#menu-top{
float:left;
width:536px;
height:74px;
padding-top:78px;
text-align:right;
}
.menu-item{
float:left;
width:auto;
height:48px;
padding:2px 0px 0px;
}
.menu-item a{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
text-decoration:none;
color:#3F3A2B;
text-transform:uppercase;
float:left;
width:auto;
height:48px;
}
.menu-item a:hover{
background:url(images/menu-bar.png) repeat-x bottom;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
text-decoration:none;
color:#000;
text-transform:uppercase;
float:left;
width:auto;
height:48px;
}
.menu-item-active{
background:url(images/menu-bar.png) repeat-x bottom;
float:left;
width:auto;
height:48px;
padding-top: 2px;
}
.menu-item-active a{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
text-decoration:none;
color:#356AA0;
text-transform:uppercase;
}
.menu-item-active a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
text-decoration:none;
color:#000;
text-transform:uppercase;
}
.menu-item-contact{
float:left;
width:130px;
height:48px;
padding:2px 0px 0px;
}
.menu-item-contact a{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
text-decoration:none;
color:#878176;
text-transform:uppercase;
float:left;
width:130px;
height:48px;
}
.menu-item-contact a:hover{
background:url(images/menu-bar.png) repeat-x bottom;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
text-decoration:none;
color:#000;
text-transform:uppercase;
float:left;
width:130px;
height:48px;
}
.mail-icon{
float:left;
}
.menu-item-contact-active{
background:url(images/menu-bar.png) repeat-x bottom;
float:left;
width:130px;
height:48px;
padding-top: 2px;
}
.menu-item-contact-active a{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
text-decoration:none;
color:#878176;
text-transform:uppercase;
}
.menu-item-contact-active a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
text-decoration:none;
color:#878176;
text-transform:uppercase;
}
.menu-top-side-bar{
float:left;
width:auto;
height:48px;
background:url(images/menu-side.png) no-repeat center top;
padding:2px 10px 0px;
}

/*bottom menu*/
#menu-bottom{
width:520px;
height:auto;
float:left;
}
.menu-item-bottom{
float:left;
width:auto;
height:32px;
}
.menu-item-bottom a{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
text-decoration:none;
color:#878176;
text-transform:uppercase;
float:left;
width:auto;
height:32px;
padding-top:30px;
}
.menu-item-bottom a:hover{
background:url(images/menu-bar.png) repeat-x top;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
text-decoration:none;
color:#000;
text-transform:uppercase;
float:left;
height:32px;
padding-top:30px;
}
.menu-item-bottom-active{
background:url(images/menu-bar.png) repeat-x top;
float:left;
width:auto;
height:32px;
padding-top:30px;
}
.menu-item-bottom-active a{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
text-decoration:none;
color:#878176;
text-transform:uppercase;
}
.menu-item-bottom-active a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
text-decoration:none;
color:#878176;
text-transform:uppercase;
}
.menu-bottom-side-bar{
float:left;
width:auto;
height:52px;
background: url(images/menu-side.png) no-repeat center bottom;
padding:0px 10px;
}
#menu-bottom-contact{
width:520px;
height:130px;
float:left;
}
.menu-item-bottom-contact{
float:left;
width:130px;
height:32px;
}
.menu-item-bottom-contact a{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
text-decoration:none;
color:#878176;
text-transform:uppercase;
float:left;
width:130px;
height:32px;
padding-top:30px;
}
.menu-item-bottom-contact a:hover{
background:url(images/menu-bar.png) repeat-x top;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
text-decoration:none;
color:#000;
text-transform:uppercase;
float:left;
height:32px;
padding-top:30px;
}
.menu-item-bottom-contact-active{
background:url(images/menu-bar.png) repeat-x top;
float:left;
width:130px;
height:32px;
padding-top:30px;
}
.menu-item-bottom-contact-active a{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
text-decoration:none;
color:#878176;
text-transform:uppercase;
}
.menu-item-bottom-contact-active a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
text-decoration:none;
color:#878176;
text-transform:uppercase;
}

/*side menu*/
#side-menu{
	float:left;
	width:241px;
	height:auto;
	padding-left: 20px;
}
.side-menu-stat{
float: left;
background:url(images/side-menu-stat.jpg) no-repeat left top;
width:241px;
height:26px;
}
.side-menu-stat a{
font-family:Arial, Helvetica, sans-serif;
stext-transform:uppercase;
color:#fff;
text-decoration:none;
padding-left:12px;
padding-top:5px;
padding-bottom:5px;
font-weight:bold;
display:block;
}
.side-menu-stat a:hover{
background:url(images/side-menu-hover-active.jpg) no-repeat left top;
font-family:Arial, Helvetica, sans-serif;
text-transform:uppercase;
color:#000;
text-decoration:none;
padding-left:12px;
padding-top:5px;
padding-bottom:5px;
font-weight:bold;
display:block;
}
.side-menu-hover-active{
float: left;
background:url(images/side-menu-hover-active.jpg) no-repeat left top;
width:241px;
height:22px;
padding-top:4px;
}
.side-menu-hover-active a{
font-family:Arial, Helvetica, sans-serif;
text-transform:uppercase;
color:#000;
text-decoration:none;
padding-left:15px;
font-weight:bold;
}
.side-menu-hover-active a:hover{
font-family:Arial, Helvetica, sans-serif;
text-transform:uppercase;
color:#fff;
text-decoration:none;
padding-left:15px;
font-weight:bold;
}