/* DT7 Design CSS produced by Thomas Shillingford */


/****************** GENERAL BODY STYLING *****************/

body {
	background: url(Images/Backgrounds/FloralWallpaper3.png);
	margin: 0px auto;
	padding: 0px;
	width: 710px;
}
#Top {
	background: #FFFFFF;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
#Wrapper {
	margin: 0px;
	padding: 0px;
	width: 100%;
	background: #FFFFFF;
}
#Pattern  {
	background: url(Images/Backgrounds/DT7_Decoration_02.png) no-repeat;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 75px;
}
#Wrapper #NaviBar {
	background: #FFFFFF;
	margin: 10px 0px 2px 5px;
	padding: 0px;
	width: 90%;
}
#Wrapper #Animation {
	background: #FFFFFF;
	margin: 0px 0px 5px;
	padding: 5px 0px 5px 5px;
	clear: right;
}
#Wrapper #Body {
	background: #FFFFFF;
	margin: 0px;
	padding: 0px;
}
#Wrapper #Base {
	background: url(Images/Backgrounds/BaseBackground.png);
	height: 400px;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
#Wrapper #Footer {
	background: #336600;
}


/****************** Navi Bar STYLING *****************/

#Wrapper #NaviBar ul {
	display: inline;
	list-style: none outside;
	margin: 0px;
	padding: 0px;
	width: 700px;
}

#Wrapper #NaviBar li {
	list-style: none;
	display: inline;
	padding: 0px;
	width: 700px;
	margin: 0px 2px 0px 0px;
}



/****************** BODY TEXT STYLING *****************/

/* Body stylling  */

#Wrapper #Body p {
	font: 0.75em/140% Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	padding: 0px;
	margin: 0px 10px 15px;
}


/* Body Headlines stylling  */

#Wrapper #Body h1 {
	color: #899F34;
	font: normal 1.2em/125% Georgia, "Times New Roman", Times, serif;
	margin: 10px 5px 10px 10px;
	padding: 0px;
}

#Wrapper #Body h2 {
	color: #899F34;
	padding: 0px;
	margin: 15px 0px 10px 10px;
	font-size: 1.2em;
	font-style: normal;
	font-weight: normal;
}
#Wrapper #Body h3 {
	font: normal 1.5em Georgia, "Times New Roman", Times, serif;
	color: #009EE0;
	margin: 0px 0px 5px 10px;
	padding: 0px;
}

.img_strip {
	margin: 5px auto;
	padding-right: 5px;
	padding-left: 5px;
}
img {
	margin: 0px;
	padding: 0px;
}

/* Image styling */
.img_work {
	padding: 0px;
	margin-right: 5px;
	margin-left: 5px;
}


/* Work Table */
#Wrapper #Body #WorkTable {
	background: url(Images/Strips/Table_Strip.png);
	width: 700px;
	font-size: .9em;
	color: #FFFFFF;
	padding: 0px;
	margin: 5px;
	height: 40px;
}

#Wrapper #Body #WorkTable p {
	color: #FFFFFF;
	padding: 0px;
	font: .8em/100% Verdana, Arial, Helvetica, sans-serif;
	margin: 5px 0px 5px 5px;
}


/******************  LINK STYLING *****************/
a:link {
	color: #899F34;
	text-decoration: none;
	font: 1.2em Georgia, "Times New Roman", Times, serif;
}

a:visited {
	color: #CCFF00;
	text-decoration: none;
	font: 1.2em Georgia, "Times New Roman", Times, serif;
}

a:hover {
	color: #C2DD4B;
	text-decoration: underline;
	font: 1.2em Georgia, "Times New Roman", Times, serif;
}
a:active {
	color: #666666;
	text-decoration: none;
	font: 1.2em Georgia, "Times New Roman", Times, serif;
}



/****************** WORK LOGO STYLING *****************/

#albumlist {
	list-style-type: none;
	padding: 10px 0px 0px;
	margin: 0px;
}

#albumlist li {
	float: left;
	font: Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding: 0px;
	margin: 0px;
}

/****************** SERVICES STYLING *****************/

/* Services column styling  */
#Wrapper #Service_Con {
	padding: 0px;
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	margin: 0px 0px 0px 5px;
}


/* First column styling */
#Wrapper #Body #Service_Con #ServiceOne {
	padding: 0px;
	float: left;
	width: 33%;
	color: #333333;
	margin: 0px 5px 0px 0px;
}

/* First column styling - Headline One */
#Wrapper #Body #Service_Con #ServiceOne h1 {
	font: bold .8em Verdana, Arial, Helvetica, sans-serif;
	padding: 0px;
	margin-left: 8px;
	margin-bottom: 0px;
}

/* Second column styling */
#Wrapper #Body #Service_Con #ServiceTwo {
	padding: 0px;
	float: left;
	width: 35%;
	margin: 0px 5px 0px 0px;
}

