/* Theme Name: Arccon */ /* Begin Main Styles */ body {font-size:10pt; font-family:Arial, Helvetica, sans-serif; background:#737164; color:#333; text-align:left; margin:0px; padding:0px;} p, pre {margin:0px 0px 10px 0px;} #page {margin:0px auto 0px auto; padding:0px 0px 0px 0px; width:810px;} #wrapper {display:block; width:100%; background:#33CC00;} .narrowcolumn { float:left; padding:0px 20px 0px 20px; margin:0px 0px 0px px; width:770px; background:url(images/content_tile.jpg) top left repeat-y; color:#000000;} #sidebar{padding:20px 0px 10px 0px; margin-left:545px; width:190px; background-color:#FFFF00;} .widecolumn { padding:10px 0px 20px 0px; margin:0px 0px 0px 150px; width:450px;} #arccon_header {height:130px; width:810px; margin:20px auto 0px auto; padding:0px 0px 20px 0px; background:url(images/header_bottom_shadow.jpg) bottom center no-repeat;} #arccon_logo {float:left; width:360px; height:130px;} #arccon_nav {width:450px; height:130px; float:left;} .nav_item a {height:130px; border:0px; display:block; background-position:top left; background-repeat:no-repeat; float:left;} #nav_home a {background-image:url(images/nav_1_home.jpg); width:110px; } #nav_home a:hover {background-image:url(images/nav_1_home_hover.jpg);} #nav_home_active a {background-image:url(images/nav_1_home_hover.jpg); width:110px;} #nav_who a {background-image:url(images/nav_2_who.jpg); width:111px;} #nav_who a:hover {background-image:url(images/nav_2_who_hover.jpg);} #nav_who_active a {background-image:url(images/nav_2_who_hover.jpg); width:111px;} #nav_portfolio a {background-image:url(images/nav_3_portfolio.jpg); width:113px;} #nav_portfolio a:hover {background-image:url(images/nav_3_portfolio_hover.jpg);} #nav_portfolio_active a {background-image:url(images/nav_3_portfolio_hover.jpg); width:113px;} #nav_contact a {background-image:url(images/nav_4_contact.jpg); width:116px;} #nav_contact a:hover {background-image:url(images/nav_4_contact_hover.jpg);} #nav_contact_active a {background-image:url(images/nav_4_contact_hover.jpg); width:116px;} #portfolio_pic_box_main {width:530px; height:280px; margin:0px; background-color:#5598B3; padding:10px 10px 10px 10px; float:left;} #portfolio_nav_main {width:200px; height:220px; float:right; padding:80px 0px 0px 0px;} #portfolio_nav_main li {list-style:none; list-style-type:none; display:block; margin:0px 0px 14px 0px;} #portfolio_nav_main li a {color:#FFFFFF; text-decoration:none; font-size:11pt;} #portfolio_nav_main li a:hover {text-decoration:underline;} #portfolio_pic_box {width:410px; height:290px; margin:0px; background-color:#5598B3; padding:6px 7px 6px 7px; float:left;} #portfolio_pic {width:410px; height:290px; padding:0px; margin:0px; overflow:hidden;} #portfolio_pic_box p{margin:0px; padding:0px;} #portfolio_vertical_nav {width:28px; height:302px; background-color:#ABC4C8; float:left; position:relative;} #portfolio_vertical_nav a {color:#0086AC; font-size:20px; font-weight:bold; text-decoration:none;} #portfolio_vertical_nav a:hover {color:#FFFFFF;} #portfolio_vertical_nav_next {position:absolute; top:10px; width:28px; padding:0px; margin:0px; text-align:center;} #portfolio_vertical_nav_prev {position:absolute; bottom:10px; width:28px; padding:0px; margin:0px;text-align:center;} #portfolio_content {width:298px; height:282px; background-color:#FFFFFF; float:left; color:#666666; font-size:10pt; padding:10px; position:relative;1} .client_name { width:100%; margin-bottom:5px; text-align:left;} .client_logo {width:290px; height:80px; background-position:top left; background-repeat:no-repeat; margin-bottom:10px; overflow:hidden;} .client_header {font-size:8pt; color:#000000; margin:10px 0px 2px 0px; font-weight:bold;} .client_content {font-size:8pt; color:#999999; margin:0px 0px 12px 0px; text-align:left;} .content_button {border:1px solid #999999; padding:4px 4px 4px 8px; color:#0086AC; width:120px; margin:0px 0px 0px 0px; text-align:right; height:16px;} .content_button a {color:#0086AC; text-decoration:none; font-size:10px; font-weight:bold; border-bottom:1px dotted #FFFFFF;} .content_button a:hover {text-decoration:none; border-bottom:1px dotted #0086AC;¨} #btn_next_client {position:absolute; bottom: 10px; left:10px;} #btn_categories {position:absolute; bottom: 10px; right:10px;} #categories_menu {position:absolute; right:10px; bottom:40px; height:140px; width:122px; background-color:#FFFEE2; border:1px solid #999999; padding:5px; color:#666666; font-size:8pt; display:none;} #categories_menu a {color:#666666; text-decoration:none;font-size:8pt; line-height:18px; border-bottom:1px dotted #FFFEE2;} #categories_menu a:hover {border-bottom:1px dotted #666666;} .dotted_line {width:100%; margin:5px 0px 5px 0px; height:1px; background:url(images/dotted_line.jpg) top center no-repeat;} .dotted_line_2 {width:100%; height:1px; margin:2px 0px 2px 0px; border-bottom:1px dotted #666666;} #image_num_box {width:300px; height:20px; margin:0px; padding:5px 0px 0px 5px; color:#63BCE4;} #image_num_box a {color:#63BCE4; text-decoration:none; display:inline-block; margin:0px 0px 0px 10px;} #image_num_box a:hover { color:#FFFFFF;} .clear_portfolio {clear:both; height:1px; float: none; margin:0px;} #who_we_are {display:block; width:530px; height:82px; background:url(images/who_we_are.jpg) top left no-repeat; margin:0px 0px 0px 15px; } #page_box {width:700px; height:180px; margin:20px auto 20px auto; padding:15px; background-color:#FFFFFF;} #page_content {width:535px; height:180px; margin:0px 0px 0px 0px; padding:0px 25px 0px 0px; overflow-y:scroll; overflow-x:hidden;} #page_left_nav {margin:0px 20px 0px 0px; padding:12px 15px 0px 0px; height:168px; width:100px; float:left; font-size:8pt; border-right:1px dotted #666666;} #page_left_nav ul {margin:0px 0px 0px 0px; padding:0px;} #page_left_nav li {list-style-type:none; margin:0px 0px 8px 0px; padding:0px 0px 0px 0px;} #page_left_nav a {color:#666666; text-decoration:none; font-size:11px; display:block; padding:5px; text-align:left; text-transform:uppercase;} #page_left_nav a:hover {color:#FF0000;} #page_left_nav .current_page_item a {color:#FF0000;} #footer {background:url(images/footer.jpg) top left no-repeat; display:block; padding: 0px; margin: 0px auto 0px auto; width: 810px; height:155px; clear: both; color:#A8A691; font-size:9pt; text-align:left; padding:0px 0px 0px 0px; position:relative;} #footer_address {position:absolute; top:60px; left:40px;} #footer_contact {position:absolute; top:75px; right:60px;} #footer p {margin:0px; padding: 20px 0; text-align: center;} /*GENERAL CLASSES*/ .post {margin:0px 0px 0px 0px; text-align:justify; } .postmetadata {clear:both;} .clear {clear:both;} #preload {display:none;} h2 {color:#FFFFFF;} a {color:#000000; text-decoration:none; font-weight:bold;} a:hover {text-decoration:underline;} /* Begin Images */ p img {padding:0; max-width:100%;} img.centered {display:block; margin-left:auto; margin-right:auto;} img.alignright {padding:4px; margin:0 0 2px 7px; display:inline;} img.alignleft {padding:4px; margin:0 7px 2px 0; display:inline;} .alignright {float:right;} .alignleft {float:left} /* End Images */ /* Begin Various Tags & Classes */ blockquote {margin:15px 30px 0 10px; padding-left:20px; border-left:5px solid #ddd;} blockquote cite {margin:5px 0 0; display:block;} .center {text-align:center;} .hidden {display:none;} hr {display:none;} a img {border:none;} .navigation {display:block; text-align:center; margin-top:10px; margin-bottom:60px;} /* End Various Tags & Classes*/