﻿/* 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;}


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:#76ac03;}

.imgindent {margin:0 27px 0 0; float:left;}
.imgindent1 {margin:0 20px 0 0; float:left;}

h2 {font-size:3.07em; line-height:1.16em;}
h3 {font-size:1.78em; color:#3b3b3f; margin-top:10px; line-height:1.16em; }
h4 {font-size:2.11em; line-height:1.14em; letter-spacing:-1px; padding-bottom:15px;}
h5 {font-size:1.75em; line-height:1.19em; color:#b40404; font-weight:normal; letter-spacing:-1px; margin-bottom:22px;}
h6 {font-size:1.84em; line-height:0.75em; color:#b40404; font-weight:normal;  margin-bottom:23px;}
/* ============================= header ====================== */
#header {background:url(http://scottgilmour.net/images/header-bg.gif) center top no-repeat; padding-top:9px;}
#page1 #header {height:465px; margin-bottom:-252px;}
#page1 #header .mainheader { width:888px; margin:0 auto; padding:0;}
.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://scottgilmour.net/images/page1-img1.gif) top center no-repeat; }
.map {background:url(http://images.scottgilmour.net/page1-img2.gif) top center no-repeat; }
.mail {background:url(http://images.scottgilmour.net/page1-img3.gif) top center no-repeat;}

.menu {background:url(http://scottgilmour.net/images/menu-tail-bg.gif) left top repeat-x;}
.menu li {float:left; background:url(http://scottgilmour.net/images/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;}
#page1 .extra {margin-top:252px;}
.threes {width:845px; height:285px; background:url(http://images.scottgilmour.net/threes.jpg) no-repeat 0 0;}
.services, .solutions { padding:150px 20px 0 20px;}
.support { padding:150px 0 0 20px;}
.extra-indent {padding:0 27px 27px 26px;}
.thumb { float:left; margin:0 8px; border:0;}
.D-thumb { float:left; margin:8px 12px;}

.block {background:url(http://scottgilmour.net/images/block-tail.gif) left top repeat-x; color:#3b3b3f; }
.block-content {background:url(http://scottgilmour.net/images/block-bg.jpg) left top no-repeat; height:252px; }
.block-content1 {background:url(http://images.scottgilmour.net/block-bg1.jpg) left top no-repeat; height:252px; }
.block-indent{padding:0 33px 0 44px;}
.block-indent1 {padding:34px 33px 0 50px; font-style:italic; font-size:1.16em; line-height:1.14em;}
.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:#3b3b3f;}

.portfolioslideshow { height:170px; overflow:hidden; margin:0 0 15px 0;}

.link-margin {margin-top:-15px;}
.fourteen {font-size:14pt;}
.ten {font-size:10pt;}
.eight {font-size:8pt; position:relative; top:-10px;}
.center {text-align:center;}

.first-slogan {padding:66px 0 0 260px;  font-style:italic; font-size:1.16em; line-height:1.14em; }

.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;}

.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;}

.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://scottgilmour.net/images/link-left-bg.png) left top no-repeat; display:inline-block; line-height:1em; text-decoration:none; margin:2px 0px 0px 5px; color:#8f8f90; font-weight:bold; cursor:pointer; font-size:1.16em;}
.link strong {background:url(http://scottgilmour.net/images/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-indent {padding:18px 17px 20px 21px;}

.col-1 span.dev, .col-1 h1 {font-size:1.25em; line-height:1.13em; color:#fff; font-style:bold; display:block; margin-bottom:6px;}

.box1 { position:relative; color:#a1a1a1;}
.box1 em {font-size:1.25em; line-height:1.13em; color:#b40404; font-style:normal; display:block; margin-bottom:6px;}
.box1 .bottom-right {background:url(http://images.scottgilmour.net/box1-corner-bottom-right.gif) bottom right no-repeat;}
.box1 .bottom-left {background:url(http://scottgilmour.net/images/box1-corner-bottom-left.gif) bottom left no-repeat;}
.box1 .top-right {background:url(http://scottgilmour.net/images/box1-corner-top-right.gif) top right no-repeat;}
.box1 .top-left {background:url(http://images.scottgilmour.net/box1-corner-top-left.gif) top left no-repeat;}
.box1 .tail-right {background:url(http://images.scottgilmour.net/box1-tail-right.gif) top right repeat-y;}
.box1 .tail-left {background:url(http://scottgilmour.net/images/box1-tail-left.gif) top left repeat-y; width:100%;}
.box1 .tail-bottom {background:url(http://scottgilmour.net/images/box1-tail-bottom.gif) bottom left repeat-x;}
.box1 .tail-top {background:url(http://images.scottgilmour.net/box1-tail-top.gif) top left repeat-x;}
.box1 .tail {background:#444444;} 

.box2 { position:relative; color:#adc883;}
.box2 em {font-size:1.25em; line-height:1.13em; color:#fff; font-style:normal; display:block; margin-bottom:6px;}
.box2 .bottom-right {background:url(http://images.scottgilmour.net/box2-corner-bottom-right.gif) bottom right no-repeat;}
.box2 .bottom-left {background:url(http://scottgilmour.net/images/box2-corner-bottom-left.gif) bottom left no-repeat;}
.box2 .top-right {background:url(http://scottgilmour.net/images/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(http://images.scottgilmour.net/box2-tail-right.gif) top right repeat-y;}
.box2 .tail-left {background:url(http://scottgilmour.net/images/box2-tail-left.gif) top left repeat-y; width:100%;}
.box2 .tail-bottom {background:url(http://scottgilmour.net/images/box2-tail-bottom.gif) bottom left repeat-x;}
.box2 .tail-top {background:url(http://images.scottgilmour.net/box2-tail-top.gif) top left repeat-x;}
.box2 .tail {background:#5b9107;}

.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:#b40404; font-style:normal; display:block; margin-bottom:6px; font-weight:bold;}
.box3 .bottom-right {background:url(http://images.scottgilmour.net/box3-corner-bottom-right.gif) bottom right no-repeat;}
.box3 .bottom-left {background:url(http://scottgilmour.net/images/box3-corner-bottom-left.gif) bottom left no-repeat;}
.box3 .top-right {background:url(http://scottgilmour.net/images/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(http://images.scottgilmour.net/box3-tail-right.gif) top right repeat-y;}
.box3 .tail-left {background:url(http://scottgilmour.net/images/box3-tail-left.gif) top left repeat-y; width:100%;}
.box3 .tail-bottom {background:url(http://scottgilmour.net/images/box3-tail-bottom.gif) bottom left repeat-x;}
.box3 .tail-top {background:url(http://images.scottgilmour.net/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://scottgilmour.net/images/link-img.gif) 0 0px no-repeat; height:13px; width:14px; margin:0px 0px 0 6px;}

.box3 .link {background:url(http://scottgilmour.net/images/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(http://scottgilmour.net/images/link1-left-bg-hover.gif) left top no-repeat; }
.box3 .link:hover span {background:url(http://scottgilmour.net/images/link1-right-bg-hover.gif) right top no-repeat;}
.box3 .link:hover span span  {background:url(http://images.scottgilmour.net/link1-tail-bg-hover.gif) top repeat-x;}

.indent {padding:18px 6px 0 16px;}

span.title {color:#444; 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:#568c05; font-style:normal; font-weight:bold;}

.blog .link {background:url(http://images.scottgilmour.net/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(http://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(http://scottgilmour.net/images/link2-tail-bg.gif) top repeat-x; padding:4px 6px 4px 6px;}


.blog .link:hover {background:url(http://images.scottgilmour.net/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://scottgilmour.net/images/link2-tail-bg-hover.gif) top repeat-x;}

.blog strong {font-weight:normal; color:#3b3b3f;}
.blog .company {color:#646060;}

.smallfont {font-size:1.6em;}
.check {margin:6px 8px 0 8px; float:left;}
.phone {display:inline-block; width:90px;}

.policy-indent {padding:42px 33px 65px 48px;}
/* ============================= footer ====================== */
#footer {text-align:center; color:#27272a; font:normal 0.9em/160% arial; padding:7px 0 14px 0;}
#footer .mainfooter { width:900px; margin:0 auto; text-align:center;}
#footer .mainfooter p {margin-top:-12px; padding-bottom:10px;}
#footer .mainfooter a {color:#27272a; text-decoration:none;}
#footer .mainfooter a:hover {text-decoration:underline;}
#footer .norm {font-size:1.2em;color:#27272a;}

/* ============================= forms ============================= */
#ContactForm label {height:60px; display:block;}
#ContactForm .col-1 {width:260px !important;}
#ContactForm .link {margin:8px 0 0 10px;}
.input {width:247px; height:22px; border:1px solid #e0dfdf; background:none; padding:3px 0 0 5px; font-size:1em;}
textarea {width:254px; height:145px; border:1px solid #e0dfdf; background:none; padding:0 0 0 5px; overflow:auto; font-size:1em;}

.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;}