/* Second column styling - Headline One */
#Wrapper #Body #Service_Con #ServiceTwo h1 {
	font: bold 0.8em Verdana, Arial, Helvetica, sans-serif;
	color: #899F34;
	padding: 0px;
	margin-left: 8px;
	margin-bottom: 0px;
}


/* Third column styling */
#Wrapper #Service_Con #ServiceThree {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 30%;
}

/* Third column styling - Headline One */
#Wrapper #Body #Service_Con #ServiceThree h1 {
	font: bold 0.8em Verdana, Arial, Helvetica, sans-serif;
	color: #899F34;
	padding: 0px;
	margin-left: 8px;
	margin-bottom: 0px;
}

/* Technical column styling - Headline One */
#Wrapper #Body #Service_Con #Technical {
}

/* Technical column styling - Headline One */
#Wrapper #Body #Service_Con #Technical h1 {
	font: 1.2em Georgia, "Times New Roman", Times, serif;
}

/* Technical column styling - Headline Two */
#Wrapper #Body #Service_Con #Technical h2 {
	font: bold 0.8em Verdana, Arial, Helvetica, sans-serif;
	color: #899F34;
	padding: 0px;
	margin-left: 8px;
	margin-bottom: 0px;
}
/* Technical column styling - Headline Two */

/****************** CONTACT STYLING *****************/
#Wrapper #Body #ContactWrap {
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
}
#Wrapper #Body #ContactWrap #ContactOne {
	float: left;
	width: 385px;
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#Wrapper #Body #ContactWrap #ContactTwo {
	width: 270px;
	float: right;
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#Wrapper #Body #ContactWrap #ContactTwo h2 {
	font: bold .8em Verdana, Arial, Helvetica, sans-serif;
	padding: 0px;
	margin-bottom: 0px;
}

/******************  LINK STYLING *****************/

#Wrapper #Body #LinkContainer {
	width: 650px;
	clear: right;
	margin: 0px 0px 0px 10px;
	padding: 0px;
}
#Wrapper #Body #LinkContainer #L1 {
	width: 230px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#Wrapper #Body #LinkContainer .L2 {
	width: 230px;
	padding: 0px;
	float: left;
	margin: 0px;
}
#Wrapper #Body #LinkContainer #L3 {
	width: 28%;
	float: left;
	margin: 0px;
	padding: 0px;
}


/******************  BASE STYLING *****************/

#Wrapper #Base p {
	font: 0.75em/135% Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 0px;
	margin: 5px 10px 10px;
}
#Wrapper #Base h1 {
	font: normal 1.3em Georgia, "Times New Roman", Times, serif;
	color: #607704;
	padding: 0px;
	margin: 15px 0px 0px 10px;
}

#Wrapper #Base #BaseCol1 {
	margin: 0px 10px;
	padding: 0px;
	float: left;
	width: 33%;
}
#Wrapper #Base #BaseCol2 {
	float: left;
	width: 35%;
	margin: 0px 10px 0px 0px;
	padding: 0px;
}

#Wrapper #Base #BaseCol2 ul {
	list-style: none;
	margin: 5px 0px 5px 10px;
	padding: 0px;
	line-height: 125%;
}
#Wrapper #Base #BaseCol2 li {
	list-style: url(Images/Backgrounds/Bulletpoints.png) outside;
	padding: 0px;
	margin: 10px 0px 10px 15px;
	line-height: 105%;
}
#Wrapper #Base #BaseCol3 {
	width: 28%;
	float: left;
	margin: 0px;
	padding: 0px;
}

/* Bottom link styling */
#Wrapper #Base #BaseCol2 a:link {
	font: .8em Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 0px;
	padding: 0px;
}
#Wrapper #Base #BaseCol2 a:visited {
	font: 0.8em Verdana, Arial, Helvetica, sans-serif;
	color: #607704;
	margin: 0px;
	padding: 0px;
}
#Wrapper #Base #BaseCol2 a:hover {
	font: 0.8em Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}

#Wrapper #Base #BaseCol2 a:active {
	font: 0.8em Verdana, Arial, Helvetica, sans-serif;
	color: #669900;
	margin: 0px;
	padding: 0px;
}



/****************** FOOTER STYLING *****************/

/* Footer styling */
#Wrapper #Footer {
	float: left;
	margin: 5px 0px 25px;
	padding: 0px 0px 10px;
	background: #B4D335;
	font: .8em Georgia, "Times New Roman", Times, serif;
	width: 710px;
	clear: right;
}
#Wrapper #Footer p {
	padding: 2px 0px 0px 2px;
	float: left;
	margin: 5px 0px 5px 5px;
}
#Wrapper #Body #logos {
	width: 700px;
	padding: 0px 0px 10px;
	background: #FFFFFF;
	margin: 0px 5px 5px;
}
#Wrapper #Masthead {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 225px;
	background: #FFFFFF;
}
#Wrapper #Body #Digital a {
	font: .9em/145% Georgia, "Times New Roman", Times, serif;
	margin: 2px 0px 2px 5px;
	padding: 0px;
}