/* Begain Reset Here */
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.01%; /*for opera*/
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
blockquote, q
{
quotes: none;
}
/*
Safari doesn't support the quotes attribute, so we do this instead.
*/
blockquote:before, blockquote:after, q:before, q:after
{
/* CSS 2; used to remove quotes in case "none" fails below.
*/
content: "";
/*
CSS 2.1; will remove quotes if supported, and override the above.
User-agents that don't understand "none" should ignore it, and
keep the above value. This is here for future compatibility,
though I'm not 100% convinced that it's a good idea...
*/
content: none;
}
textarea { overflow: auto; }
input { border: 0px solid white; margin: 0; padding: 0; }
/*General Styles*/
h1{}
h2{ color:#FF9900;font-size:1.3em;}
h3{ color:#fff; font-size:2.3em;}
h4{color:#fff; font-size:1.0em;}
h5{color:#fff; font-size:0.9em; line-height:1.5em;}
body p{font:normal 0.8em/1.2em "Trebuchet MS", Arial, Helvetica, sans-serifArial, Tahoma, Times ; margin:1.0em 0 0 0}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.hr{}
img{border:0}
.border{border:#CCC 1px solid;}
.margin-right{}
.margin-left{}
.bold{font-weight:bold;}
/*Layout styles*/
h1{text-indent:-9999px; background:url(images/IcanWebsites.png) no-repeat; display:block; width:348px; height:101px; position:absolute; right:10px; top:130px;}
body{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
body{background:url(images/body_bg.jpg) no-repeat top right #B9560E fixed; color:#F3AD8C;}
#nav{background: url(images/black.png) repeat ; width:100%; border-bottom:1px solid #FC7E65; position:fixed; left:0; top:0; z-index:99999; overflow:hidden; height:36px;}
#nav ul li{display:inline; float:left;}
#nav ul li a{ color:#fff; font-size:1.3em; text-decoration:none; line-height:1.6em; padding:0 1.0em}
#nav ul li a:hover{color:#FC0;}
#tags{width:630px; display:block; position:absolute;right:10px; bottom:30px;}
#container{ width:960px; margin:0 auto; overflow:hidden; }
.container{width:960px; margin:0 auto; overflow:hidden;}
#header{ background:url(images/monitor.png) no-repeat left center; height:470px; position:relative;}
#monitor{display:block; background:url(images/monitor.png) no-repeat top left;}
#contents{ background:url(images/black.png) repeat; padding:20px;overflow:hidden; border:#E49970 1px dotted;}
#left{ width:600px; float:left;}
#right{ width:250px; float:right; background:url(images/divider.gif) no-repeat left center; padding:20px; }
.catlist{color:#FC8846; font-size:0.9em; margin:1.2em 0 0 1.0em;}
.catlist li{ line-height:1.6em; list-style-image:url(images/bullet.gif);}
.home_contents li{width:270px; display:block; float:left;margin:0.8em 0.8em; text-align:left;}
.callnow{width:269px; height:203px; background:url(images/Callusnow.png) no-repeat;display:block;}
.callnow h2{ line-height:15.3em; margin-left:2.0em;}
.catlist li:last-child{ list-style:none;}
.section{clear:both; clear:both; margin:5.5em 0}
.bordery{ overflow:hidden;}
.callus{float:right; line-height:1.9em;}
.whity{color:#FFF; font-size:1.4em;}
.portfolio{}
.portfolio img {border:1px #F4AE8C dotted; margin:18px;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;}
.portfolio img:hover{border:1px #FC0 dotted;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 1;}
.section h2{ color:#FF9900; margin:0 0 1.3em 0}
.contact_left{ width:50%; float:left; }
.conimg{float:left; padding: 0 20px 20px 0;}
.contact_right{ width:45%; float:right;}
.yello{color:#FC0}
#footer{text-align:center; font-size:0.9em}
/***********The form styles**************/
form { /* set width in form, not fieldset (still takes up more room w/ fieldset width */
font:100% "Trebuchet MS", Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
min-width: 400px;
max-width: 500px;
width: 400px;
}
form fieldset {
/ * clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
padding: 10px; /* padding in fieldset support spotty in IE */
margin: 0;
}
form fieldset legend {
font-size:0.8em; /* bump up legend font size, not too large or it'll overwrite border on left */
/* be careful with padding, it'll shift the nice offset on top of border */
}
form label {
display: block; /* block float the labels to left column, set a width */
float: left;
width: 150px;
padding: 0;
margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
text-align: right;
}
form fieldset label:first-letter { /* use first-letter pseudo-class to underline accesskey, note that */
text-decoration:underline; /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
/* pseudo-class on legend elements, but do support it on label elements */
/* we instead underline first letter on each label element and accesskey */
/* each input. doing only legends would lessens cognitive load */
/* opera breaks after first letter underlined legends but not labels */
}
form input, form textarea {
/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
width:auto; /* set width of form elements to auto-size, otherwise watch for wrap on resize */
margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
label aligns textarea better in IE */
}
form input:focus{background:#FFF2C6; color:#C00}
form textarea:focus{background:#FFF2C6;color:#C00}
form input#reset {
margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}
textarea { overflow: auto; }
form small {
display: block;
margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
padding: 1px 3px;
font-size: 88%;
}
form .required{font-weight:bold;} /* uses class instead of div, more efficient */
form br {
clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}