/* CSS Reset */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, ul, li, fieldset, form, label, legend {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
/* CSS Reset End*/

/* Globals */
a:link, a:hover, a:visited, a:active, h2, h3 {color:#09f; text-decoration:none;}
a:hover {text-decoration:underline;}
h1, h2, h3 {margin:10px 0; font-size:20px; text-shadow:0px -1px 2px #000;}
p {margin:10px 0; line-height:1.2;}
ul {list-style:none; list-style-type:none; margin-bottom:25px; padding-left:0px;}
ul li {margin:0 0 5px 0;}
hr {display:none;}
img {border:none;} 
/* Globals End */
	
body{margin:0; font-family:Verdana, Helvetica, Arial, sans-serif; font-size:18px; color:#E1E1E1; line-height:1; text-align:center; background-color:#161616;}
#structure_wrap {min-width:960px; margin:0 auto; text-align:left;}

/* Header */
#header_wrap {min-width:960px; height:100px; margin:0 auto;}
#header {width:960px; margin:0 auto;}
#header h1 {display:none;}
#header img {float:left; margin:25px 10px 0 10px;}

/* Navigation */
#navigation_wrap {position:relative; float:right; top:25px; padding:0;}
#navigation_wrap li {display:inline-block; margin-left:10px;}
#navigation_wrap li h2{display:inline; font-size:22px; font-weight:normal; font-family:arial; font-style:italic;}
#navigation_wrap li h2 a{padding:0 15px 15px 3px; color:#CCC; text-decoration:none;}
#navigation_wrap a:hover {color:#FFF; text-shadow:0px 0px 10px #DDD;}
#navigation_wrap address {position:absolute; top:35px; right:15px; padding-left:35px; height:32px; background:url(../images/structure/icon_phone.jpg) no-repeat; font-size:20px;}

/* Footer */
#footer_wrap {min-width:960px; height:50px; margin:0 auto;}
#footer {width:960px; margin:0 auto;}
#footer #copyright {float:left; padding:2px 5px; font-size:14px; font-style:italic; color:#999;}
#footer #sitedesign {float:right; padding:10px 5px; width:196px; height:25px;}



/*Content Structure*/
#content_wrap_bg {min-width:960px; height:500px; margin:0; padding:0; overflow:hidden; background:url(../images/structure/body_bg.jpg) center top repeat-x #161616;}
#content_wrap {width:960px; margin:0 auto; background:#FFF; box-shadow:0 0 20px 5px #222; -webkit-box-shadow:0 0 20px 5px #222; -moz-box-shadow:0 0 20px 5px #222; }
#content_wrap h1 {margin:10px 0 20px;}
#content_wrap p {font-size:16px;}
/*Content Structure END*/


/*About Page*/
#about_content {display:inline-block; width:906px; height:446px; margin:10px; padding:15px; background-color:#333; border:2px solid #000; color:#FFF;}
#about_image {float:left; width:300px;}
#about_image img {width:295px; border:1px solid #FFF;}
#about_text {float:right; width:570px; padding:0 15px;}
/*About Page END*/

/*Portfolio Page*/
#portfolio_content {display:inline-block; width:938px; height:478px; margin:10px; background:#FFF; border:1px solid #666;}

.portfolio_tab {width:50px; height:478px; float:left; box-shadow:-5px 0px 15px #333; -webkit-box-shadow:-5px 0px 15px #333; -moz-box-shadow:-5px 0px 15px #333;}
.portfolio_tab h2 {display:none;}

.portfolio_tab#tab_01 {background:url(../images/structure/portfolio_tab01_bg.png) 0 0 repeat-y #06C; box-shadow:0px 0 15px #333; -webkit-box-shadow:0px 0 15px #333; -moz-box-shadow:0px 0 15px #333;}
.portfolio_tab#tab_01:hover {background-position:-50px 0;}
.portfolio_tab#tab_01 #!#img {width:21px; height:141px;}

.portfolio_tab#tab_02 {background:url(../images/structure/portfolio_tab02_bg.png) 0 0 repeat-y #08F;}
.portfolio_tab#tab_02:hover {background-position:-50px 0;}
.portfolio_tab#tab_02 #!#img {width:27px; height:99px;}

.portfolio_tab#tab_03 {background:url(../images/structure/portfolio_tab03_bg.png) 0 0 repeat-y #4AF;}
.portfolio_tab#tab_03:hover {background-position:-50px 0;}
.portfolio_tab#tab_03 #!#img {width:27px; height:82px;}

.portfolio_tab#tab_04 {background:url(../images/structure/portfolio_tab04_bg.png) 0 0 repeat-y #7BF;}
.portfolio_tab#tab_04:hover {background-position:-50px 0;}
.portfolio_tab#tab_04 #!#img {width:21px; height:72px;}

.portfolio_tab#tab_01 img, .portfolio_tab#tab_02 img, .portfolio_tab#tab_03 img, .portfolio_tab#tab_04 img {position:relative; top:20px; left:14px;}

.portfolio_tab div {width:50px; height:478px; cursor:pointer;}

.inset_shadow_leftright {position:relative; width:738px; height:478px; display:block; overflow:hidden;}
.inset_shadow_leftright:after {position:absolute; left:0; top:-5px; display:block; content:"\00a0"; width:738px; height:520px; box-shadow:inset 0 0 15px 0 #000; -webkit-box-shadow:inset 0 0 15px 0 #000; -moz-box-shadow:inset 0 0 15px 0 #000;}

.inset_shadow_left {position:relative; width:738px; height:478px; display:block; overflow:hidden;}
.inset_shadow_left:after {position:absolute; left:0; top:-5px; display:block; content:"\00a0"; width:738px; height:520px; box-shadow:inset 4px 0 15px -3px #000; -webkit-box-shadow:inset 4px 0 15px -3px #000; -moz-box-shadow:inset 4px 0 15px -3px #000;}

.portfolio_scroll_wrap {display:none; width:0; float:left;}
.portfolio_scroll_wrap.active {display:block; width:738px;}

.portfolio_scroll {position:relative; overflow:hidden; width:738px; height:478px; padding:0;}

.portfolio_scroll ul.items {position:absolute; height:478px; margin: 0; padding: 0; list-style:none;}

.portfolio_scroll ul.items li {float:left; width:738px; height:478px; background-color: #EEE; color:#333;}

.portfolio_scroll ul.items li .scrollable_text {display:none; position:relative; bottom:125px; max-width:478px; margin:0 auto; padding:0 10px; background:#FFF; background:rgba(255,255,255,0.3); border-radius:5px 5px; -webkit-border-radius:5px 5px; -moz-border-radius:5px 5px; overflow:hidden; text-align:center;}

.portfolio_scroll .nav_up {display:inline-block; position:absolute; width:120px; height:55px; top:-5px; left:280px; background:#FAFAFA; background:rgba(255,255,255,0.3); border-radius:7px 7px; border-radius:7px 7px; -webkit-border-radius:7px 7px; -moz-border-radius:7px 7px; cursor:pointer; z-index:1; text-align:center;}
.portfolio_scroll .nav_down {display:inline-block; position:absolute; width:120px; height:55px; bottom:-5px; left:280px; background:#FAFAFA; background:rgba(255,255,255,0.3); border-radius:7px 7px; border-radius:7px 7px; -webkit-border-radius:7px 7px; -moz-border-radius:7px 7px; cursor:pointer; z-index:1; text-align:center;}

.portfolio_scroll .nav_up a, .portfolio_scroll .nav_down a {position:absolute; top:0; left:0; height:40px; display:block; z-index:10; width:100%; text-decoration:none;}
.portfolio_scroll .nav_up a {padding:27px 0 4px;}
.portfolio_scroll .nav_down a {padding:4px 0 27px;}

.portfolio_scroll .nav_up span {position:relative; top:8px;}
.portfolio_scroll .nav_down span {position:relative; top:5px;}

.portfolio_scroll .nav_up.hide, .portfolio_scroll .nav_down.hide {display:none;}
/*Portfolio Page END*/


/*Service Page*/
#service_content {display:inline-block; width:906px; height:446px; margin:10px; padding:15px; background-color:#333; border:2px solid #000; color:#FFF;}
#service_image {float:left; width:300px;}
#service_image img {width:295px; border:1px solid #FFF;}
#service_text {float:right; width:570px; padding:0 15px;}
#service_text ul {margin:30px 0;}
/*Service Page END*/


/*Contact Page*/
#contact_content {display:inline-block; width:906px; height:446px; margin:10px; padding:15px; background-color:#333; border:2px solid #000; color:#FFF;}

#contact_form  {padding:0 15px;}
#contact_form h1 {margin:0 0 10px 0;}
#contact_form ul li label {display:inline-block; width:100px; padding-top:8px; vertical-align:top;}
#contact_form ul li label.last-child {margin-bottom:5px;}
#contact_form ul li input {width:200px; padding:3px; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; font-size:16px;}
#contact_form ul li textarea {float:left; width:780px; padding:3px; min-height:80px; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; font-family:arial; font-size:16px; resize:none;}

#contact_form ul li .input_submit {float:right; width:75px; height:80px; background:url(../images/structure/button_submit.png) 0 0; border:none; font-style:italic; cursor:pointer; line-height:100px; text-indent:-2000px;}
#contact_form ul li .input_submit:hover {background-position:0 80px;}

#contact_form h6 {font-size:16px; color:#FF3; margin:10px 0; line-height:1.2;}
#contact_form .error_input, #contact_form .error_textbox  {position:relative; top:3px; display:inline-block; width:500px; font-style:italic; color:#FF3;}
#contact_form .error_textbox {top:8px;}

#contact_details {clear:both; padding:0 15px; font-size:16px;}
#contact_details h2 {margin-top:15px; padding-top:15px; border-top:1px solid #999;}
#contact_address, #contact_numbers  {float:left; width:400px;}
/*Contact Page END*/


/* Clear Fix */
.clear {clear:both;}
.clearfix:after {content:"."; display:block; clear:both; height:0; visibility:hidden;}
.clearfix {display:inline-block;}
* html .clearfix {height:1%;} /* Hides from IE-mac \*/
.clearfix {display:block;} /* Hides from IE-mac \*/
/* Clear Fix End */