﻿/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:url(http://images.scottgilmour.net/body-tail.gif) left top repeat-x #a0a0a1;
	text-align:center;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}
.clearleft {clear:left;}
.clearright {clear:right;}
.center {text-align;center;}

html, input, textarea
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.75em;
		line-height:1.75em;
		color:#646060;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#b40404; outline:none;}
a:hover{text-decoration:none;}
p {padding-top:16px;}

/* ============================= main layout ====================== */

li { background:url(http://images.scottgilmour.net/list-bg.png) no-repeat 0 6px; padding-left:25px; line-height:1.5em;}
li a {color:red;}

.imgindent {margin:0 27px 0 0; float:left;}
.imgindent1 {margin:0 20px 0 0; float:left;}

h1 {font-size:3.07em; line-height:1.16em;}
h2 {font-size:2.91em; color:#3b3b3f; margin-top:-6px; line-height:1.16em; }
h3 {font-size:1.78em; line-height:1.14em; letter-spacing:-1px; padding-bottom:12px;}
h4 {font-size:1.75em; line-height:1.19em; color:#33312a; font-weight:normal; letter-spacing:-1px; margin-bottom:12px;}
h5 {font-size:1.84em; line-height:0.75em; color:#33312a; font-weight:normal;  margin-bottom:23px;}
.thirtysix {font-size:36pt;}
.thirty {font-size:30pt;}
.twentyfour {font-size:24pt;}
.eighteen {font-size:18pt;}
.sixteen {font-size:16pt;}
.fourteen {font-size:14pt;}
.padd10 {margin-bottom:10px;}
.padd22 {margin-bottom:22px}
.padd36 {padding-bottom:36px;}

/* ============================= header ====================== */
#header {background:url(http://images.scottgilmour.net/header-bg.gif) center top no-repeat; padding-top:9px;}
#page2 #header,#page3 #header,#page4 #header,#page5 #header,#page6 #header,#page7 #header,#page8 #header,#page9 #header,#page10 #header {height:220px; margin-bottom:-202px;}
.top-links {float:right; padding:37px 31px 0 0; font-size:0.916em;}
.top-links a {text-decoration:none;  color:#fff; padding-top:15px; margin-left:22px; display:inline-block;}
.top-links a:hover {text-decoration:underline;}
.sign {background:url(http://images.scottgilmour.net/page1-img1.gif) top center no-repeat; }
.map {background:url(http://images.scottgilmour.net/page1-img2.gif) top center no-repeat; }
.mail {background:url(https://scottgilmour.net/images/page1-img3.gif) top center no-repeat;}

.menu {background:url(https://scottgilmour.net/images/menu-tail-bg.gif) left top repeat-x;}
.menu li {float:left; background:url(http://images.scottgilmour.net/menu-li-bg-full.gif) left top no-repeat; width:111px; text-align:center; padding:0px;}
.menu li a {display:block; color:#ebebec; text-decoration:none;  font-size:1.25em; line-height:1.16em; padding:10px 0 0px 0; height:29px; letter-spacing:-1px;}
.menu li a:hover, .menu .active {background:url(http://images.scottgilmour.net/menu-li-active-bg.gif) left top no-repeat; color:#27292e;}

/* ============================= content ====================== */
.extra {background:#fff;}
#page2 .extra,#page3 .extra,#page4 .extra,#page5 .extra,#page6 .extra,#page7 .extra,#page8 .extra,#page9 .extra,#page10 .extra {margin-top:122px;}
.extra-indent {padding:0 27px 27px 26px;}

.block {background:url(http://images.scottgilmour.net/block-tail.gif) left top repeat-x; color:#3b3b3f; }
.block-content {background:url(http://images.scottgilmour.net/block-bg.jpg) left top no-repeat; height:252px; }
.block-content1 {}
.block-indent{padding:0 33px 0 44px;}
.block-indent1 {padding:34px 33px 0 50px; font-size:1.16em; line-height:1.32em;}
.block .link2 {display:inline-block; background:url(http://images.scottgilmour.net/link-img1.gif) 0 0 no-repeat; height:32px; width:107px; margin-top:-6px; }
.block .col-3 a, .block .col-4 a {color:#b40404;}

.mediumslideshow img { display: none }
.mediumslideshow img.first { display: block }
.portfolioslideshow { display:block; height:200px; overflow:hidden;}
.portfolioslideshow div { display: none }
.portfolioslideshow div.first { display: block }

.link-margin {margin-top:-15px;}

.first-slogan {padding:45px 10px 20px 20px;  font-style:italic; font-size:1.16em; line-height:1.14em; }
.thumb {float:left;margin:10px 15px;padding:3px;}
.grey {border:#555 1px solid;}
.red {border:#999 1px solid;}
.white {border:#fff 1px solid;}
p.tagline {font-size:20pt;position:relative;top:-10px;margin-bottom:10px;}


.col-pad {padding-right:12px;}
.col-pad1 {padding-right:13px;}
.col-pad2 {padding-right:48px;} 

em.upper {text-transform:uppercase;}

.pad { padding-top:26px; }
.pad1 { padding-top:14px;}
.pad2 {padding-top:20px;}
.pad3 {padding-top:18px;}
.pad4 {padding-top:70px;}
.pad5 {padding-bottom:100px;}
span.location{font-size:13pt;position:relative;top:-18px;}

.padding {padding-top:37px;}
.padding1 {padding-top:47px;}

.margin {margin-top:17px;}
.margin1 {margin-bottom:15px;}
.margin2 {margin-top:5px;}

.h4-indent {margin-left:-6px;}
.product-buttons {margin:10px 0 40px 10px;}
.product-buttons .productbutton {margin:0 3px;}

.alignright {text-align:right;}

.list {font-size:1.15em; line-height:1.66em; padding-top:13px;}
.list1 {font-size:1.25em; line-height:1.66em; }
.list1 li {padding-bottom:3px;}
.box1 .list {font-size:1.25em; line-height:1.66em; padding:0px; margin-top:-8px;}
.box1 .list li {padding-bottom:3px;}

.box2 .list1 {margin-bottom:16px;}
.box2 .list1 li a {color:#fff;}

.link {background:url(http://images.scottgilmour.net/link-left-bg.png) left top no-repeat; display:inline-block; line-height:1em; text-decoration:none; margin:-3px 0px 0px 5px; color:#8f8f90; font-weight:bold; cursor:pointer; font-size:1.16em;}
.link strong {background:url(http://images.scottgilmour.net/link-right-bg.png) right top no-repeat; display:inline-block; padding:0 7px 0 7px;}
* html .link strong {padding-right:10px;}
*+html .link strong {padding-right:10px;}
.link strong strong  {background:url(http://images.scottgilmour.net/link-tail-bg.png) top repeat-x; padding:4px 3px 8px 3px;}

.link:hover strong {color:#000;}

.box-img1 {position:absolute; margin:-30px 0 0 0px; padding-left:170px;}
.box-img2 {position:absolute; margin:-30px 0 0 0px; padding-left:436px;}
.box-img3 {position:absolute; margin:-26px 0 0 0px; padding-left:430px;}
.box-img4 {position:absolute; margin:-30px 0 0 0px; padding-left:419px;}

.box ul {padding-bottom:8px; margin-top:-5px;}
.box ul li {font-size:1.25em; line-height:1.66em;}

.box { position:relative; color:#929395;}
.box-img {position:absolute; margin:-26px 0 0 0px; padding-left:152px;}
.box-indent {padding:18px 17px 20px 21px;}

.box em {font-size:1.25em; line-height:1.13em; color:#ff0000; font-style:normal; display:block;}
.box .bottom-right {background:url(https://scottgilmour.net/images/box-corner-bottom-right.gif) bottom right no-repeat;}
.box .bottom-left {background:url(https://scottgilmour.net/images/box-corner-bottom-left.gif) bottom left no-repeat;}
.box .top-right {background:url(https://scottgilmour.net/images/box-corner-top-right.gif) top right no-repeat;}
.box .top-left {background:url(https://scottgilmour.net/images/box-corner-top-left.gif) top left no-repeat;}
.box .tail-right {background:url(http://images.scottgilmour.net/box-tail-right.gif) top right repeat-y;}
.box .tail-left {background:url(http://images.scottgilmour.net/box-tail-left.gif) top left repeat-y; width:100%;}
.box .tail-bottom {background:url(http://images.scottgilmour.net/box-bottom-tail.gif) bottom left repeat-x;}
.box .tail-top {background:url(http://images.scottgilmour.net/box-top-tail.gif) top left repeat-x;}
.box .tail {background:#25272b;}

.box1 { position:relative; color:#a1a1a1;}
.box1 em {font-size:1.25em; line-height:1.13em; color:#fff; font-style:normal; display:block;}
.box1 .bottom-right {background:url(http://images.scottgilmour.net/box1-corner-bottom-right.gif) bottom right no-repeat;}
.box1 .bottom-left {background:url(http://images.scottgilmour.net/box1-corner-bottom-left.gif) bottom left no-repeat;}
.box1 .top-right {background:url(https://scottgilmour.net/images/box1-corner-top-right.gif) top right no-repeat;}
.box1 .top-left {background:url(https://scottgilmour.net/images/box1-corner-top-left.gif) top left no-repeat;}
.box1 .tail-right {background:url(https://scottgilmour.net/images/box1-tail-right.gif) top right repeat-y;}
.box1 .tail-left {background:url(https://scottgilmour.net/images/box1-tail-left.gif) top left repeat-y; width:100%;}
.box1 .tail-bottom {background:url(https://scottgilmour.net/images/box1-tail-bottom.gif) bottom left repeat-x;}
.box1 .tail-top {background:url(https://scottgilmour.net/images/box1-tail-top.gif) top left repeat-x;}
.box1 .tail {background:#444444;} 

.box2 { position:relative; color:#fee8e9;}
.box2 em {font-size:1.25em; line-height:1.13em; color:#fff; font-style:normal; display:block;}
.box2 .bottom-right {background:url(http://images.scottgilmour.net/box2-corner-bottom-right.gif) bottom right no-repeat;}
.box2 .bottom-left {background:url(http://images.scottgilmour.net/box2-corner-bottom-left.gif) bottom left no-repeat;}
.box2 .top-right {background:url(http://images.scottgilmour.net/box2-corner-top-right.gif) top right no-repeat;}
.box2 .top-left {background:url(http://images.scottgilmour.net/box2-corner-top-left.gif) top left no-repeat;}
.box2 .tail-right {background:url(https://scottgilmour.net/images/box2-tail-right.gif) top right repeat-y;}
.box2 .tail-left {background:url(https://scottgilmour.net/images/box2-tail-left.gif) top left repeat-y; width:100%;}
.box2 .tail-bottom {background:url(https://scottgilmour.net/images/box2-tail-bottom.gif) bottom left repeat-x;}
.box2 .tail-top {background:url(https://scottgilmour.net/images/box2-tail-top.gif) top left repeat-x;}
.box2 .tail {background:#990000;}

.box3 {color:#212325; line-height:1.16em;} 
.box3-indent {padding:16px 19px 19px 20px;}
.box3 em {font-size:1.083em; line-height:1.307em; color:#212325; font-style:normal; display:block; margin-bottom:6px; font-weight:bold;}
.box3 h1 {font-size:1.87em; color:#212325; margin:2px 0 8px; font-style:normal;}
.box3 .bottom-right {background:url(http://images.scottgilmour.net/box3-corner-bottom-right.gif) bottom right no-repeat;}
.box3 .bottom-left {background:url(http://images.scottgilmour.net/box3-corner-bottom-left.gif) bottom left no-repeat;}
.box3 .top-right {background:url(http://images.scottgilmour.net/box3-corner-top-right.gif) top right no-repeat;}
.box3 .top-left {background:url(http://images.scottgilmour.net/box3-corner-top-left.gif) top left no-repeat;}
.box3 .tail-right {background:url(https://scottgilmour.net/images/box3-tail-right.gif) top right repeat-y;}
.box3 .tail-left {background:url(https://scottgilmour.net/images/box3-tail-left.gif) top left repeat-y; width:100%;}
.box3 .tail-bottom {background:url(https://scottgilmour.net/images/box3-tail-bottom.gif) bottom left repeat-x;}
.box3 .tail-top {background:url(https://scottgilmour.net/images/box3-tail-top.gif) top left repeat-x;}
.box3 .tail {background:#ededed;}

.border {background:url(http://images.scottgilmour.net/border-bg.gif) left bottom repeat-x; padding-bottom:8px; margin-bottom:7px;}

.box3 .link1 {display:inline-block; background:url(http://images.scottgilmour.net/link-img.gif) 0 0px no-repeat; height:13px; width:14px; margin:0px 0px 0 6px;}

.box3 .link {background:url(http://images.scottgilmour.net/link1-left-bg.gif) left top no-repeat; display:inline-block; line-height:1em; text-decoration:none; margin:12px 0px 0px 5px; color:#494949; cursor:pointer; font-size:1em; font-weight:normal;}
.box3 .link span {background:url(http://images.scottgilmour.net/link1-right-bg.gif) right top no-repeat; display:inline-block; padding:0 5px 0 5px;}
.box3 .link span span  {background:url(http://images.scottgilmour.net/link1-tail-bg.gif) top repeat-x; padding:4px 3px 7px 3px;}

.box3 .link:hover {background:url(https://scottgilmour.net/images/link1-left-bg-hover.gif) left top no-repeat; }
.box3 .link:hover span {background:url(https://scottgilmour.net/images/link1-right-bg-hover.gif) right top no-repeat;}
.box3 .link:hover span span  {background:url(https://scottgilmour.net/images/link1-tail-bg-hover.gif) top repeat-x;}

.indent {padding:18px 6px 0 16px;}

span.title {color:#990000; font-weight:bold; display:block; padding-bottom:25px;}

.border1 {border-bottom:1px solid #e0dfdf; padding-bottom:29px;}
.blog {font-size:1.083em; line-height:1.307em; }
.blog em {color:#660000; font-style:normal; font-weight:bold;}

.blog .link {background:url(https://scottgilmour.net/images/link2-left-bg.gif) left top no-repeat; display:inline-block; line-height:1.2em; text-decoration:none; margin:13px 0px 0px 5px; color:#fff; cursor:pointer; font-size:0.92em; font-weight:normal;}
.blog .link span {background:url(https://scottgilmour.net/images/link2-right-bg.gif) right top no-repeat; display:inline-block; padding:0 5px 0 5px;}
.blog .link span span  {background:url(https://scottgilmour.net/images/link2-tail-bg.gif) top repeat-x; padding:4px 6px 4px 6px;}


.blog .link:hover {background:url(https://scottgilmour.net/images/link2-left-bg-hover.gif) left top no-repeat; }
.blog .link:hover span {background:url(http://images.scottgilmour.net/link2-right-bg-hover.gif) right top no-repeat;}
.blog .link:hover span span  {background:url(http://images.scottgilmour.net/link2-tail-bg-hover.gif) top repeat-x;}

.blog strong {font-weight:normal; color:#76ac03;}
.blog .company {color:#646060;}
.test {width:700px;margin:0 auto;}
.test h3{margin:25px 0 0 20px;}
.test p{margin:10px 40px;}

.phone {display:inline-block; width:90px;}
.customdesignicons{float:right;margin:6px 10px;}
.paintstyle{float:right;margin:20px 15px;}

.policy-indent {padding:42px 33px 65px 48px;}

/* ============================= prices =====================*/

.leftcolprices{width:380px;float:left;border-right:#ccc 1px solid;padding:0 20px;}
.rightcolprices{width:380px;float:right;padding:0 20px;}
.webdesigncolprices{width:240px;float:left;}
.hostingcolprices{width:240px;float:left;border-right:#ccc 1px solid;border-left:#ccc 1px solid;padding:0 20px;margin:0 20px;}
.marketingcolprices{width:240px;float:right;}
.h2prices{font-size:26pt;text-align:center;}
.h3prices{font-size:18pt;text-align:center;color:#333;background-color:#ccc;padding:4px;border:solid 1px #999;}
.pricesbutton{font:bold 1.4em/120% Calibri,Arial,Verdana,Helvetica,sans-serif;height:31px;border:2px solid #b60303;padding:5px 30px!important;padding:0;background:url('http://images.scottgilmour.net/buttontile.jpg') repeat-x top left #b60303;color:#fff;margin:30px 0;}
.center{text-align:center;}
.price-features,.price-learn-more{margin:0 6px;}

p.getquote{text-align:center;margin:20px 0 10px;}
p.getquote .link {background:url(http://images.scottgilmour.net/link1-left-bg.gif) left top no-repeat; display:inline-block; line-height:1em; text-decoration:none; margin:12px 0px 0px 5px; color:#494949; cursor:pointer; font-size:1em; font-weight:normal;}
p.getquote .link span {background:url(http://images.scottgilmour.net/link1-right-bg.gif) right top no-repeat; display:inline-block; padding:0 5px 0 5px;}
p.getquote .link span span  {background:url(http://images.scottgilmour.net/link1-tail-bg.gif) top repeat-x; padding:4px 3px 7px 3px;}

.quotesleft{
 width:146px;
 height:110px;
 margin:0 10px 20px 0;
 float:left;
 background: #fff url('https://scottgilmour.net/images/quotesleft.jpg') no-repeat top left; 
}
.quotesright{
 width:146px;
 height:110px;
 margin:60px 0 0 15px;
 float:right;
 background: #fff url('https://scottgilmour.net/images/quotesright.jpg') no-repeat top left; 
}
.testimonial{
 width:430px;
 float:right;
}
.mike{
 height:200px;
 clear:both;
}
.jerry{
 height:300px;
 clear:both;
}
.jody{
 height:330px;
 clear:both;
}
.joann{
 height:240px;
 clear:both;
}
.glory{
 height:210px;
 clear:both;
}


/* ============================= footer ====================== */

#footer {color:#27272a; font-size:0.916em; padding:7px 0 0 54px;}
#footer a {color:#fff; text-decoration:none;}
#footer a:hover {text-decoration:underline;}

.mainpreloader{width:1px;height:1px;overflow:hidden;}

/* ============================= forms ============================= */

form{background-color:#fff;color:#333;margin-top:60px;}
.formleft{margin:0 50px 10px 100px;float:left;width:250px;font-size:12pt;}
.formleft input{height:20px;}
.formright{float:right;width:250px;margin-right:100px;font-size:12pt;}
.formbottom{width:550px;margin:0 auto;text-align:center;font-size:12pt;padding:15px 0;}
.formbotton h3{clear:both;text-align:center;margin:20px auto 10px;}
.formbottom .box{width:100%;height:130px;margin-top:10px;font-size:12pt;color:#333;background-color:#ccc;}
.para{margin:10px 0 5px 0;}
.text{width:250px;height:25px;margin-top:10px;background-color:#e0e0e0;color:#333;}
.text2{width:250px;background-color:#e0e0e0;}
.text2onecol{width:350px;height:100px;background-color:#e0e0e0;}
.checkbox{margin:0 5px 0 0;background-color:#e0e0e0;}
.quotebutton{margin:15px 0;width:167px;height:31px;background:#fff url('http://images.scottgilmour.net/get-quote.jpg') no-repeat 0 0;border:0;text-indent:-9999px;font-size:1pt;}
.buttons{font-family:Calibri,Arial,Verdana,Helvetica,sans-serif;font-size:14px;letter-spacing:3px;height:31px;border:2px solid #b60303;font-weight:bold;padding:0 20px!important;padding:0;background:url('http://images.scottgilmour.net/buttontile.jpg') repeat-x top left #333;color:#fff;margin:10px 0 16px;}
.buttonsonecol{font-family:Calibri,Arial,Verdana,Helvetica,sans-serif;font-size:14px;letter-spacing:3px;height:31px;border:2px solid #b60303;font-weight:bold;padding:0 20px!important;padding:0;background:url('http://scottgilmour.net/images/buttontile.jpg') repeat-x top left #333;color:#fff;margin:6px 0 6px 100px;}

.payonline{width:100%;height:auto;display:block;padding-bottom:30px;}
.payonline .text,.payonline .feild{width:200px;height:20px;margin-top:5px;background-color:#e0e0e0;color:#333;}
.payonline .para{margin:5px 0;}
.payonline .dropdown{width:200px;height:25px;font-size:10pt;margin-top:5px;background-color:#e0e0e0;color:#333;}
.relup{position:relative;top:-40px;}
.payonline .payleftcol{width:500px;margin:50px 0 0 0;float:left;font-size:12pt;border-right:#e0e0e0 2px solid;}
.payleftcol .cardleft{width:220px;}
.cardleft .exppara{float:left;margin:0 10px 5px 0;}
.cardleft .cvvpara{float:right;margin:0 0 5px 0;}
.cvv{width:50px;height:20px;font-size:10pt;margin-top:5px;background-color:#e0e0e0;color:#333;}
.payleftcol .cardright{padding-left:20px;width:220px;}
.payleftcol h2,.payrightcol h2{font-size:20pt;}
.exp{height:25px;margin:5px 5px 0 0;background-color:#e0e0e0;color:#333;font-size:10pt;}
.payleftcol .bottpara{width:440px;margin:5px auto 0;}
.payleftcol .insert{width:400px;height:20px;margin:5px auto 0;background-color:#e0e0e0;color:#333;}
.payleftcol .dollars{width:100px;height:20px;margin:5px auto 0;background-color:#e0e0e0;color:#333;}
.payleftcol .invoicenumber{float:left;width:200px;margin:5px 20px 0 0;}
.payleftcol .paymentamount{float:right;margin:5px 0 0 5px;}
.payleftcol .submitpayment{position:relative;top:25px;margin:0 50px 20px 0;text-align:center;}

.payonline .payrightcol{margin:50px 35px 0 0;text-align:center;float:right;font-size:12pt;}
.paypalseal{text-align:center;width:220px;margin-top:40px;}
.paypalform{text-align:center;width:220px;}
.red{color:red}
.submit{padding:2px 4px;border:#555 1px solid;margin:4px auto}

.upload{width:600px;margin:10px auto;}

.main { width:888px; margin:0 auto; text-align:left;}

#header {height:220px;}

#footer { height:24px;}

.col-1, .col-2, .col-3, .col-4 {float:left;}
.container {width:100%; overflow:hidden;}
.container2 {width:100%;}
/* ============================= page1 ===========================*/
#page1 .col-1 {width:242px; position:relative; color:#929395;}
#page1 .col-2 {width:270px;}
#page1 .col-3 {width:552px;}
/* ============================= page2 ===========================*/
#page2 .col-1 {width:553px;}
#page2 .col-2 {width:270px;}
#page2 .col-3 {width:552px;}

/* ============================= page3 ===========================*/
#page3 .col-1 {width:270px;}
#page3 .col-2 {width:552px;}
#page3 .col-3 {width:256px;}
/* ============================= page4 ===========================*/
#page4 .col-1 {width:270px;}
#page4 .col-2 {width:270px;}
#page4 .col-3 {width:552px;}

/* ============================= page5 ===========================*/
#page5 .col-1 {width:270px;}
#page5 .col-2 {width:553px;}
#page5 .col-3 {width:260px;}

/* ============================= page6 ===========================*/
#page6 .col-1 {width:553px;}
#page6 .col-2 {width:270px;}
#page6 .col-3 {width:256px;}
/* ============================= page7 ===========================*/
#page7 .col-f {width:100%;margin-bottom:20px;}
#page7 .col-2 {width:552px;}
#page7 .col-3 {width:240px;}

/* ============================= page8 ===========================*/
#page8 .col-1 {width:553px;}
#page8 .col-2 {width:270px;}
#page8 .col-3 {width:309px;}
#page8 .col-4 {width:210px;}

/* ============================= graphic-web-design.html ===========================*/
#page9 .col-1 {width:452px;float:left;}
#page9 .col-2 {width:320px;float:right;}