html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
/*...................... Media Surgery ............................*/
/* color chart
border color :: #89b9de
*/
body { font-size:75%; font-family: Helvetica, Arial, sans-serif}
#wrapper:after,
#services:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
DIV#wrapper { background:transparent url(/images/background-main2.jpg) 0 320px; border:10px solid #89b9de; border-top:none; position:relative; border-bottom:none; margin:0 auto; width:950px; }
DIV#topper { height:280px;}
/* DIV#wrapper img { position:absolute; top:45px; left:60px; z-index:1002; } */
DIV#services { clear:both; float:left; width:100%; height:17em;}
DIV#main { clear:both; width:950px;}
.home DIV#content { min-height:500px; padding:0 67px 0 0; float:left; position:relative; }
DIV#page-content { padding:35px 0 0 65px; width:884px; }
DIV#content { width:560px; padding:0 0 0 65px; float:left; }
.page-7 #content { margin:0 auto; width:900px; }
DIV#side { width:300px; float:right; margin:0 10px 0 0;}
/*..............Alternate ........*/
.rain DIV#wrapper { border-left:10px solid #f00; }
.night DIV#wrapper { border-right:10px solid #000; }
#topper img { position:absolute; top:30px; left:30px; }
/*............. Nav ..............*/
#nav li { display:inline; }
#nav a { display:block; float:left; height:52px; width:182px; text-indent:-9999px;}
#nav #nav-home { background-image:url(/images/nav-home.gif); width: 200px;}
#nav #nav-services { background-image:url(/images/nav-services.gif); width: 183px;}
#nav #nav-portfolio { background-image:url(/images/nav-portfolio.gif); }
#nav #nav-why { background-image:url(/images/nav-why.gif); }
#nav #nav-contact { background-image:url(/images/nav-contact.jpg); width: 203px; }
/*............ Services ..........*/
#services ul { margin:20px 0 0 70px;}
#services li { clear:both; color:#3e739d; height:3em; }
#services p { background-color: #fff; float:left; width:600px; padding:5px;}
#services a { display:block; float:left; width: 187px; height:24px; text-indent:-9999px; }
#s-web-design { background-image:url(/images/services-nav-web-design.gif); }
#s-identity { background-image:url(/images/services-nav-identity.gif); }
#s-graphic-design { background-image:url(/images/services-nav-graphic-design.gif); }
#s-marketing { background-image:url(/images/services-nav-marketing.gif); }
#services #services-hide { background-image:url(/images/services-close.gif); clear:both; display:block; height:22px;width:100%; }
/*............ Page Content ......*/
#page-content h2 { padding:15px 0 0 0; font-size:1.2em; color:#054374;}
#page-content p { padding:5px 0 5px 0; line-height:1.4em; font-size: 1.1em; }
#page-content .post { width:550px; float:left; }
#main .edit-page { clear:both; width:400px; padding:20px; }
/*............ Content ...........*/
#content h1 { height:23px;width: 500px; padding:5px 0 0 0; margin-top:40px; color:#fff; font-size:1.6em; }
#content p { padding:5px 0 5px 0; line-height:1.4em; }
#content #side-open { position:absolute; right:0; top:0;display:block; min-height:400px; height: 100%; width:22px; background-image:url(images/side-open.gif); text-indent:-9999px; }
#post-6 h1 { padding-left:27px; }
/*............ Post Content ...............*/
.navigation { margin-top: 30px; }
#commentform textarea { width: 500px; border:2px solid #89b9de; }
#commentform input { border:2px solid #89b9de; }
.commentlist { background-color:#FFF; border:1px solid #F4F4F4; }
h3#comments, h3#respond { margin:25px 0 5px 0; }
.postmetadata { border:1px solid #7EACF1; padding:10px; margin: 15px;}
/*............ Home Side Bar ..............*/
#side h2 { height: 28px; width: 266px; float:right; text-indent:-9999px; margin:1px 0; padding:0; }
#side #side-contact { background-image:url(/images/right-h1-contact.gif);}
#side-testimonials { background-image:url(/images/right-h1-testimonials.gif); }
#side-latest { background-image:url(/images/right-h1-latest.gif); }
.side-select h2 { background-position: 0 -58px; }
#side h2.selected { background-position: 0 -29px; }
#main .side-select h2.selected { background-position: 0 -87px; }
#side div { display:block; float:right; width:200px; }
#main #side .open { background-color:#00FF00; }
/*............ Wordpress SideBar ..............*/
#sidebar { float:right; width:300px; }
/*............ Contact Form .........*/
#main #contact-form { padding:0 6px 0 0; width:360px; float:left;}
.wpcf7-form label { display:block; color:#000066; width:150px; clear:both; padding:8px 0 0 0; }
.wpcf7-form input { margin:6px 0; position:relative; width:200px; }
.wpcf7-form textarea { width:300px; clear:both; }
.wpcf7-form #submit { width:134px; display:block; height: 41px; background-image:url(/images/contact-send.gif); clear:both; text-indent:-9999px; border:0;}
.wpcf7-response-output { clear:both; }
.wpcf7-form img { clear:left; display:block; }
.wpcf7-form .wpcf7-not-valid-tip{ display:block;position:relative; clear:right; width:260px; top:-26px; left:0px; }
#contact-right { width:250px; float:left; }
#contact-details { clear:both; margin-top:15px; }
/*........... Footer .............*/
DIV#footer { padding:30px 0; border-top:1px dotted #999999; clear:both;}
DIV#footer #latest-articles { width:600px; float:left;}
#footer #latest-articles h3 { width:213px; height:22px; padding:5px 10px 0 0; background:url(/images/footer-h3-latest.gif) repeat-y; text-align:right; }
#latest-articles ul { margin:10px 0 0 112px; }
#latest-articles li { padding:4px 0; border-bottom:1px solid #999; }
#latest-articles a:link,
#latest-articles a:visited { color:#333; }
#footer h3 { color:#FFF; font-size:1.2em; }
DIV#footer #menu-footer { width:236px; float:right; }
#menu-footer h3 { height:22px; background-image:url(/images/footer-h3-theme.gif); padding:4px 0 0 10px }