/*GENERAL START*/
*{ margin:0; padding:0;}
body{ background: url(../images/background_tile.jpg) fixed; font-family:'ArvoRegular',Georgia, "Times New Roman", Times, serif; color:#292524;}
#wrapper{ margin:0 auto; width:1185px;z-index:10;position: relative;top:0; background:url(../images/just_bk_shadow_tile.png) repeat-y;}
.section{margin:0px auto; width:960px;}
.headers { position:relative; width:864px; height:108px; top:20px; left:50px; z-index:100;}
/*GENERAL END*/

/*navigation START*/
.nav {height:212px; width:1154px; position: fixed; z-index:50; top:80px; background:url(../images/nav_bk.png) no-repeat right; padding:70px 0 0px 15px;text-align:center; font-size:16px}
.nav2 {height:212px; width:96px; position:fixed; z-index:100; right:50px; top:110px; background:url(../images/nav_bk.png) no-repeat; padding:40px 0 0px 15px;text-align:center; display:none;}
.nav ul {margin:80px 0 10px; text-align:center; width:96px;}
.nav li {text-decoration:none; list-style:none; text-align:center; padding:3px 0 2px 1074px; width:96px;}
.nav li a:link {text-decoration:none; list-style:none; padding-right:30px; color: #333;}
.nav li a:visited {text-decoration:none; list-style:none; padding-right:30px; color:#333;}
.nav li a:hover {text-decoration:none; list-style:none; padding-right:30px;color:#862f48;}
.page_title { width:200px; margin:60px 0 0px 87px; position:absolute; z-index:99;}
li {font-family:'BebasNeueRegular', Verdana, Geneva, sans-serif;}
/*navigation END*/


/* ----------------------------home page START--------------------------------- */
.home{background: url(../images/just_plainbk_tile.jpg); min-height:1000px;}
#home{ width:310px; height:300px; margin:430px 0 0 590px; color: #333;}
#home p { width:300px;}
#home h1 {font-family:'BebasNeueRegular', Verdana, Geneva, sans-serif;font-size:2.3em;}
#home h2 {font-family:'BebasNeueRegular', Verdana, Geneva, sans-serif; font-size:1.2em;}
#logo {width:174px;position:absolute;z-index:10;left: 160px;top: 0px;}
#face {width:444px; height:523px; position:absolute; background: url(../images/face3.png) no-repeat; top:120px; left:155px;}


/*home page hover slider START*/
.hs_container{ position:relative;width:381px;height:442px;overflow:hidden;clear:both;cursor:pointer;background:url(../hover_slider/area-bk.png) no-repeat;top:120px;left:530px; z-index:100;}		
.hs_container .hs_area{position:absolute;overflow:hidden;}
.hs_area img{position:absolute;top:0px;left:0px;display:none;}	
.hs_area img.hs_visible{display:block;z-index:9999;}
.hs_area1{border-right:none;}
.hs_area2 {border-top:none;}
.hs_area3{ border-right:none;}
.hs_area4{border-top:none;}
.hs_area1{width:237px;height:180px;top:0px; left:0px;}
.hs_area2{width:130px;height:180px;top:0px;left:255px;}
.hs_area3{width:381px;height:180px;top:190px;}
.hs_area4{width:381px; height:112px;top:330px;}
/*home page hover slider START*/	
	
/* ----------------------------home page END ---------------------------- */




/* ----------------------------work page START ---------------------------- */
.work{background:url(../images/just_plainbk_tile.jpg);min-height:1000px;}

/* work slider START*/	
.pxs_container{ top:40px;width:960px;min-height:800px;position:relative;overflow:hidden;z-index:100;}
.pxs_bg{background:transparent  url(../slider/images/bg.png) repeat top left; }
.pxs_bg div{position:absolute;top:0px;left:0px;height:516px;background-repeat:no-repeat;background-color:transparent;}
.pxs_bg .pxs_bg1{background: url(../slider/images/background2.png) repeat-x;}

.pxs_slider_wrapper{display:none; width:960px;}
.pxs_container ul{margin:0px;padding:0px;list-style:none;}

ul.pxs_slider{position:absolute;left:0px;top:0px;height:516px;}
ul.pxs_slider li{height:420px;float:left;position:relative;}
ul.pxs_slider li img{display:block;margin:30px 0px 0px 60px;border:none;}

ul.pxs_thumbnails{position:absolute;top:340px; width:800px; right:40px;}
ul.pxs_thumbnails li{/*position:relative;*/ display: inline-block; margin:0; padding:30px 30px 0px 0;}
ul.pxs_thumbnails li img{border: 5px solid #E5D9C9;-moz-box-shadow:1px 1px 7px #555;-webkit-box-shadow:1px 1px 7px #555;box-shadow:1px 1px 7px #555;cursor:pointer;/*display:block;*/opacity:0.6;}
ul.pxs_thumbnails li.selected img{opacity:1.0;border: 5px solid #E1D1BC;}

.pxs_navigation span{position: absolute;width:30px;height:60px;top:170px;opacity:0.6;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;cursor:pointer;}
.pxs_navigation span:hover{opacity:0.9;}
.pxs_navigation span.pxs_prev{background:url(../slider/images/prev2.png) no-repeat center center; left:40px;}
.pxs_navigation span.pxs_next{background:url(../slider/images/next2.png) no-repeat center center;right:31px;}

.pxs_loading{color:#fff;font-size:20px;padding:15px 15px 15px 50px;position:absolute;background:#333  url(../slider/images/ajax-loader.gif) no-repeat 10px 50%;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;opacity:0.7;width:180px;position:absolute;top:150px;left:50%;margin-left:-90px;}

.pxs_loading span { font-size:13px;}
.pxs_loading span a:link { text-decoration:none; color:#87acb8;font-weight:bold;}
.pxs_loading span a:visited {text-decoration:none; color:#87acb8; font-weight:bold;}
.pxs_loading span a:hover{ text-decoration: underline; color:#87acb8; font-weight:bold;}

.slider_info { position: absolute; width:290px; max-height:400px; top:100px; left:560px;}
.slider_header { font-size:44px; display:block; color:#862F48;}
.slider_text { font-family:'ArvoRegular',"Palatino Linotype", "Book Antiqua", Palatino, serif; font-size:12px; line-height:16px; color:#292524}
/*work page slider ends*/

/* ----------------------------work page ENDS ---------------------------- */




/* ----------------------------about page START ----------------------------*/

.about{background:url(../images/just_plainbk_tile.jpg); min-height:1150px;}
.about_image { position:relative; top:70px; left:50px; z-index:100;}

/* ----------------------------about page ENDS ---------------------------- */



/* ----------------------------process page START ----------------------------*/

.process{background:url(../images/just_plainbk_tile.jpg); min-height:1100px;}
#machine { position:relative; top:80px; left:50px; z-index:100;}
#process_text { width:960px; margin:0px auto; position:relative; font-family:'ArvoRegular',"Palatino Linotype", "Book Antiqua", Palatino, serif; top:-680px;}
.process_heading_text { width:520px; font-size:14px; padding-top:6px; line-height:18px;}
#concept { width:160px; position:absolute; top:275px; left:50px;}
#concept p { font-size:12px; padding:6px 0 0 35px; line-height:17px;}

#arch { width:220px; position:absolute; top:650px; left:120px;}
#arch p { font-size:12px; padding:6px 0 0 35px;line-height:17px;}

#create { width:210px; position:absolute; top:205px; left:720px}
#create p { font-size:12px; padding:6px 0 0 35px; line-height:17px;}

#launch { width:260px; position:absolute; top:740px; left:640px}
#launch p { font-size:12px; padding:6px 0 0 35px;line-height:17px;}

/* ----------------------------process page END ----------------------------*/



/* ----------------------------cred page STARTS ----------------------------*/

.cred {background:url(../images/just_plainbk_tile.jpg); min-height:1175px;}
#why_i_do { position:relative; top:70px; width:840px; margin:0 auto; padding:0 60px; font-family:'ArvoRegular',Georgia, "Times New Roman", Times, serif; font-size:12px; line-height:18px; float:left; z-index:100; float:left;}
#why_i_do p { padding:10px 0 0 0;}
.why_i_do_img {float:left;}

.col1 {width:250px; padding:20px 40px 20px 0px; float:left; margin-left:10px; clear:both;}
.col1 img{ float:left; padding-right:8px;}
.col2 {width:250px; padding:20px 40px 20px 0; float:left;}
.col2 img { padding:15px 0;}
.col3 {width:250px; padding:20px 0px 20px 0; float:left;}

/* ----- CHANGES FOR HIDE SHOW EFFECT ------ */

#business_section{position:relative;  top:70px; width:880px; margin:0 auto; padding:0 1px; font-family:'ArvoRegular', Georgia, "Times New Roman", Times, serif; font-size:12px; line-height:18px; float:left; padding:30px 20px 0 60px; float:left; font-size:12px; z-index:100;}
#business_section a:link { text-decoration:none; color: #333;}
#business_section a:visited { text-decoration:none; color:#333;}
#business_section a:hover { text-decoration: underline; color:#862f48;}

.toggle img { border:none; padding:0 15px 0 0;}
.toggle ul {float:left; padding:10px 20px 0 0; display:inline;}

li.main_list { display:inline; float:left; list-style:none; padding:10px 20px 0 0; }
#business_section .second_list  li{ list-style-type:none; padding:0 20px 0 0; font-family:'ArvoRegular', Georgia, "Times New Roman", Times, serif;}
#business_section .second_list  li span {text-decoration: underline; color:#862f48; font-size:20px; font-family:'BebasNeueRegular', Verdana, Geneva, sans-serif;}




/* ------ END OF CHANGES FOR HIDE SHOW EFFECT -------- */

/* ----------------------------cred page END ----------------------------*/




/* ----------------------------contact page STARTS ----------------------------*/

.contact{background:url(../images/just_plainbk_tile.jpg); min-height:1000px;}
#contact_content { position:relative; top:90px; width:960px; margin:0 auto; min-height:650px; z-index:100;}
#contact_content img { float:left; margin-left:30px}
#contact_form { width:400px; margin-left:60px; float:left;}
#contact_form legend { display:none;}

#contact_form form { width:100%; border:none;}
#contact_form fieldset {border:none;}

#contact_form label { color:#862f48;font-family:'BebasNeueRegular', Verdana, Geneva, sans-serif; font-size:25px; text-align:right;}

#contact_form input, textarea { background:url(../images/contact_textfield_bk.png) repeat; border:none;}
#contact_form input { height:35px; width:235px}

#contact_form .row { padding:0 0 25px 0; position:relative;}
#contact_form span.input_area { width:240px; position:absolute; right:25px; min-height:39px; border-right: 3px solid #999; border-bottom: 3px solid  #999;}

#contact_form span.input_area_message { width:240px; position:absolute; right:25px; height:131px; border-right: 3px solid  #999; border-bottom: 3px solid  #999;}

#contact_form textarea {width: 235px; height:127px;}

#contact_form .submit{ width:102px;  height:44px; position: relative; top:100px; float:right; padding:0 25px 0  }
#contact_form .submit input { width:102px;  height:44px;}

#contact_bubble {width:306px; height: 292px; float:right; margin-right:50px; position:relative; background:url(../images/contact_bubbles.png) no-repeat; font-family:'BebasNeueRegular', Verdana, Geneva, sans-serif; color:#dacab4;}

#email { position:absolute; top:130px; left:23px; font-size:23px}
#email a:link { text-decoration:none; color:#dacab4;}
#email a:visited {text-decoration:none; color:#dacab4;}
#email a:hover {text-decoration:none; color:#292524;}

#phone { position:absolute; top:50px; left:160px; font-size:28px}

#yell {position:absolute; top:175px; left:180px; font-size:20px; text-align: right; line-height:25px;}
#yell span { font-size:35px; line-height:25px;}

.error { position: absolute;}


/* ----------------------------contact page END ----------------------------*/

#award { position: fixed; top:0px; right:0px;}
#award img{ border:none;}








/*--------------------------------fonts--------------------------------*/
@font-face {
    font-family: 'NixieOneRegular';
    src: url('fonts/NixieOne-webfont.eot');
    src: url('fonts/NixieOne-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/NixieOne-webfont.woff') format('woff'),
         url('fonts/NixieOne-webfont.ttf') format('truetype'),
         url('fonts/NixieOne-webfont.svg#NixieOneRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'BebasNeueRegular';
    src: url('fonts/BebasNeue-webfont.eot?') format('eot'),
         url('fonts/BebasNeue-webfont.woff') format('woff'),
         url('fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('fonts/BebasNeue-webfont.svg#webfontj1CI1MAi') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ArvoRegular';
    src: url('fonts/Arvo-Regular-webfont.eot?') format('eot'),
         url('fonts/Arvo-Regular-webfont.woff') format('woff'),
         url('fonts/Arvo-Regular-webfont.ttf') format('truetype'),
         url('fonts/Arvo-Regular-webfont.svg#webfontomnSZCTO') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ArvoItalic';
    src: url('fonts/Arvo-Italic-webfont.eot?') format('eot'),
         url('fonts/Arvo-Italic-webfont.woff') format('woff'),
         url('fonts/Arvo-Italic-webfont.ttf') format('truetype'),
         url('fonts/Arvo-Italic-webfont.svg#webfontY2S57ueW') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ArvoBold';
    src: url('fonts/Arvo-Bold-webfont.eot?') format('eot'),
         url('fonts/Arvo-Bold-webfont.woff') format('woff'),
         url('fonts/Arvo-Bold-webfont.ttf') format('truetype'),
         url('fonts/Arvo-Bold-webfont.svg#webfontnP4ftP2h') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ArvoItalic';
    src: url('fonts/Arvo-BoldItalic-webfont.eot?') format('eot'),
         url('fonts/Arvo-BoldItalic-webfont.woff') format('woff'),
         url('fonts/Arvo-BoldItalic-webfont.ttf') format('truetype'),
         url('fonts/Arvo-BoldItalic-webfont.svg#webfontRPyhJQGW') format('svg');
    font-weight: normal;
    font-style: normal;

}