@charset "utf-8";
/* CSS Document */


body {
	margin:0;
	padding:0;
	background:url(bg/bg.jpg) repeat-x;
	background-color:#07172a;
}

#container {
	width:1000px;
	margin:0 auto;
	height:880px;
}

#header{
	width: 998px;
	height:100px;
	background-image:url(bg/header.jpg);
	background-repeat:no-repeat;
	margin-top:16px
}
#nav {height:85px; width:968px; padding-right:30px; margin-bottom:0px; overflow:hidden}

#nav ul{list-style-type: none; margin:43px 0px 0px 0px;padding-bottom: 0px; text-align:center; font-size: 16px; text-indent:0px}
#nav li{display: inline; color: #CCCCCC;}
#nav li a {text-decoration: none; color: #CCCCCC; margin: 0 0 0 -2px; padding: 6px 20px; font-weight: normal; font-size: 16px;}
#nav li a:hover{text-decoration: none; color: #FFF;  font-weight: normal; font-size: 16px; text-decoration:underline; background-color:#0e3a5d;}



/*Fonts*/
h1 {color:#3184c6; line-height:20px; padding:0; margin:10px 0 15px 0; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:28px}
h2{color:#3184c6; line-height:20px; padding:0; margin:10px 0 10px 0; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:18px}
h3{color:#000; line-height:20px; padding:0; margin:10px 0 10px 0; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:15px; text-indent:20px}
h4 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#7b0002; text-align:center;}
h5 {color:#808080; font-size: 14px; text-transform:uppercase; font-weight: bold; margin: 0; }
p {margin: 5px 0px 5px 0; padding: 0 0 5px 0; line-height:18px; font-size:13px; color:#000; text-align:justify; font-family:Arial, Helvetica, sans-serif}



/*Index*/
#main {width:998px; height:630px; background-color:#f5f6f7; margin-top:0px;; background-image:url(bg/main_bg.jpg); background-position:center top; background-repeat:no-repeat; overflow:hidden}
#top {width:968px; height:300px; margin:15px 0 0 0; padding:15px 15px 0 15px; }
#index_text {width:580px; height:290px; margin-left:10px}
#index-right {width:315px; height:290px; float:right; margin-right:10px}
#mirror {height:350px;}
#mirror-contain {padding:0px 25px 0px 25px; width:989px; margin-top:10px}


/*Design*/
#design #main {width:998px; height:700px; background-color:#f5f6f7; margin-top:0px;; background-image:url(bg/main_bg.jpg); background-position:center top; background-repeat:no-repeat; overflow:hidden}
#design #top {width:968px; height:658px; margin:15px 0 0 0; padding:15px 15px 0 15px; }
#design #index_text {width:580px; height:585px; margin-left:10px}
#design #index-right {width:315px; height:645px; float:right; margin-right:10px}
#design #container {width:1000px; margin:0 auto; height:950px;}


/*Portfolio*/
#port #main {width:998px; height:1100px; background-color:#f5f6f7; margin-top:0px;; background-image:url(bg/main_bg.jpg); background-position:center top; background-repeat:no-repeat; overflow:hidden}
#port #top {width:968px; height:1058px; margin:15px 0 0 0; padding:15px 15px 0 15px; }
#port #index_text {width:580px; height:585px; margin-left:10px}
#port #index-right {width:315px; height:645px; float:right; margin-right:10px}
#port #container {width:1000px; margin:0 auto; height:1150px;}
#port #port {height:320px; padding-left:40px}
#port #port2 {height:320px; padding-left:25px}

/*Design*/
#contact #main {width:998px; height:500px; background-color:#f5f6f7; margin-top:0px;; background-image:url(bg/main_bg.jpg); background-position:center top; background-repeat:no-repeat; overflow:hidden}
#contact #top {width:968px; height:408px; margin:15px 0 0 0; padding:15px 15px 0 15px; }
#contact #index_text {width:580px; height:440px; margin-left:10px}
#contact #index-right {width:315px; height:445px; float:right; margin-right:10px}
#contact #container {width:1000px; margin:0 auto; height:750px;}

/*footer*/
#footer {height:35px; width:1000px; background-image:url(bg/footer2_bg.jpg); background-repeat:no-repeat; margin:0 auto; border-top:#06C }
#map {float:left; margin:10px 0px 0px 50px; color:#CCC; width:280px; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:left}
#copy {float:left; margin:10px 0px 0px 80px; color:#CCC; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif}
#phone {float:right; margin:10px 50px 0px 50px; color:#CCC; width:200px; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:right}