/***

   :: Theme Development: surprisehighway.com
   :: Last modified 01/13/07

	Font Palette
	***************************************
	

	Color Palette
	***************************************
	

***/

/* CSS reset courtesy of meyerweb.com */
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%;
	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;
}

/* Typography ----------------------------------------------------------------- */
body {font-size: 62.5%; line-height: 1.4em; font-family: Verdana, Helvetica, Arial, sans-serif; color:rgb(142,140,135);}

h1 {letter-spacing: 0.05em; font-family: Arial, Helvetica, Verdana, sans-serif; text-transform: uppercase; font-style: normal; line-height: 54px; font-weight: normal; font-size: 42px; color: rgb(199,194,186); margin-bottom: 30px;}


h2 { font-style: normal; font-weight: normal; word-wrap: break-word; letter-spacing: 0.2em; padding-bottom: 4px; padding-top: 3px; text-transform: uppercase; margin-right: 532px; padding-left: 40px; left: -40px; position: relative; font-size: 13px;background-color:rgb(248,201,8);color: black;margin-bottom: 50px;}

#uofc{letter-spacing: 0.1em;}


h3{font-style: normal; font-weight: normal; font-size: 28px; border-color: rgb(199,194,186); line-height: }

p {line-height: 25px; margin-bottom: 12px;font-size: 14px;}
p.meta {margin-bottom: 0em;}
ul,
ol {margin-bottom: 18px;}
li {margin-left: 20px;}
a {text-decoration: none; color:rgb(234,185,10);}

#intro a{letter-spacing: 0.05em; font-family: Arial, Helvetica, Verdana, sans-serif; text-transform: uppercase; font-style: normal; line-height: 54px; font-weight: normal; font-size: 44px; color: rgb(199,194,186); margin-bottom: 30px; border: none;}


a.visit {padding-right: 1px; padding-left: 1px; 
border-bottom-color:rgb(248,201,8);border-bottom-style: solid; }
a:hover.visit  {background-color: rgb(248,201,8);}




#footer a {color: rgb(235,155,0); border: none;}
#footer a:hover{border: none; color: black;}


#error a {color: rgb(235,155,0); border: none;}
#error a:hover{border: none; color: black;}


a{ border-left-style: none; border-bottom-style: dotted; border-right-style: none; border-top-style: none; border-width: 1px; padding-bottom: 1px; color:rgb(142,140,135); border-bottom-color: rgb(199,194,186);

}

a:hover{color:black;text-decoration: none;

}



.highligh-text{color:rgb(89,88,86);}
.number{margin-right: 20px;}

#work-samples h1{ line-height: 45px; margin-bottom: 50px; padding-left: 40px; display: block; border-right-style: none; border-left-style: none; border-bottom-style: solid; border-top-style: solid; border-left-width: 0px; border-bottom-width: 1px; border-right-width: 0px; border-top-width: 1px; font-size: 24px; border-color: rgb(199,194,186);color:rgb(89,88,86);}

#footer h1{margin-bottom: 0px; line-height: 45px;color:rgb(89,88,86);font-size: 24px;}
#lowercase{text-transform: lowercase;}
#contact-info p { line-height: 21px;}
.contact-country{ font-size: 13px; letter-spacing: .1em;}
#at-sign{font-size: 13px;}



img.web-image-one{ left: -10px; position: relative;width: 908px;}
img.web-image-two { margin-left: 50px; width: 302px; float: left; position: relative;}
#example-afreshsqueeze img{left: -30px; width: 908px; position: relative;margin-bottom: 20px;}
.wrap-example img{margin-bottom: 20px;}
#example-globalarts img{display:block; margin-left:auto; margin-right:auto;margin-bottom: 50px; }




.wrap-example p{float: left; position: relative;  width: 532px;}




/* Layout ----------------------------------------------------------------- */


.clearit{clear: both;}
#intro{float: left; width: 730px;}
#contact-info{left: -10px; position: relative; float: right; width: 165px; margin: 0;}
#portfolio{}
.wrap-example, .wrap-intro{margin: 20px 0px 0px 40px; width: 920px;}
#work-samples{ left: -20px; width: 100%;}
.wrap-intro{margin-bottom: 30px;}


.wrap-example{margin-bottom: 100px;}

#footer{ 
			display: block; 
			border-right-style: none; 
			border-left-style: none; 
			border-bottom-style: solid; 
			border-top-style: solid; 
			border-left-width: 0px; 
			border-bottom-width: 1px; 
			border-right-width: 0px; 
			border-top-width: 1px;
			border-color: rgb(199,194,186); 
			margin-bottom: 50px;}

#footer h1, #footer p{margin-left: 40px;}


#error h1, #footer p{margin-left: 40px;}


#error{ 
			margin-top: 20px; 
			border-style: none; 
			display: block; 
			border-left-width: 0px; 
			border-bottom-width: 1px; 
			border-right-width: 0px; 
			border-top-width: 1px;
			border-color: rgb(199,194,186); 
			margin-bottom: 50px;}

.smiley{width: 17px; position: relative; top:4px; left: -2px; margin-right: 3px;}