/* General styles */
body {margin:0; padding:0; font-family:verdana; font-size:10.5pt; color:#484848; 
background: #e1e0e0 url(../images/bg_homepage.gif) repeat-x top left}
img, object {border:0; outline:none}
img, div, a, input, span { behavior: url(../scripts/iepngfix.htc) }
td, div, span, a {background-repeat:no-repeat;}
a {text-decoration:none; outline:none} a:focus {outline:none;}
span {display:block}
.block {display:block}
.inline {display:inline}
.bold {font-weight:bold}
.clear {clear:both}

.topalign {vertical-align:top;}
.middlealign {vertical-align:middle}
.bottomalign {vertical-align:bottom}
.leftalign {text-align:left;}
.rightalign {text-align:right}
.floatleft {float:left}
.floatright {float:right}
/* General styles */

/* Custom styles */
body div.sw {width:950px; margin-left:auto; margin-right:auto;}
body div.sides {border-left:2px solid #c2c2c2; width:946px; border-right:2px solid #c2c2c2; background-color:white; margin-left:auto; margin-right:auto; min-height:600px}
body div.sides2 {border-left:2px solid #c2c2c2; width:946px; border-right:2px solid #c2c2c2; background-color:white; margin-left:auto; margin-right:auto;} /* same as sides, but without the min-height */
.top {height:16px; background:url(../images/roundtop.gif) top no-repeat;}
.bottom {height:16px; background:url(../images/roundbottomtrans.gif) bottom no-repeat}
h2 {color:#788e00; margin:0; font-size:14pt; padding-bottom:10px; font-family:helvetica;} /* green */
h3 {color:#006d88; margin:0; font-size:13pt; padding-bottom:5px; font-family:helvetica;} /* teal */
hr {color:#cccbcb}
h4 {font-weight:bold; display:block; padding-bottom:3px; color:#580280} /* purple */
h5 {color:#006d88; margin:0; font-size:13pt; padding-bottom:5px; font-family:helvetica; margin-bottom:10px} /* teal with margin */
.extlinks {display:block; font-style:italic; font-size:9pt; color:#696c99; padding-left:42px}
.xl {margin:0; padding:0; display:inline} /* for inline external links */
.extlinks2 {font-style:italic; font-size:9pt; color:#696c99;} /* inline without padding */
.listmargin {margin-top:5px}
.content_noside {padding:10px 25px 0px 25px}
.noliststyle {list-style-type:none}
.img {padding-left:40px; padding-bottom:30px}
.small {font-size:8pt; color:#ababab}
.banner {height:114px; vertical-align:bottom; border:0; margin-top:5px}
.banner a.logo {display:block; height:114px; width:118px; float:left}
.banner h3.tag {position:absolute; color:#7d9a01; margin:64px 0px 0px 380px;}
.btext {background-image:url(../images/swtext.gif); width:210px; height:33px; display:block;
margin:18px 0px 0px 142px; padding-left:230px; padding-top:15px; color:#788e00; position:absolute;}
#navholder {height:39px; width:827px; position:absolute; margin:77px 0px 0px 135px}
.footer {height:100px; text-align:center; font-size:10pt; color:#929292; padding-top:30px}

div.sides a, .footer a {color:#00737e} div.sides a:hover {color:#480066} div.sides a:visited {color:#8f8e8e}
/* Custom styles */

/* Home */
.homeimg {width:938px; height:305px; background-image:url(../images/home_grass.jpg); position:absolute; margin-top:-10px; margin-left:4px; border:0px solid red}
body#home .cont {height:300px;}
.brief {width:500px; height:300px; margin:15px}
.brief h2 {color:#006d88}
.websitesfor {margin:5px 0 0 0; background-image:url(../images/websitesfor.png); width:158px; height:29px;}
.whatyouget {position:absolute; margin-top:169px; width:159px; height:35px; background-image:url(../images/whatyouget.png)}
body#home .bulletscont {position:absolute; font-weight:bold; color:#480066}
.bullets {float:left; width:255px;}
.txtblock {float:left; width:290px; height:175px; padding:10px 0px 0px 20px; font-size:.96em;}
.three {background:#ffffff url(../images/gradient.gif) top no-repeat; height:160px;}
.reasons p, .reasons h2, .reasons h3 {padding:0px 20px 0px 20px}
.reasons ol {margin-left:10px}
.form {width:324px; height:258px; position:absolute; margin:25px 0px 0px 590px; background-image:url(../images/form.png); padding:10px 0 0 20px; font-size:10pt;}
body#home .bottom {margin-top:-16px}
.field1, .field2 {border:2px solid #9864ae; width:280px; color:#026684; font-family:verdana; font-size:10pt}
.formtitles {color:#556b00; font-weight:bold; margin-top:3px; font-size:8pt}
.formtitles2 {color:#480066; font-weight:bold; margin-top:2px; margin-bottom:10px}
.btn1, .btn2, #submit {border:2px solid #9864ae; font-weight:bold; width:138px; margin-top:7px; cursor:pointer}
.btn1, #submit {background-color:#759101; color:white; margin-right:8px} .btn1:hover, #submit:hover {background-color:#627900}
.btn2 {background-color:white; color:#759101} .btn2:hover {background-color:#ededed}
.error {position:absolute; border:2px solid red; cursor:pointer; width:240px; height:120px; background-color:#3b0054; 
padding:20px; padding-top:40px; margin-top:18px; color:red; font-weight:bold; line-height:25px; background-image:url(../images/close.gif); background-repeat:no-repeat; background-position:255px 5px;}

/* Sitemap */
body#sitemap ul li {list-style-type:none; margin-bottom:5px}
body#sitemap .content ul ul, body#sitemap .content ul li a {padding-top:5px}	
/* Sitemap */

/* Domain Page */
body#domain div.sides {background:white url(../images/text_domain.jpg) no-repeat 565px 285px}
.bgcol {background-color:#dedddd}
#domain table {margin:0px 0px 20px 0px; width:300px}
#domain table td {padding:5px; padding-left:10px}

/* Planning Your Website */
body#planning div.content {width:487px}
body#planning div.sides {background-image:url(../images/fatherson.jpg); background-position:640px 38px}
body#planning hr {margin:19px 0px 20px 0px}
.menutype {display:block; padding-left:42px; padding-bottom:5px}
ol li ul {margin:20px 0 20px 0}
#contentorganizer, #colorchange, #abstract {margin:15px 0px 30px 30px;}
body#planning ol li {font-weight:bold; color:#581673; width:490px}
body#planning ol li a {font-weight:normal; margin-left:10px; font-size:9pt}
body#planning ol li span {color:#6b8700; margin:2px 0px 5px 30px; font-size:9pt; width:405px; font-weight:normal}

/* Website Layouts */
body#layouts div.sides {background:white url(../images/text_layout.jpg) no-repeat 405px 113px}
body#layouts .items {margin-bottom:0; padding-bottom:0}
body#layouts .layouts {display:block; margin-bottom:10px; margin-top:20px}
.hv {font-weight:normal; display:inline; color:#484848}	

/* Types of Navigation */
body#navigation div.outer {float:left; margin-right:100px}
.menus {margin-bottom:80px}

/* How Many Pages */
body#pages div.outer {height:500px;}
.struc {width:240px; float:right; margin:20px 0px 0px 45px;}
.structure {background-color:#e5e5e5; border:1px solid #cccbcb; width:170px; display:block; margin-bottom:15px; margin-top:5px; padding:5px 0px 5px 40px}

/* Custom Website Design */
body#design div.content {background-image:url(../images/colored_pencils.jpg); background-position:455px 0px}
body#design img.text {position:absolute; margin-top:160px; margin-left:445px}
img.man {position:Absolute; margin-top:-8px}
body#design div.content {height:600px}
body#design li.noliststyle {margin-bottom:5px}
body#design h3 {margin-top:20px}
.serv {float:right; margin:35px 0px 0px 25px; width:290px; border:1px solid gray; padding:15px 10px 15px 25px; background-color:#e5e5e5; border:1px solid #cccbcb; margin-top:115px}
.serv li {margin-bottom:10px}
body#design li h3 {padding-top:0; margin-top:0; padding-bottom:0}

/* Website Redesign */
body#redesign div.content ul {margin:0 0 50px 0}
body#redesign img.text {position:absolute; margin:30px 0px 0px -100px}
body#redesign h3 {margin:15px 0 0 0}
body#redesign h4 {margin-bottom:0}
img.paintbrush {position:absolute; margin-left:357px; margin-top:-100px}

/* Photoshop to HTML */
body#photoshop img.text {position:absolute; margin:5px 0 0 485px}
/* Photoshop to HTML */

/* About Stylistic Web */
body.about div.sides {background-image:url(../images/circles.jpg)}
body.about div.content {width:545px; height:541px}
img.curves {position:absolute; margin-left:737px; margin-top:-15px}

/* About Mehreen */
body#aboutmb div.sides {background-image:url(../images/paint.jpg); background-position:544px 0px}

/* Website Portfolio */
body#webportfolio .content .img {padding:0; border:2px solid #00465c; margin:0 0 50px 0}
body#webportfolio a:hover .img {border:2px solid #a1be00}
body#webportfolio div.content {height:2930px}
.websquares {width:330px; position:absolute;}

/* Not Found */
body#notfound div.sides {background-image:url(../images/woman.jpg); background-position:170px 90px}
body#forbidden div.sides {background-image:url(../images/padlock.gif); background-position:250px 140px}
body#notfound div.content, body#forbidden div.content {background-image:url(../images/www.jpg); background-position:560px 12px}

/* Privacy Policy */
strong {display:block; margin-top:20px}

/* HTML Emails FLyer */
.emailperks {position:absolute; margin:-250px 0 0 350px;}

/* Blog (common) */
body.blog div.content {width:565px}
body.blog div.sides {clear:both;}
body#bloghome div.sides .content h2 {margin-bottom:10px}  
body#bloghome h3 {margin-top:0}
.welcome {margin-bottom:15px; color:#8d47ab}
body.blog div.content h3 {padding-bottom:0}
body.blog div.content h3 a {color:#006d88}
body.blog a:hover {color:#480066}
.mb {margin-bottom:5px}
table.small td, table.small th {font-size: 0.9em; line-height: 1.5em; color:#484848}
ol.bloglist li, ul.bloglist li {padding-bottom:40px}

/* Blog Archive */
body#search div.sides {padding-bottom:30px}

/* Comments*/
#author, #email, #url, #comment {border:1px solid #788e00;}
input#author, input#email, input#url {width:300px}

/* Single Post */
body#single #sidebar, body#image #sidebar {position:absolute;}
body#single div.sides h2 {margin-bottom:0px}

/* Image */
body#image #sidebar {margin-top:-684px}